@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-face:var(--cat-line);--switch-line:var(--ink-ui);--switch-z:var(--ink-ui);--switch-w:44px;--switch-h:24px;--switch-knob-size:16px;--switch-gap:3px;--switch-spring:linear(0, .038, .133, .259, .396, .531, .655, .763, .852, .922, .974, 1.011, 1.035, 1.048, 1.054, 1.054, 1.05, 1.043, 1.036, 1.029, 1.022, 1.015, 1.01, 1.006, 1);--switch-slide:.34s}.ink-switch[data-size=lg]{--switch-w:52px;--switch-h:30px;--switch-knob-size:22px}.ink-switch[data-state=on]{--switch-line: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))}[data-quadrant] .ink-switch{--switch-on:color-mix(in oklab, var(--q-accent) 45%, var(--control-fill));--switch-on-line:var(--ink-ui)}.ink-switch>.ink-surface.ink-switch__track[data-ink-variant]{--ink-outline:var(--switch-line);width:var(--switch-w);height:var(--switch-h)}.ink-switch .ink-svg>.ink-line{transition:stroke .2s var(--ease-settle)}.ink-switch__sun{background:var(--switch-on);clip-path:inset(0 100% 0 0 round 999px);transition:clip-path var(--switch-slide) var(--switch-spring);pointer-events:none;border-radius:999px;position:absolute;inset:0}.ink-switch[data-state=on] .ink-switch__sun{clip-path:inset(0 round 999px)}.ink-switch__cat{top:calc(50% - var(--switch-knob-size) / 2);left:var(--switch-gap);width:var(--switch-knob-size);height:var(--switch-knob-size);transition:translate var(--switch-slide) var(--switch-spring);position:absolute}.ink-switch[data-state=on] .ink-switch__cat{translate:calc(var(--switch-w) - 3px - 2 * var(--switch-gap) - var(--switch-knob-size)) 0}.ink-switch__body{transition:scale .16s var(--ease-settle);display:block;position:absolute;inset:0}.ink-switch .ink-surface.ink-switch__knob[data-ink-variant]{--paper:var(--switch-knob);--ink-outline:var(--switch-line);transition:box-shadow .22s var(--ease-settle);display:block;position:absolute;inset:0}.ink-switch svg.ink-switch__ears,.ink-switch svg.ink-switch__face{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ink-switch__ear{fill:var(--switch-knob);stroke:var(--switch-line);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transform-box:fill-box;transition:rotate .16s var(--ease-settle) 40ms, translate .16s var(--ease-settle) 40ms, stroke .2s var(--ease-settle)}.ink-switch__ear--l{transform-origin:100% 100%;translate:.8px 2.6px;rotate:-24deg}.ink-switch__ear--r{transform-origin:0 100%;translate:-.8px 2.6px;rotate:24deg}.ink-switch[data-state=on] .ink-switch__ear{transition-delay:50ms,50ms,0s;translate:0;rotate:0deg}.ink-switch__eyes{transform-box:fill-box;transform-origin:50%;transition:opacity 90ms linear 30ms, scale .12s var(--ease-settle) 30ms}.ink-switch__eyes--shut{fill:none;stroke:var(--switch-face);stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.ink-switch__eyes--open{fill:var(--switch-face);opacity:0;scale:1 .2}.ink-switch__glint{fill:var(--switch-knob)}.ink-switch[data-state=on] .ink-switch__eyes{transition-delay:70ms}.ink-switch[data-state=on] .ink-switch__eyes--shut{opacity:0;scale:1 .4}.ink-switch[data-state=on] .ink-switch__eyes--open{opacity:1;scale:1}.ink-switch__nose{fill:var(--cat-ear);stroke:var(--cat-ear);stroke-width:.8px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ink-switch svg.ink-switch__zzz{pointer-events:none;fill:none;width:52%;height:52%;stroke:var(--switch-z);stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round;transition:opacity .14s linear .26s, translate .22s var(--ease-settle) .26s;position:absolute;top:-26%;left:110%;overflow:visible}.ink-switch svg.ink-switch__zzz path{vector-effect:non-scaling-stroke}.ink-switch[data-state=on] svg.ink-switch__zzz{opacity:0;transition:opacity 80ms linear, translate .22s var(--ease-settle);translate:2px -4px}@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}.ink-switch:active:not(:disabled) .ink-switch__body{scale:1.08 .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-switch__sun,.ink-switch .ink-switch__cat,.ink-switch .ink-switch__ear,.ink-switch .ink-switch__eyes,.ink-switch svg.ink-switch__zzz,.ink-switch .ink-surface.ink-switch__knob[data-ink-variant],.ink-switch .ink-svg>.ink-line,.ink-switch .ink-switch__body{transition:none}.ink-switch:active:not(:disabled) .ink-switch__body{scale:none}}@media (forced-colors:active){.ink-switch:focus-visible>.ink-switch__track{outline-color:highlight}.ink-switch__sun{background:highlight}.ink-switch__eyes--shut,.ink-switch svg.ink-switch__zzz{stroke:canvastext}.ink-switch__eyes--open{fill:canvastext}}}@layer utilities;
