input:not(:placeholder-shown){background-repeat:no-repeat;background-position:calc(100% - 10px);background-size:20px}input:invalid:not(:placeholder-shown){--validation-color:red;accent-color:var(--validation-color);caret-color:var(--validation-color);background-image:url(/checked_red.svg);border:1px solid var(--validation-color)}input:valid:not(:placeholder-shown){--validation-color:green;accent-color:var(--validation-color);caret-color:var(--validation-color);background-image:url(/checked_green.svg);border:1px solid var(--validation-color)}[id$=-error]{display:none}input:invalid:not(:placeholder-shown)+[id$=-error]{display:block}input:placeholder-shown+[id$=-error],input:valid+[id$=-error]{display:none}input:invalid~button[type=submit]{pointer-events:none;opacity:.6}