form {
    --cForm_bf: #000;
    --cForm_b: #000;
    --cForm_cb: #C00;
    --cBlanc1: #fff;
    --cBlanc3: #DDD;
    --cNoir3: #000;
    --cNoir4: #000;
    --cNoir5: #000;
}

form input[type=checkbox]:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--cForm_bf);
}

form input[type=checkbox] {
    margin: 10px;
}

form input[type=checkbox]:disabled + label {
    pointer-events: none;
    color: var(--cBlanc3);
}

form input[type=checkbox]:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--cForm_bf);
}

form input[type=checkbox]:focus + label > svg {
    outline: none;
    box-shadow: 0 0 0 2px var(--cForm_bf);
}

input[type='checkbox']:not(:checked),
input[type='checkbox']:checked,
input[type='radio']:not(:checked),
input[type='radio']:checked {
    position: absolute;
    left: 0;
    opacity: 0;
}

input[type='checkbox']:not(:checked) + label,
input[type='checkbox']:checked + label,
input[type='radio']:not(:checked) + label,
input[type='radio']:checked + label {
    position: relative;
    padding-left: 5px;
    cursor: pointer;
    width: fit-content;
}

input[type='checkbox']:not(:checked) + label > svg,
input[type='checkbox']:checked + label > svg,
input[type='radio']:not(:checked) + label > svg,
input[type='radio']:checked + label > svg {
    position: absolute;
    top: -4px;
    left: -39px;
    width: 31px;
    height: 30px;
    content: '';
    border-radius: 3px;
    box-shadow: none;
}

input[type='checkbox']:not(:checked) + label > svg .checked,
input[type='radio']:not(:checked) + label > svg .checked {
    opacity: 0;
    visibility: hidden;
}

input[type='checkbox']:checked + label > svg .checked,
input[type='radio']:checked + label > svg .checked {
    opacity: 1;
    visibility: visible;
}

input[type='checkbox']:not(:checked) + label > svg .contour,
input[type='radio']:not(:checked) + label > svg .contour {
    opacity: 1;
    visibility: visible;
}

input[type='checkbox']:checked + label > svg .contour,
input[type='radio']:checked + label > svg .contour {
    opacity: 0;
    visibility: hidden;
}

input[type='checkbox']:checked + label > svg .checked > rect,
input[type='radio']:checked + label > svg .checked > circle {
    fill: var(--cForm_cb);
    stroke: var(--cForm_cb);
}

/* Disabled checkbox */
input[type='checkbox']:disabled:not(:checked) + label > svg .contour,
input[type='radio']:disabled:not(:checked) + label > svg .contour {
    cursor: auto;
    pointer-events: none;
    stroke: var(--cNoir5);
    box-shadow: none;
}

input[type='checkbox']:disabled:checked + label > svg .fondCb,
input[type='radio']:disabled:checked + label > svg .fondCb {
    cursor: auto;
    pointer-events: none;
    fill: var(--cNoir4);
    stroke: var(--cNoir4);
}

input[type='checkbox']:disabled + label,
input[type='radio']:disabled + label {
    cursor: auto;
    pointer-events: none;
    color: var(--cNoir3);
}

/* Accessibility */
input[type='checkbox']:focus + label > svg,
input[type='radio']:focus + label > svg {
    box-shadow: 0 0 0 3px var(--cForm_bf);
}

input[type='radio']:focus + label > svg {
    border-radius: 50%;
}

input[type='checkbox']:focus + label > svg,
input[type='radio']:focus + label > svg {
    box-shadow: 0 0 0 3px var(--cForm_bf);
}

#prospect_Optin1Input,
#prospect_Optin2Input {
    min-width: 280px;
    max-width: 280px;
    transform: translate(10px, 0px);
}

@media screen and (max-width: 500px) {
    #prospect_Optin1Input,
        #prospect_Optin2Input {
        min-width: 200px;
        max-width: 200px;
        transform: translate(10px, 0px);
    }
}