/* Empty form values use one quiet placeholder treatment throughout Ratio. */
input::placeholder,
textarea::placeholder {
    color: #8798a7;
    font-size: 12px;
    font-style: italic;
    font-weight: 450;
    opacity: 1;
}

select.empty-value-placeholder:has(option[value=""]:checked) {
    color: #8798a7;
    font-size: 12px;
    font-style: italic;
    font-weight: 450;
}

select.empty-value-placeholder option {
    color: var(--text);
    font-style: normal;
}

select.empty-value-placeholder option[value=""] {
    color: #8798a7;
    font-size: 12px;
    font-style: italic;
    font-weight: 450;
}