.ui-switch{--sw-w:51px;--sw-h:31px;--sw-pad:2px;--sw-knob:27px;--sw-on:var(--ok);--sw-off:color-mix(in srgb, var(--text-muted) 30%, transparent);--sw-travel:calc(var(--sw-w) - (2 * var(--sw-pad)) - var(--sw-knob));--sw-cross:calc(var(--sw-knob) * .222);--sw-check:calc(var(--sw-knob) * .37);--sw-travel-curve:.22s cubic-bezier(.22, 1, .36, 1);--sw-pop-curve:.2s cubic-bezier(.22, 1, .36, 1);box-sizing:border-box;width:var(--sw-w);height:var(--sw-h);background:var(--sw-off);cursor:pointer;appearance:none;border:0;border-radius:999px;flex:none;min-height:0;padding:0;transition:background-color .18s ease-out;position:relative}.ui-switch[data-on=true]{background:var(--sw-on)}.ui-switch:disabled{opacity:.5;cursor:not-allowed}.ui-switch__knob{top:var(--sw-pad);left:var(--sw-pad);z-index:1;width:var(--sw-knob);height:var(--sw-knob);transition:transform var(--sw-travel-curve), box-shadow var(--sw-travel-curve);background:#fff;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:1px 1px 2px #92929273}.ui-switch[data-on=true] .ui-switch__knob{transform:translateX(var(--sw-travel));box-shadow:-1px 1px 2px #a3a3a373}.ui-switch__icon{transition:transform var(--sw-pop-curve);margin:auto;position:absolute;inset:0}.ui-switch__icon--cross{width:var(--sw-cross);height:var(--sw-cross);color:#838383}.ui-switch__icon--check{width:var(--sw-check);height:var(--sw-check);color:var(--sw-on);transform:scale(0)}.ui-switch[data-on=true] .ui-switch__icon--cross{transform:scale(0)}.ui-switch[data-on=true] .ui-switch__icon--check{transform:scale(1)}.ui-switch[data-size=sm]{--sw-w:36px;--sw-h:20px;--sw-knob:16px;--sw-on:var(--ok);--sw-travel-curve:.15s cubic-bezier(.22, 1, .36, 1);--sw-pop-curve:.15s cubic-bezier(.22, 1, .36, 1)}@media (prefers-reduced-motion:reduce){.ui-switch,.ui-switch__knob,.ui-switch__icon{transition:none}}