.error {
    display: grid;
    place-content: center;

    background: repeating-linear-gradient(-45deg,
            color(from var(--fail) xyz x y z / .05),
            color(from var(--fail) xyz x y z / .05) 10px,
            color(from var(--fail) xyz x y z / .25) 10px,
            color(from var(--fail) xyz x y z / .25) 12px,
            color(from var(--fail) xyz x y z / .05) 12px);
    color: var(--text-2);
    border: 1px solid var(--fail);
    border-radius: var(--radii-m);

    margin: var(--padding-l);
}