.qalb-switch{--sw-w:40px;--sw-h:24px;--sw-pad:2px;--sw-thumb:calc(var(--sw-h) - var(--sw-pad) * 2);--sw-travel:calc(var(--sw-w) - var(--sw-thumb) - var(--sw-pad) * 2);--sw-dur:.35s;--sw-ease:cubic-bezier(.34, 1.35, .64, 1);width:var(--sw-w);height:var(--sw-h);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff24;border:0;border-radius:999px;flex-shrink:0;padding:0;transition:background .2s cubic-bezier(.22,1,.36,1);position:relative}.qalb-switch[data-on=true]{background:#ffffff38}.qalb-switch:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3}.qalb-switch-thumb{left:var(--sw-pad);top:var(--sw-pad);width:var(--sw-thumb);height:var(--sw-thumb);will-change:translate;background:#ffffff6b;border-radius:50%;transition:background .2s;position:absolute;translate:0;box-shadow:0 1px 4px #0000004d}.qalb-switch[data-on=true] .qalb-switch-thumb{translate:var(--sw-travel) 0;background:#fff}.qalb-switch:active .qalb-switch-thumb{width:calc(var(--sw-thumb) + 3px)}.qalb-switch[data-on=true]:active .qalb-switch-thumb{margin-left:-3px}.qalb-switch.is-init[data-on=true] .qalb-switch-thumb{animation:qalb-switch-on var(--sw-dur) var(--sw-ease) both}.qalb-switch.is-init[data-on=false] .qalb-switch-thumb{animation:qalb-switch-off var(--sw-dur) var(--sw-ease) both}@keyframes qalb-switch-on{0%{translate:0}55%{translate:calc(var(--sw-travel) + 1.5px) 0}80%{translate:calc(var(--sw-travel) - .5px) 0}to{translate:var(--sw-travel) 0}}@keyframes qalb-switch-off{0%{translate:var(--sw-travel) 0}55%{translate:-1.5px}80%{translate:.5px}to{translate:0}}[dir=rtl] .qalb-switch{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.qalb-switch-thumb{animation:none!important}}