html > body .form-wrapper .input-wrapper:has(.field-validation-error) {padding: 0 0 calc(var(--bottom-line-height) + 0.4em) 0;}
html > body .form-wrapper .input-wrapper:not(.has-value):hover {background: var(--input-wrapper-empty-hover-background-color);}
html > body .form-wrapper .input-wrapper:has(.form-input:focus,input[type="radio"]:focus,input[type="checkbox"]:focus)
{
    background: var(--input-wrapper-focus-background-color);
    box-shadow: var(--input-wrapper-focus-box-shadow);
}
html > body .form-wrapper .input-wrapper .form-input:focus ~ .input-line::before,
html > body .form-wrapper .input-wrapper:has(input[type="radio"]:focus) .input-line::before,
html > body .form-wrapper .input-wrapper:has(input[type="checkbox"]:focus) .input-line::before {transform: scaleX(1); opacity: 1;}
html > body .form-wrapper .input-wrapper.has-value,
html > body .form-wrapper .input-wrapper:has(input[type="radio"]:checked,input[type="checkbox"]:checked)
{
    background: var(--input-wrapper-has-value-background-color);
    box-shadow: var(--input-wrapper-has-value-box-shadow);
}
html > body .form-wrapper .input-wrapper.select:has(select:focus)::after {color: var(--select-input-focus-down-arrow-text-color);}