@layer equip{.eq-switch{--_track-w:32px;--_track-h:20px;--_thumb:14px;--_inset:3px;--_squeeze:0px;align-items:flex-start;gap:var(--eq-space-2);box-sizing:border-box;min-height:24px;font:var(--eq-weight) var(--eq-text-m) / 20px var(--eq-font);color:var(--eq-ink);cursor:pointer;padding-block:2px;display:inline-flex}.eq-switch-control{width:var(--_track-w);height:var(--_track-h);flex:none;display:block;position:relative}.eq-switch-input{appearance:none;box-sizing:border-box;width:var(--_track-w);height:var(--_track-h);border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-full);background:var(--eq-tint);cursor:inherit;transition:background-color var(--eq-dur) var(--eq-ease), border-color var(--eq-dur) var(--eq-ease);margin:0;display:block}.eq-switch-input:checked{border-color:var(--eq-solid);background:var(--eq-solid)}.eq-switch-thumb{top:var(--_inset);left:var(--_inset);width:calc(var(--_thumb) + var(--_squeeze));height:var(--_thumb);border-radius:var(--eq-radius-full);background:var(--eq-ink-2);pointer-events:none;transition:translate var(--eq-dur-move) var(--eq-spring), width var(--eq-dur-move) var(--eq-spring), background-color var(--eq-dur) var(--eq-ease);position:absolute}.eq-switch:active:not(:has(.eq-switch-input:disabled)){--_squeeze:4px}.eq-switch-input:checked+.eq-switch-thumb{translate:calc(var(--_track-w) - var(--_thumb) - var(--_squeeze) - 2 * var(--_inset)) 0;background:var(--eq-solid-ink)}.eq-switch:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .eq-switch-thumb{left:auto;right:var(--_inset)}.eq-switch:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .eq-switch-input:checked+.eq-switch-thumb{translate:calc(-1 * (var(--_track-w) - var(--_thumb) - var(--_squeeze) - 2 * var(--_inset))) 0}@media (hover:hover){.eq-switch:hover .eq-switch-input:where(:not(:checked,:disabled)){background:var(--eq-tint-strong)}}.eq-switch-input:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-switch:has(.eq-switch-input:disabled){opacity:.45;cursor:not-allowed}.eq-switch-text{flex-direction:column;min-width:0;display:flex}.eq-switch-description{font-size:var(--eq-text-s);color:var(--eq-ink-2);line-height:18px}}
