input.svelte-14hi7vc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle.svelte-14hi7vc{--track-width: 44px;--track-height: 24px;--thumb-size: 18px;--thumb-offset: 3px;--_track-width: var(--track-width);--thumb-travel: calc( var(--_track-width) - var(--thumb-size) - var(--thumb-offset) * 2 );--thumb-press-grow: 4px;--_track-off: var(--color-border-active, light-dark(hsl(0 0% 72%), hsl(0 0% 52%)));--_thumb-off: light-dark(#fff, hsl(0 0% 95%));display:inline-flex;align-items:center;flex-wrap:wrap;gap:.625em;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;&.label-start{flex-direction:row-reverse}&.size-0{--track-width: 32px;--track-height: 18px;--thumb-size: 12px;--thumb-offset: 3px;--thumb-press-grow: 2px;font-size:var(--control-font-0, .875rem)}&.size-1{--track-width: 44px;--track-height: 24px;--thumb-size: 18px;--thumb-offset: 3px;--thumb-press-grow: 4px;font-size:var(--control-font-1, 1rem)}&.size-2{--track-width: 52px;--track-height: 28px;--thumb-size: 22px;--thumb-offset: 3px;--thumb-press-grow: 4px;font-size:var(--control-font-2, 1.125rem)}&.size-3{--track-width: 68px;--track-height: 36px;--thumb-size: 28px;--thumb-offset: 4px;--thumb-press-grow: 6px;font-size:var(--control-font-3, 1.25rem)}&.dense{gap:.375em}&.comfortable{gap:1em}&.indeterminate{--_track-width: calc(var(--track-width) * 1.25)}}.track.svelte-14hi7vc{position:relative;display:inline-flex;align-items:center;width:var(--_track-width);height:var(--track-height);border-radius:var(--track-height);background-color:var(--_track-off);transition:background-color .2s ease,transform .2s ease;flex-shrink:0;outline:none;touch-action:pan-y;&:active{transform:perspective(100px) translate3d(0,1px,clamp(-10px,calc(.2em - 12px),-2px))}}.disabled.svelte-14hi7vc .track:where(.svelte-14hi7vc):active{transform:none}.track.svelte-14hi7vc:focus-visible{outline:2px solid var(--color-border-active, currentColor);outline-offset:2px}.checked.svelte-14hi7vc .track:where(.svelte-14hi7vc){background-color:var(--color-action, hsl(220 70% 55%))}.thumb.svelte-14hi7vc{position:absolute;left:var(--thumb-offset);width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background-color:var(--_thumb-off);display:flex;align-items:center;justify-content:center;transform:translate(0);cursor:grab;transition:transform .3s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),background-color .2s ease,width .15s ease,left .15s ease;box-shadow:0 1px 3px #0003}.dragging.svelte-14hi7vc .thumb:where(.svelte-14hi7vc){cursor:grabbing;transition:background-color .2s ease,width .15s ease,left .15s ease}.dragging.svelte-14hi7vc .track:where(.svelte-14hi7vc){cursor:grabbing}.checked.svelte-14hi7vc .thumb:where(.svelte-14hi7vc){transform:translate(var(--thumb-travel));background-color:var(--color-action-text, white)}.mixed.svelte-14hi7vc .thumb:where(.svelte-14hi7vc){transform:translate(calc(var(--thumb-travel) / 2))}.pressed.svelte-14hi7vc:not(.disabled) .thumb:where(.svelte-14hi7vc){width:calc(var(--thumb-size) + var(--thumb-press-grow))}.pressed.checked.svelte-14hi7vc:not(.disabled) .thumb:where(.svelte-14hi7vc){width:calc(var(--thumb-size) + var(--thumb-press-grow));transform:translate(calc(var(--thumb-travel) - var(--thumb-press-grow)))}.pressed.mixed.svelte-14hi7vc:not(.disabled) .thumb:where(.svelte-14hi7vc){width:calc(var(--thumb-size) + var(--thumb-press-grow));transform:translate(calc((var(--thumb-travel) - var(--thumb-press-grow)) / 2))}.thumb-icon.svelte-14hi7vc{display:flex;align-items:center;justify-content:center;font-size:calc(var(--thumb-size) * .6);line-height:1;color:var(--color-action, hsl(220 70% 55%))}.disabled.svelte-14hi7vc{cursor:not-allowed;opacity:.5;pointer-events:none}.disabled.svelte-14hi7vc .track:where(.svelte-14hi7vc),.disabled.svelte-14hi7vc .thumb:where(.svelte-14hi7vc){pointer-events:auto;cursor:not-allowed}.label.svelte-14hi7vc{color:var(--color-text, inherit);line-height:1.4;transition:transform .2s ease;&:active{transform:perspective(100px) translate3d(0,1px,clamp(-10px,calc(.2em - 12px),-2px))}}.state-label.svelte-14hi7vc{color:var(--color-text, inherit);font-size:.875em;line-height:1.4;transition:transform .2s ease;&:active{transform:perspective(100px) translate3d(0,1px,clamp(-10px,calc(.2em - 12px),-2px))}}.error-text.svelte-14hi7vc{width:100%;font-size:.8em;color:var(--color-error, #d32f2f)}