.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 transparent;border-radius:999px;background:linear-gradient(145deg,color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 3%,transparent) 55%,color-mix(in srgb,#d92338 16%,transparent));-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);box-shadow:inset 0 1px 0 color-mix(in srgb,currentColor 22%,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:before{content:"";position:absolute;inset:-1px;z-index:2;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,122,110,.8),color-mix(in srgb,currentColor 18%,transparent) 38%,color-mix(in srgb,currentColor 6%,transparent) 62%,rgba(255,184,92,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.ls:hover{box-shadow:0 0 0 1px rgba(255,122,110,.3),0 10px 26px -10px rgba(229,40,61,.7),inset 0 1px 0 color-mix(in srgb,currentColor 28%,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}}