.perelan-switch{--switch-motion-duration:.35s;--switch-motion-ease:cubic-bezier(.34, 1.35, .64, 1);--switch-motion-overshoot:1px;--switch-motion-return:.35px;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard)}.perelan-switch[data-state=checked]{border-color:#0000}.perelan-switch__thumb{translate:var(--switch-thumb-x) 0}.perelan-switch[data-state=checked] .perelan-switch__thumb{translate:var(--switch-thumb-checked-x) 0}.perelan-switch[data-motion=on] .perelan-switch__thumb{animation:perelan-switch-thumb-on var(--switch-motion-duration) var(--switch-motion-ease) both;will-change:translate}.perelan-switch[data-motion=off] .perelan-switch__thumb{animation:perelan-switch-thumb-off var(--switch-motion-duration) var(--switch-motion-ease) both;will-change:translate}@keyframes perelan-switch-thumb-on{0%{translate:var(--switch-thumb-x) 0}55%{translate:calc(var(--switch-thumb-checked-x) + var(--switch-motion-overshoot)) 0}80%{translate:calc(var(--switch-thumb-checked-x) - var(--switch-motion-return)) 0}to{translate:var(--switch-thumb-checked-x) 0}}@keyframes perelan-switch-thumb-off{0%{translate:var(--switch-thumb-checked-x) 0}55%{translate:calc(var(--switch-thumb-x) - var(--switch-motion-overshoot)) 0}80%{translate:calc(var(--switch-thumb-x) + var(--switch-motion-return)) 0}to{translate:var(--switch-thumb-x) 0}}html[dir=rtl] .perelan-switch{--switch-motion-overshoot:-1px;--switch-motion-return:-.35px}@media (prefers-reduced-motion:reduce){.perelan-switch{transition-duration:0s}.perelan-switch__thumb{will-change:auto!important;animation:none!important}}@media (forced-colors:active){.perelan-switch{forced-color-adjust:none;background:buttonface;border:1px solid buttontext}.perelan-switch[data-state=checked]{background:highlight;border-color:buttontext}.perelan-switch__thumb{background:buttontext}.perelan-switch[data-state=checked] .perelan-switch__thumb{background:highlighttext}.perelan-switch:disabled{border-color:graytext}}