.switch{border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;width:2.75rem;height:1.5rem;transition:all var(--transition-fast);border-radius:9999px;outline:none;flex-shrink:0;align-items:center;padding:.125rem;display:inline-flex;position:relative}.switch:hover:not([data-disabled=true]){border-color:var(--color-primary);box-shadow:0 0 6px var(--color-primary)}.switch:focus-visible{box-shadow:0 0 0 2px var(--focused-border-color), var(--cyber-neon-glow)}.switch[data-state=checked]{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.switch[data-state=checked]:hover:not([data-disabled=true]){box-shadow:0 0 12px var(--color-primary), 0 0 20px var(--color-primary)}.switch[data-disabled=true]{opacity:.4;cursor:not-allowed;box-shadow:none}.switch-thumb{background-color:var(--color-on-surface);width:1.125rem;height:1.125rem;transition:transform var(--transition-fast);will-change:transform;border-radius:9999px;display:block}.switch[data-state=checked] .switch-thumb{background-color:var(--color-on-primary,#000);transform:translate(1.25rem)}.switch[data-state=unchecked] .switch-thumb{transform:translate(0)}