.toggle-checkbox {
    left: 0;
    border-color: #d1d5db;
    border-radius: 9999px !important;
}
.toggle-checkbox:checked {
    left: 0;
    border-color: #10b981;
    transform: translateX(16px);
}
.toggle-checkbox:checked + .toggle-label {
    background-color: #10b981;
}
.toggle-label {
    transition: background-color 0.2s ease-in-out;
    border-radius: 9999px !important;
}