.ls{--ls-h:40px;--ls-pad:3px;position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;height:var(--ls-h);padding:var(--ls-pad);border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:999px;background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;font:inherit;font-size:.78rem;font-weight:800;letter-spacing:.08em;cursor:pointer;isolation:isolate;transition:border-color .2s ease,background .2s ease,transform .15s ease}.ls:hover{border-color:color-mix(in srgb,#ff6f66 70%,transparent);background:color-mix(in srgb,currentColor 12%,transparent)}.ls:active{transform:scale(.96)}.ls:focus-visible{outline:2px solid #ff6f66;outline-offset:3px}.ls__opt{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:calc(var(--ls-h) - 2 * var(--ls-pad) - 2px);padding:0 10px;border-radius:999px;color:color-mix(in srgb,currentColor 72%,transparent);transition:color .25s ease}.ls__opt[data-on=true]{color:#fff}.ls__name{font-size:.78rem;font-weight:600;letter-spacing:0}.ls__thumb{position:absolute;z-index:0;top:var(--ls-pad);bottom:var(--ls-pad);left:var(--ls-pad);width:calc((100% - 2 * var(--ls-pad)) / 2);border-radius:999px;background:linear-gradient(180deg,#e0392f,#b21919);box-shadow:0 6px 14px -6px rgba(200,29,29,.9),inset 0 1px 0 rgba(255,255,255,.28);transform:translateX(0);transition:transform .38s cubic-bezier(.3,1.35,.45,1)}.ls[data-active="1"] .ls__thumb{transform:translateX(100%)}@media (prefers-reduced-motion:reduce){.ls,.ls__opt,.ls__thumb{transition:none}}