:where(.toggle-slider){--slider-color:var(--color-surface);--slider-line:var(--color-accent);--slider-radius:6px;--toggle-scale-down:.94;isolation:isolate;position:relative}:where(.toggle-slider--solid){border:1px solid var(--color-border);border-radius:calc(var(--slider-radius) + 4px);gap:4px;padding:4px;display:inline-flex}:where(.toggle-slider--underline){gap:8px;display:inline-flex}:where(.toggle-slider>:not(.toggle-slider__slider,legend)){border-radius:var(--slider-radius);opacity:.55;cursor:pointer;padding:6px 12px}@media (prefers-reduced-motion:no-preference){:where(.toggle-slider>:not(.toggle-slider__slider,legend)){transition:opacity var(--duration) var(--ease), scale .24s ease}}:where(.toggle-slider>[data-active]){opacity:1}:where(.toggle-slider>:not(.toggle-slider__slider,legend):active){scale:var(--toggle-scale-down)}.toggle-slider__slider{z-index:-1;pointer-events:none;position:absolute}.toggle-slider--solid>.toggle-slider__slider{border-radius:var(--slider-radius);background:var(--slider-color)}.toggle-slider--underline>.toggle-slider__slider{background:var(--slider-line);height:2px;bottom:0}.toggle-slider[data-toggle-trigger=hover]:active>.toggle-slider__slider{scale:var(--toggle-scale-down)}.toggle-slider:has(>[data-active]:active)>.toggle-slider__slider{scale:var(--toggle-scale-down)}@media (prefers-reduced-motion:no-preference){.toggle-slider[data-toggle-ready]>.toggle-slider__slider{transition:left .4s var(--ease), top .4s var(--ease), width .4s var(--ease), height .4s var(--ease), scale .24s ease}}