/* Colors
Bold Coral:  #F26553
Red: #D92D20
Blue: #2F80ED;
Text: #171415
Grey Text: #727272
Light grey: #E0E0E0
Lighter grey: #EAECF0
*/

/* Standard checkboxes customisation */

input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

input[type="checkbox"] + label,
.form-type-checkbox label {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 0;
    padding-left: 3.5rem;
    font-weight: normal;
}

.form-type-checkbox.form-item-persistent-login label {
    font-weight: normal;
}

input[type="checkbox"] + label:before,
.form-type-checkbox label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid #667085;
    border-radius: 7px;
    background: #fff;
}

input[type="checkbox"]:checked + .label--text:before,
input[type="checkbox"]:checked + label:before {
    border-color: #D85849;
}

label:has(input[type="checkbox"]:focus):before,
input[type="checkbox"]:focus + .label--text:before,
input[type="checkbox"]:focus + label:before {
    outline: 2px dotted #B3433B;
    outline-offset: 3px;
}

input[type="checkbox"]:checked + .label--text:after,
input[type="checkbox"]:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    left: 0.8rem;
    top: calc(50% - 0.1rem);
    transform: translateY(-50%) rotate(35deg);
    width: 0.7rem;
    height: 1.3rem;
    border-right: 0.2rem solid #D85849;
    border-bottom: 0.2rem solid #D85849;
    z-index: 2;
}