@layer amset-ui.tokens,amset-ui.base;@layer amset-ui.components{.amset-switch{--amset-switch-width:2.125rem;--amset-switch-height:1.25rem;--amset-switch-knob:1rem;--amset-switch-stretch:.25rem;--amset-switch-font:var(--amset-text-base);--amset-switch-description:var(--amset-text-sm);--amset-switch-track:var(--amset-border-bold);--amset-switch-track-active:var(--amset-accent);--amset-switch-color-knob:var(--amset-surface);--amset-switch-slot:calc((var(--amset-switch-height) - var(--amset-switch-knob)) / 2);--amset-switch-line:calc(var(--amset-switch-font) * var(--amset-line-tight));--amset-switch-extra:0px;align-items:flex-start;gap:var(--amset-space-2);font-family:var(--amset-font);font-size:var(--amset-switch-font);line-height:var(--amset-line-tight);color:var(--amset-ink);cursor:pointer;display:inline-flex;position:relative}.amset-switch--sm{--amset-switch-width:1.75rem;--amset-switch-height:1rem;--amset-switch-knob:.75rem;--amset-switch-stretch:.1875rem;--amset-switch-font:var(--amset-text-sm);--amset-switch-description:var(--amset-text-xs)}.amset-switch--lg{--amset-switch-width:2.75rem;--amset-switch-height:1.5rem;--amset-switch-knob:1.25rem;--amset-switch-stretch:.3125rem;--amset-switch-font:var(--amset-text-lg);--amset-switch-description:var(--amset-text-base)}.amset-switch__track{width:var(--amset-switch-width);height:var(--amset-switch-height);margin-top:max(0px, calc((var(--amset-switch-line) - var(--amset-switch-height)) / 2));background:var(--amset-switch-track);transition:background-color var(--amset-duration-fast) var(--amset-easing-standard);border-radius:999px;flex:none;position:relative}.amset-switch__text{padding-top:max(0px, calc((var(--amset-switch-height) - var(--amset-switch-line)) / 2));flex-direction:column;gap:2px;display:flex}.amset-switch__knob{top:var(--amset-switch-slot);width:calc(var(--amset-switch-knob) + var(--amset-switch-extra));height:var(--amset-switch-knob);background:var(--amset-switch-color-knob);box-shadow:var(--amset-shadow-1);transition:inset-inline-start var(--amset-duration) var(--amset-easing-standard), width var(--amset-duration-fast) var(--amset-easing-standard), background-color var(--amset-duration-fast) var(--amset-easing-standard);border-radius:999px;position:absolute;inset-inline-start:var(--amset-switch-slot)}.amset-switch[data-selected] .amset-switch__track{background:var(--amset-switch-track-active)}.amset-switch[data-selected] .amset-switch__knob{inset-inline-start:calc(var(--amset-switch-width) - var(--amset-switch-knob) - var(--amset-switch-extra) - var(--amset-switch-slot))}.amset-switch[data-hovered]:not([data-selected],[data-readonly]) .amset-switch__track{background:color-mix(in oklab, var(--amset-switch-track), var(--amset-ink) 40%)}.amset-switch[data-hovered][data-selected]:not([data-readonly]) .amset-switch__track{background:color-mix(in oklab, var(--amset-switch-track-active), var(--amset-highlight) var(--amset-mix-hover))}.amset-switch[data-pressed]:not([data-readonly]){--amset-switch-extra:var(--amset-switch-stretch)}.amset-switch[data-focus-visible] .amset-switch__track{outline:2px solid var(--amset-focus);outline-offset:2px}.amset-switch[data-readonly]{--amset-switch-track:var(--amset-surface-2);--amset-switch-track-active:var(--amset-surface-2);--amset-switch-color-knob:var(--amset-ink-2);cursor:default}.amset-switch[data-readonly] .amset-switch__track:after{content:"";border:var(--amset-border-width) dashed var(--amset-border-bold);border-radius:inherit;position:absolute;inset:0}.amset-switch[data-readonly] .amset-switch__knob{box-shadow:none}.amset-switch[data-disabled]{--amset-switch-track:var(--amset-border);--amset-switch-track-active:color-mix(in oklab, var(--amset-accent) 40%, var(--amset-disabled-background));color:var(--amset-disabled-ink);cursor:not-allowed}.amset-switch__description{font-size:var(--amset-switch-description);color:var(--amset-ink-2)}.amset-switch[data-disabled] .amset-switch__description{color:inherit}.amset-switch{--amset-switch-target:1.5rem;padding-block:max(0px, calc((var(--amset-switch-target) - max(var(--amset-switch-height), var(--amset-switch-line))) / 2))}@media (pointer:coarse){.amset-switch{--amset-switch-target:var(--amset-target-touch)}}.amset-switch[data-pending]{cursor:progress}.amset-switch__spinner{width:calc(var(--amset-switch-knob) * .55);height:calc(var(--amset-switch-knob) * .55);border:2px solid var(--amset-border);border-inline-end-color:var(--amset-accent-text);animation:amset-spin var(--amset-duration-spin) var(--amset-easing-continuous) infinite;border-radius:50%;margin:auto;position:absolute;inset:0}}