.perelan-switch{--switch-thumb-x:1px;--switch-thumb-checked-x:17px;--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);position:relative}.perelan-switch[data-state=checked]{border-color:#0000}.perelan-switch__thumb{position:absolute;inset-block-start:1px;inset-inline-start:var(--switch-thumb-x)}.perelan-switch[data-state=checked] .perelan-switch__thumb{inset-inline-start:var(--switch-thumb-checked-x)}.perelan-switch[data-motion=on] .perelan-switch__thumb{animation:perelan-switch-thumb-on var(--switch-motion-duration) var(--switch-motion-ease) both}.perelan-switch[data-motion=off] .perelan-switch__thumb{animation:perelan-switch-thumb-off var(--switch-motion-duration) var(--switch-motion-ease) both}@keyframes perelan-switch-thumb-on{0%{inset-inline-start:var(--switch-thumb-x)}55%{inset-inline-start:calc(var(--switch-thumb-checked-x) + var(--switch-motion-overshoot))}80%{inset-inline-start:calc(var(--switch-thumb-checked-x) - var(--switch-motion-return))}to{inset-inline-start:var(--switch-thumb-checked-x)}}@keyframes perelan-switch-thumb-off{0%{inset-inline-start:var(--switch-thumb-checked-x)}55%{inset-inline-start:calc(var(--switch-thumb-x) - var(--switch-motion-overshoot))}80%{inset-inline-start:calc(var(--switch-thumb-x) + var(--switch-motion-return))}to{inset-inline-start:var(--switch-thumb-x)}}@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}}