.greyed-out {
    background-color: var(--light-grey-2) !important;
    cursor: default !important;
}

.greyed-out-text {
    color: var(--light-grey) !important;
}

.form-field__checkmark.greyed-out {
    background-color: #B3B3B3 !important;
}

.form-field__switch-wrapper .form-field__switch.greyed-out {
    background-color: #B3B3B3 !important;
    border-color: #B3B3B3 !important;
}

.form-field__switch-wrapper .form-field__switch.greyed-out:disabled {
    background-color: #B3B3B3 !important;
    border-color: #B3B3B3 !important;
    opacity: 1 !important;
}

.form-field__flag.greyed-out {
    background-color: transparent !important;
    background: url("../../images/icons/flag-grey.svg") center no-repeat;
}

input:checked ~ .form-field__checkmark.checkbox-greyed-out {
    background-color: #B3B3B3 !important;
}

.pointer-default {
    cursor: default !important;
}

.form-field__radio-wrapper .form-field__checkmark.radio-greyed-out:after {
    background-color: #B3B3B3 !important;
}

.form-field__demographic-name__input.input__fit-content {
    width: fit-content;
}