.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:26px;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:18px;height:18px;transform:translateY(-50%);border-radius:var(--radius-full);background:var(--color-snow);transition:transform .18s,background .15s}.switch-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.switch-icon-off{color:var(--color-midnight)}.switch-icon-on{display:none}.switch-input:checked+.switch-track{border-color:var(--color-lime);background:var(--color-lime)}.switch-input:checked+.switch-track .switch-thumb{transform:translate(18px,-50%);background:var(--color-midnight)}.switch-input:checked+.switch-track .switch-icon-on{display:block;color:var(--color-snow)}.switch-input:checked+.switch-track .switch-icon-off{display:none}.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}