.ui-swap{all:unset;cursor:pointer;font:inherit;color:inherit;letter-spacing:inherit;text-align:inherit;-webkit-tap-highlight-color:transparent}.ui-swap:focus-visible{outline:2px solid var(--ui-g);outline-offset:6px;border-radius:8px}.ui-swap-slot{vertical-align:bottom;clip-path:inset(0 -.3em);grid-template-columns:minmax(0,1fr);justify-items:center;transition:width .24s ease-out;display:inline-grid}.ui-swap-w{white-space:nowrap;color:var(--ui-g);opacity:0;grid-area:1/1;transition:transform .24s ease-out,opacity .24s ease-out}.ui-swap-slot--up .ui-swap-w{transform:translateY(.6em)}.ui-swap-slot--down .ui-swap-w{transform:translateY(-.6em)}.ui-swap-slot .ui-swap-w.is-on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.ui-swap-w,.ui-swap-slot{transition:none}}