.switch.svelte-1re5fgf{border:1px solid var(--color-border);background:var(--color-surface);text-align:left;border-radius:.875rem;align-items:center;gap:.75rem;width:100%;min-height:3.625rem;padding:.625rem .75rem;display:flex}.switch.svelte-1re5fgf:focus-visible{outline:.1875rem solid color-mix(in srgb, var(--color-brand) 36%, transparent);outline-offset:.125rem}.switch.svelte-1re5fgf:disabled{cursor:not-allowed;opacity:.55}.switch[aria-checked=true].svelte-1re5fgf .control:where(.svelte-1re5fgf){border-color:var(--color-brand-dark);background:var(--color-brand-dark)}.switch[aria-checked=true].svelte-1re5fgf .control:where(.svelte-1re5fgf) .thumb:where(.svelte-1re5fgf){transform:translate(1.25rem)}.switch.compact.svelte-1re5fgf{border-radius:var(--radius-pill);background:var(--color-bg-soft);border:0;gap:.5rem;width:auto;min-height:2.75rem;padding:.375rem .625rem}.switch.compact.svelte-1re5fgf .control:where(.svelte-1re5fgf){width:2.5rem;height:1.5rem}.switch.compact.svelte-1re5fgf .control:where(.svelte-1re5fgf) .thumb:where(.svelte-1re5fgf){width:1.125rem;height:1.125rem}.switch.compact[aria-checked=true].svelte-1re5fgf .control:where(.svelte-1re5fgf) .thumb:where(.svelte-1re5fgf){transform:translate(1rem)}.switch.compact.svelte-1re5fgf .copy:where(.svelte-1re5fgf) strong:where(.svelte-1re5fgf){font-size:.75rem}.switch.svelte-1re5fgf .control:where(.svelte-1re5fgf){border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-bg-muted);width:2.875rem;height:1.625rem;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex:none;position:relative}.switch.svelte-1re5fgf .control:where(.svelte-1re5fgf) .thumb:where(.svelte-1re5fgf){background:var(--color-surface);width:1.25rem;height:1.25rem;box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;position:absolute;top:.125rem;left:.125rem}.switch.svelte-1re5fgf .copy:where(.svelte-1re5fgf){flex-direction:column;gap:.125rem;min-width:0;display:flex}.switch.svelte-1re5fgf .copy:where(.svelte-1re5fgf) strong:where(.svelte-1re5fgf){font-size:.875rem}.switch.svelte-1re5fgf .copy:where(.svelte-1re5fgf) small:where(.svelte-1re5fgf){color:var(--color-text-secondary);font-size:.75rem}