@layer theme,base;@layer components{.ink-switch{--switch-on:color-mix(in oklab, var(--color-meower-primary-button) 70%, var(--control-fill));--switch-on-line:color-mix(in oklab, var(--accent) 78%, var(--ink-base));--switch-knob:color-mix(in oklab, var(--paper) 40%, #fff);--switch-paw:var(--switch-on-line)}.dark .ink-switch{--switch-on:color-mix(in oklab, var(--accent) 50%, var(--control-fill));--switch-on-line:var(--accent);--switch-knob:color-mix(in oklab, var(--ink-base) 86%, var(--paper));--switch-paw:var(--color-meower-primary)}[data-quadrant] .ink-switch{--switch-on:color-mix(in oklab, var(--q-accent) 45%, var(--control-fill));--switch-on-line:var(--ink-ui);--switch-paw:var(--q-deep)}.ink-switch>.ink-surface.ink-switch__track[data-ink-variant]{--ink-outline:var(--ink-ui)}.ink-switch .ink-surface.ink-switch__knob[data-ink-variant]{--paper:var(--switch-knob);--ink-outline:var(--ink-ui);transition:translate .28s cubic-bezier(.3, 1.3, .5, 1), scale .16s var(--ease-settle), box-shadow .22s var(--ease-settle)}.ink-switch>.ink-surface.ink-switch__track[data-on]{--paper:var(--switch-on);--ink-outline:var(--switch-on-line)}.ink-switch[data-state=on] .ink-surface.ink-switch__knob[data-ink-variant]{--ink-outline:var(--switch-on-line)}.ink-switch__track>.ink-svg>.ink-paper{transition:fill .2s var(--ease-settle)}.ink-switch .ink-svg>.ink-line{transition:stroke .2s var(--ease-settle)}.ink-switch .ink-switch__paw .ink-check-mark{fill:var(--switch-paw);fill-opacity:.9}@media (hover:hover){.ink-switch:hover:not(:disabled) .ink-switch__knob{--ink-depth:calc(var(--ink-depth-base) + 1px)}}.ink-switch:active:not(:disabled) .ink-switch__knob{--ink-depth:1px;scale:1.14 .94}:root .ink-switch.ink-switch[role=switch]:focus-visible{box-shadow:none!important;outline:none!important}.ink-switch:focus-visible>.ink-switch__track{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.ink-switch .ink-surface.ink-switch__knob[data-ink-variant],.ink-switch__track>.ink-svg>.ink-paper,.ink-switch .ink-svg>.ink-line{transition:none}.ink-switch:active:not(:disabled) .ink-switch__knob{scale:none}}@media (forced-colors:active){.ink-switch:focus-visible>.ink-switch__track{outline-color:highlight}.ink-switch[data-state=on] .ink-switch__knob{background:highlight}}}@layer utilities;