react-reusable-elements/src/components/EissaCheckbox/EissaCheckbox.module.css

React reusble components

.checkbox_container {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.checkbox_label {
    padding-left: 0.25rem;
}

.checkbox {
    accent-color: var(--brand-color)
}

.errorMessage {
    color: red;
    font-size: 0.75rem;
    height: 1rem;
    transition: opacity 0.75s ease;
}

.hideErrorMessage {
    opacity: 0;
}

.showErrorMessage {
    opacity: 1;
}