:root {
    --input-changed-warning-color: oklch(0.967 0.062 97.5 / 100%);
    /*--input-changed-warning-color: lemonchiffon;*/
    }
.modified-warning
{

    background-color:var(--input-changed-warning-color);
}

    /* Apply to .modified-warning elements in WebKit (Chrome/Safari) */
input.modified-warning:-webkit-autofill,
input.modified-warning:-webkit-autofill:hover,
input.modified-warning:-webkit-autofill:focus,
input.modified-warning:-webkit-autofill:active,
textarea.modified-warning:-webkit-autofill,
textarea.modified-warning:-webkit-autofill:hover,
textarea.modified-warning:-webkit-autofill:focus,
textarea.modified-warning:-webkit-autofill:active 
{
    transition: background-color 9999s ease-in-out 0s;
    background-color: var(--input-changed-warning-color) !important;
    box-shadow: 0 0 0 1000px var(--input-changed-warning-color) inset !important;
}

input.modified-warning:-moz-autofill,
input.modified-warning:-moz-autofill:hover,
input.modified-warning:-moz-autofill:focus,
input.modified-warning:-moz-autofill:active {
    background-color: var(--input-changed-warning-color) !important;
    box-shadow: 0 0 0 1000px var(--input-changed-warning-color) inset !important;
}