/* @group @has-error */
 
.has-error-message {
overflow: hidden;
visibility: hidden;
display: block;
flex-basis: 100%;
min-width: 100%;
max-width: 100%;
max-height: 0;
margin-top: 0;
opacity: 0;
transition: var(--transition-default);
}

.has-error .has-error-message {
visibility: visible;
max-height: calc(var(--font-size-x-small) * 3);
margin-top: var(--spacing-x-small);
font-size: var(--font-size-x-small);
opacity: 1;
color: var(--error-primary);
}

.has-error input:focus + .a-form-precautions-primary + .has-error-message {
margin-top: 0;
}

/* @end @has-error */