input, textarea {
    background-color: var(--InBgClr);
    color: var(--InTClr);
    border: solid 0.1em var(--InBClr);
    text-decoration: none;
    border-radius: 0.3em;
    padding: 0.2em 0.8em 0.2em 0.8em;
    margin: 0.2em;
    font-size: 1rem;

    + span.validity {
        height: 1.5em;
        width: 1.5ex;

        &:invalid {
            border: solid 0.12em var(--AeBClr);
        }
        &:focus {
            border: solid 0.1em var(--InBClr);
        }
        + span.validity::after {
            content: "✘";
            color: var(--AeBClr);
        }
    }

    &:valid {
        border: solid 0.12em var(--AsBClr);
        &:focus {
            border: solid 0.1em var(--InBClr);
        }
        + span.validity::after {
            content: "✓";
            color: var(--AsBClr);
        }
    }
}
