.switch.svelte-95137j{--_height:var(--space-6);--_inset:calc(var(--border-width) * 3);--_thumb:calc(var(--_height) - 2 * var(--_inset));--_travel:calc(var(--_height) * .8);--_dir:1;gap:var(--space-1);display:inline-grid}[dir=rtl] .switch.svelte-95137j{--_dir:-1}.full.svelte-95137j{display:grid}.row.svelte-95137j{align-items:center;gap:var(--space-3);min-block-size:var(--tap);cursor:pointer;display:flex}.full.svelte-95137j .row:where(.svelte-95137j){justify-content:space-between}.label-end.svelte-95137j .row:where(.svelte-95137j){flex-direction:row-reverse;justify-content:start}.label-end.full.svelte-95137j .row:where(.svelte-95137j){justify-content:space-between}.control.svelte-95137j{flex:none;display:flex;position:relative}input.svelte-95137j{inline-size:calc(var(--_height) + var(--_travel));block-size:var(--_height);border:var(--border-width) solid var(--color-text-3);border-radius:var(--radius-full);background:var(--color-surface-3);appearance:none;cursor:pointer;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);margin:0}input.svelte-95137j:checked{border-color:var(--color-accent);background:var(--color-accent)}input.svelte-95137j:disabled{border-color:var(--color-border-2);background:var(--color-surface-2);cursor:not-allowed}.thumb.svelte-95137j{border:calc(var(--_thumb) / 2) solid var(--color-text-3);border-radius:var(--radius-full);pointer-events:none;block-size:0;inline-size:0;transition:translate var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);position:absolute;inset-block-start:var(--_inset);inset-inline-start:var(--_inset)}input.svelte-95137j:checked+.thumb:where(.svelte-95137j){translate:calc(var(--_travel) * var(--_dir)) 0;border-color:var(--color-accent-text)}input.svelte-95137j:disabled+.thumb:where(.svelte-95137j){border-color:var(--color-border)}.label.svelte-95137j{padding-block:var(--space-2)}.hint.svelte-95137j{color:var(--color-text-2);font-size:var(--text-sm);margin-block-start:calc(var(--space-2) * -1)}.disabled.svelte-95137j .row:where(.svelte-95137j){color:var(--color-text-3);cursor:not-allowed}.sm.svelte-95137j{--_height:var(--space-5);font-size:var(--text-sm)}