@layer components{.switch{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.switch-input{opacity:0;cursor:pointer;width:2.5rem;height:1.5rem;margin:0;position:absolute;inset:0}.switch-input:disabled{cursor:not-allowed}.switch-track{background:var(--color-border);pointer-events:none;border-radius:999px;flex-shrink:0;width:2.5rem;height:1.5rem;transition:background-color .15s;display:inline-block;position:relative}.switch-thumb{background:var(--color-surface);width:1.25rem;height:1.25rem;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .15s;position:absolute;top:.125rem;left:.125rem}.switch-input:checked~.switch-track{background:var(--color-primary)}.switch-input:checked~.switch-track .switch-thumb{transform:translate(1rem)}.switch-input:focus-visible~.switch-track{outline:2px solid var(--color-focus-ring);outline-offset:2px}.switch-input:disabled~.switch-track{opacity:.5;cursor:not-allowed}.switch:has(.switch-input:disabled){cursor:not-allowed}.switch-label{font-size:.9375rem}}