/* @group @variables */

/* @end @variables */

/* @group @a-error-message-text */

[class*="a-error-message"] {
overflow: hidden;
visibility: hidden;
display: block;
max-height: 0;
color: var(--color-error-primary);
}

[class*="has-error"] [class*="a-error-message"] {
visibility: visible;
opacity: 1;
max-height: 3rem;
margin-top: .75rem;
font-size: .875rem;
line-height: 1.71428571;
}

/* @end @a-error-message */