/* CHECKBOXES / COLOR ACTIVE DARK */
.uxn-form-check {
    position: relative;
}

.uxn-form-check-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.uxn-form-check-label {
    cursor: pointer;
    padding: 0.35rem 1rem;
    border-radius: 20px;
    transition: background-color 0.3s ease;
    user-select: none;
    background-color: transparent;
}

.uxn-form-check-input:checked + .uxn-form-check-label {
    background-color: #343a40; 
    color: white;
}

.uxn-form-check-label:hover {
    background-color: #dee2e6; 
}