.troop-switch{border:1px solid color-mix(in srgb, var(--border) 88%, var(--muted-foreground) 12%);background:color-mix(in srgb, var(--muted-foreground) 22%, var(--muted));cursor:pointer;border-radius:999px;outline:none;flex-shrink:0;align-items:center;width:2.5rem;height:1.375rem;transition:background-color .18s,border-color .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px 2px #171a2e1f}.dark .troop-switch{border-color:color-mix(in srgb, var(--border) 80%, var(--foreground) 20%);background:color-mix(in srgb, var(--muted-foreground) 28%, var(--muted));box-shadow:inset 0 1px 3px #00000059}.troop-switch[data-state=checked]{border-color:color-mix(in srgb, var(--primary) 55%, transparent);background:var(--primary);box-shadow:inset 0 1px 1px #ffffff2e, 0 6px 14px color-mix(in srgb, var(--primary) 28%, transparent)}.dark .troop-switch[data-state=checked]{border-color:color-mix(in srgb, var(--primary) 65%, transparent);box-shadow:inset 0 1px 1px #ffffff1f, 0 6px 16px color-mix(in srgb, var(--primary) 32%, transparent)}.troop-switch:hover:not(:disabled){filter:brightness(1.03)}.troop-switch:focus-visible{border-color:var(--ring);box-shadow:inset 0 1px 2px #171a2e1a, 0 0 0 3px color-mix(in srgb, var(--ring) 28%, transparent)}.troop-switch[data-state=checked]:focus-visible{box-shadow:inset 0 1px 1px #ffffff2e, 0 6px 14px color-mix(in srgb, var(--primary) 28%, transparent), 0 0 0 3px color-mix(in srgb, var(--ring) 28%, transparent)}.troop-switch:disabled{cursor:not-allowed;opacity:.45}.troop-switch-thumb{pointer-events:none;background:#fff;border-radius:999px;width:1.125rem;height:1.125rem;transition:transform .2s cubic-bezier(.22,1,.36,1);display:block;transform:translate(1px);box-shadow:0 1px 2px #171a2e2e,0 0 0 1px #171a2e0a}.dark .troop-switch-thumb{background:#f4f6ff;box-shadow:0 1px 3px #00000073,0 0 0 1px #ffffff0f}.troop-switch[data-state=checked] .troop-switch-thumb{background:var(--primary-foreground);transform:translate(calc(1.375rem - 3px));box-shadow:0 1px 3px #171a2e38,0 0 0 1px #ffffff14}.dark .troop-switch[data-state=checked] .troop-switch-thumb{width:1.25rem;height:1.25rem;transform:translate(calc(1.25rem - 2px))}.troop-switch:active:not(:disabled) .troop-switch-thumb{width:1.25rem}.troop-switch[data-state=checked]:active:not(:disabled) .troop-switch-thumb{transform:translate(calc(1.25rem - 3px))}.dark .troop-switch[data-state=checked]:active:not(:disabled) .troop-switch-thumb{width:1.3125rem;height:1.25rem;transform:translate(calc(1.1875rem - 2px))}@media (prefers-reduced-motion:reduce){.troop-switch,.troop-switch-thumb{transition:none}}