.control-button{text-align:center;border-radius:.375rem;min-width:5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.button-primary{color:#fff;background-color:#4f46e5}.button-primary:hover:not(:disabled){background-color:#4338ca}.button-primary:disabled{color:#4f46e5;cursor:not-allowed;background-color:#c7d2fe}.button-secondary{color:#4f46e5;background-color:#e0e7ff}.button-secondary:hover:not(:disabled){background-color:#c7d2fe}.button-secondary:disabled{opacity:.6;cursor:not-allowed}.button-active{color:#fff;background-color:#4f46e5}.button-group{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.dark .button-primary{background-color:#6366f1}.dark .button-primary:hover:not(:disabled){background-color:#818cf8}.dark .button-primary:disabled{opacity:.5;background-color:#4338ca}.dark .button-secondary{color:#d1d5db;background-color:#374151}.dark .button-secondary:hover:not(:disabled){background-color:#4b5563}.toggle-button{position:relative;overflow:hidden}.toggle-button .toggle-content{transition:transform .5s,opacity .5s}.toggle-button .toggle-on{opacity:0;transform:translate(100%)}.toggle-button .toggle-off{opacity:1}.toggle-button.active .toggle-on{opacity:1;transform:translate(0)}.toggle-button.active .toggle-off{opacity:0;transform:translate(-100%)}input[type=checkbox]{appearance:none;cursor:pointer;background-color:#fff;border:2px solid #d1d5db;border-radius:.25rem;width:1.25rem;height:1.25rem;transition:all .2s;position:relative}input[type=checkbox]:hover{border-color:#4f46e5}input[type=checkbox]:checked{background-color:#4f46e5;border-color:#4f46e5}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:.4rem;height:.65rem;position:absolute;top:.15rem;left:.35rem;transform:rotate(45deg)}input[type=checkbox]:focus{outline-offset:2px;outline:2px solid #c7d2fe}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}input[type=radio]{appearance:none;cursor:pointer;background-color:#fff;border:2px solid #d1d5db;border-radius:50%;width:1.25rem;height:1.25rem;transition:all .2s;position:relative}input[type=radio]:hover,input[type=radio]:checked{border-color:#4f46e5}input[type=radio]:checked:after{content:"";background-color:#4f46e5;border-radius:50%;width:.625rem;height:.625rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=radio]:focus{outline-offset:2px;outline:2px solid #c7d2fe}input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.dark input[type=checkbox],.dark input[type=radio]{background-color:#1f2937;border-color:#4b5563}.dark input[type=checkbox]:hover,.dark input[type=radio]:hover{border-color:#6366f1}.dark input[type=checkbox]:checked{background-color:#6366f1;border-color:#6366f1}.dark input[type=radio]:checked{border-color:#6366f1}.dark input[type=radio]:checked:after{background-color:#6366f1}.dark input[type=checkbox]:focus,.dark input[type=radio]:focus{outline-color:#4338ca}