.omniscript-article {
    /* Set this variable if you want to replace the default brand color
        that is configured in the community theme */
    /* --dxp-g-brand: #0454cc; */
}

.omniscript-article .nds-input:focus {
    border-color: var(--dxp-g-brand, rgba(4, 84, 204, 1));
}

/* Radio checked dot */
.omniscript-article .nds-radio [type=radio]:checked+.nds-radio--faux:after,
.omniscript-article .nds-radio [type=radio]:checked+.nds-radio__label .nds-radio--faux:after,
.omniscript-article .nds-radio [type=radio]:checked+.nds-radio__label .nds-radio_faux:after,
.omniscript-article .nds-radio [type=radio]:checked+.nds-radio_faux:after,
.omniscript-article .nds-radio [type=radio]:checked~.nds-radio--faux:after,
.omniscript-article .nds-radio [type=radio]:checked~.nds-radio_faux:after {
    background-color: var(--dxp-g-brand, rgba(4, 84, 204, 1));
}

/* Radio checked border */
.omniscript-article .nds-radio [type=radio]:checked+.nds-radio--faux,
.omniscript-article .nds-radio [type=radio]:checked+.nds-radio__label .nds-radio--faux,
.omniscript-article .nds-radio [type=radio]:checked+.nds-radio__label .nds-radio_faux,
.omniscript-article .nds-radio [type=radio]:checked+.nds-radio_faux,
.omniscript-article .nds-radio [type=radio]:checked~.nds-radio--faux,
.omniscript-article .nds-radio [type=radio]:checked~.nds-radio_faux {
    border-color: var(--dxp-g-brand, rgba(4, 84, 204, 1));
}

/* Radio checked Focus */
.omniscript-article .nds-radio [type=radio]:focus+.nds-radio--faux,
.omniscript-article .nds-radio [type=radio]:focus+.nds-radio__label .nds-radio--faux,
.omniscript-article .nds-radio [type=radio]:focus+.nds-radio__label .nds-radio_faux,
.omniscript-article .nds-radio [type=radio]:focus+.nds-radio_faux,
.omniscript-article .nds-radio [type=radio]:focus~.nds-radio--faux,
.omniscript-article .nds-radio [type=radio]:focus~.nds-radio_faux {
    border-color: var(--dxp-g-brand, rgba(4, 84, 204, 1));
    box-shadow: 0 0 0 1px var(--dxp-g-brand, rgba(4, 84, 204, 1));
}

/* Checkbox checked */
.omniscript-article .nds-checkbox [type=checkbox]:checked+.nds-checkbox--faux,
.omniscript-article .nds-checkbox [type=checkbox]:checked+.nds-checkbox__label .nds-checkbox--faux,
.omniscript-article .nds-checkbox [type=checkbox]:checked+.nds-checkbox__label .nds-checkbox_faux,
.omniscript-article .nds-checkbox [type=checkbox]:checked+.nds-checkbox_faux,
.omniscript-article .nds-checkbox [type=checkbox]:checked~.nds-checkbox--faux,
.omniscript-article .nds-checkbox [type=checkbox]:checked~.nds-checkbox_faux {
    background-color: var(--dxp-g-brand, rgba(4, 84, 204, 1));
}

/* Checkbox checked + focus */
.omniscript-article .nds-checkbox [type=checkbox]:focus:checked+.nds-checkbox__label .nds-checkbox--faux,
.omniscript-article .nds-checkbox [type=checkbox]:focus:checked+.nds-checkbox__label .nds-checkbox_faux,
.omniscript-article .nds-checkbox [type=checkbox]:focus:checked>.nds-checkbox--faux,
.omniscript-article .nds-checkbox [type=checkbox]:focus:checked>.nds-checkbox_faux,
.omniscript-article .nds-checkbox [type=checkbox]:focus:checked~.nds-checkbox--faux,
.omniscript-article .nds-checkbox [type=checkbox]:focus:checked~.nds-checkbox_faux {
    background-color: var(--dxp-g-brand, rgba(4, 84, 204, 1));
    border-color: var(--dxp-g-brand, rgba(4, 84, 204, 1));
}

.omniscript-article .nds-checkbox [type=checkbox]:focus+.nds-checkbox--faux,
.omniscript-article .nds-checkbox [type=checkbox]:focus+.nds-checkbox__label .nds-checkbox--faux,
.omniscript-article .nds-checkbox [type=checkbox]:focus+.nds-checkbox__label .nds-checkbox_faux,
.omniscript-article .nds-checkbox [type=checkbox]:focus+.nds-checkbox_faux,
.omniscript-article .nds-checkbox [type=checkbox]:focus~.nds-checkbox--faux,
.omniscript-article .nds-checkbox [type=checkbox]:focus~.nds-checkbox_faux{
    border-color: var(--dxp-g-brand, rgba(4, 84, 204, 1));
    box-shadow: 0 0 0 1px var(--dxp-g-brand, rgba(4, 84, 204, 1));
}