.switch{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-roboto);font-size:16px;color:var(--color-foreground)}.switch-input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.switch-track{position:relative;flex-shrink:0;width:44px;height:24px;border-radius:var(--radius-full);border:2px solid rgba(var(--color-snow-rgb),.5);background:rgba(var(--color-snow-rgb),.1);transition:border-color .15s,background .15s}.switch-thumb{position:absolute;top:50%;left:2px;width:16px;height:16px;transform:translateY(-50%);border-radius:var(--radius-full);background:var(--color-snow);transition:transform .18s,background .15s}.switch-input:checked+.switch-track{border-color:var(--color-lime);background:var(--color-lime)}.switch-input:checked+.switch-track .switch-thumb{transform:translate(20px,-50%);background:var(--color-midnight)}.switch-track[data-force=hover],.switch:hover .switch-track{border-color:rgba(var(--color-snow-rgb),.8)}.switch-input:active+.switch-track,.switch-track[data-force=active]{background:rgba(var(--color-snow-rgb),.18)}.switch-input:checked:active+.switch-track{background:var(--color-lime-hover)}.switch-input:focus-visible+.switch-track,.switch-track[data-force=focus]{outline:2px solid var(--color-witchy);outline-offset:3px}.switch-input:disabled+.switch-track,.switch-input:disabled~.switch-label{opacity:.5}.switch-label{cursor:pointer;user-select:none}