:root {
    --form-field-font-name-fontsize: 18px;
    --form-field-font-name-filled-fontsize: 12px;
    --form-field-font-input-fontsize: 18px;
    --form-checkbox-fontsize: 20px;

    @media (min-width: 1025px) and (max-width: 1280px) {
        --form-field-font-name-fontsize: 16px;
        --form-field-font-name-filled-fontsize: 12px;
        --form-field-font-input-fontsize: 16px;
        --form-checkbox-fontsize: 18px;
    }

    @media (min-width: 769px) and (max-width: 1024px) {
        --form-field-font-name-fontsize: 16px;
        --form-field-font-name-filled-fontsize: 12px;
        --form-field-font-input-fontsize: 16px;
        --form-checkbox-fontsize: 18px;
    }

    @media (max-width: 768px) {
        --form-field-font-name-fontsize: 16px;
        --form-field-font-name-filled-fontsize: 10px;
        --form-field-font-input-fontsize: 16px;
        --form-checkbox-fontsize: 18px;
    }
}

.form-field-name {
    font: normal 400 var(--form-field-font-name-fontsize) / var(--lh-120) "DM Sans";
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.form-field-name-filled {
    font: normal 400 var(--form-field-font-name-filled-fontsize) / var(--lh-120) "DM Sans";
    letter-spacing: 0.03em;
    text-transform: uppercase;
}
.form-field-input {
    font: normal 400 var(--form-field-font-input-fontsize) / var(--lh-120) "DM Sans";
}
.form-checkbox {
    font: normal 400 var(--form-checkbox-fontsize) / var(--lh-120) "DM Sans";
}