.variant-switcher{min-width:0;position:relative}.variant-switcher[data-switchable=true]{cursor:pointer}.variant-switcher:focus{outline:none}.variant-switcher:focus-visible{outline-offset:5px;outline:1px dotted #5c5147}.variant-switcher-hint{color:#a69a8e;letter-spacing:.01em;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:100%;font:10px/1.4 system-ui,sans-serif;position:absolute;bottom:calc(100% + 10px);left:0}.variant-switcher:hover>.variant-switcher-hint,.variant-switcher:focus-within>.variant-switcher-hint{opacity:.5}.variant-switcher-sr-only{clip-path:inset(50%);white-space:nowrap;-webkit-user-select:none;user-select:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){.variant-switcher:focus-visible{outline-color:highlight}.variant-switcher-hint{color:canvastext}}