.toggle-checkbox{appearance:none;width:2.25rem;height:1.25rem;background-color:#333;border-radius:9999px;position:relative;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.toggle-checkbox:after{content:"";position:absolute;top:.175rem;left:.2rem;width:.9rem;height:.9rem;background-color:white;border-radius:50%;transition:transform .2s ease}.toggle-checkbox:checked{background-color:var(--color-purple)}.toggle-checkbox:checked:after{transform:translateX(1rem)}.toggle-checkbox:disabled{background-color:#555;cursor:not-allowed;opacity:.6}.toggle-checkbox:disabled:after{background-color:#bbb}