/* Checkboxes and radio buttons */
.checkbox, .radio {
    accent-color: #7F56D9;
}

.checkbox {
    border-radius: 4px;
}

.checkbox:active, .radio:active {
    accent-color: #7F56D9;
    outline: 5px solid #9E77ED3D;
}

/* Small checkboxes and radio buttons */
.small {
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

/* Large checkboxes and radio buttons */
.large {
    width: 20px;
    height: 20px;
    border-radius: 6px;
}