@layer theme,base;@layer components{.ui-switch-row{min-height:var(--spacing-tap);color:var(--color-ink);cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:500;display:inline-flex}.ui-switch-row-on-ink{color:var(--color-on-ink);font-size:13.5px}.ui-switch-row-disabled{cursor:not-allowed;opacity:.55}.ui-switch-track{background:var(--color-paper-sunken);width:36px;height:21px;box-shadow:inset 0 0 0 1px var(--color-line-strong);cursor:pointer;transition:background var(--toggle-track,0s) var(--toggle-ease,var(--ease-bounce));border:0;border-radius:999px;flex:none;padding:0;position:relative}.ui-switch-track:after{content:"";position:absolute;inset:-12px -4px}.ui-switch-track:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ui-switch-track[data-state=checked]{background:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.ui-switch-track:disabled{cursor:not-allowed}.ui-switch-thumb{background:var(--color-paper-raised);will-change:translate;border-radius:50%;width:15px;height:15px;position:absolute;top:3px;left:3px;translate:0;box-shadow:0 1px 2px #1b23404d}.ui-switch-track[data-state=checked] .ui-switch-thumb{translate:var(--toggle-travel,15px) 0}.ui-switch-init[data-state=checked] .ui-switch-thumb{animation:ui-switch-toggle-on var(--toggle-dur,var(--duration-medium)) var(--toggle-ease,var(--ease-bounce)) both}.ui-switch-init[data-state=unchecked] .ui-switch-thumb{animation:ui-switch-toggle-off var(--toggle-dur,var(--duration-medium)) var(--toggle-ease,var(--ease-bounce)) both}.ui-switch-on-ink{box-shadow:inset 0 0 0 1px var(--color-line-on-ink);background:#aeb6c859}.ui-switch-on-ink[data-state=checked]{background:var(--color-butter);box-shadow:none}.ui-switch-on-ink[data-state=checked] .ui-switch-thumb{background:var(--color-ink)}.ui-switch-on-ink:focus-visible{outline-color:var(--color-focus-on-ink)}@media (prefers-reduced-motion:reduce){.ui-switch-thumb{animation:none!important}}html[data-motion=reduced] .ui-switch-thumb{animation:none!important}}@layer utilities;@keyframes ui-switch-toggle-on{0%{translate:0}55%{translate:calc(var(--toggle-travel,15px) + var(--toggle-ov1,1px)) 0}80%{translate:calc(var(--toggle-travel,15px) - var(--toggle-ov2,0px)) 0}to{translate:var(--toggle-travel,15px) 0}}@keyframes ui-switch-toggle-off{0%{translate:var(--toggle-travel,15px) 0}55%{translate:calc(0px - var(--toggle-ov1,1px)) 0}80%{translate:var(--toggle-ov2,0px) 0}to{translate:0}}