/* @group @a-form-precautions-primary */

.a-form-precautions-primary {
--placeholder-grid-width: 100%;
}

/* @end @a-form-precautions-primary */

/* @group @a-form-precautions-primary */

.a-form-precautions-primary {
overflow: hidden;
visibility: hidden;
display: block;
flex-basis: var(--placeholder-grid-width);
min-width: var(--placeholder-grid-width);
max-width: var(--placeholder-grid-width);
height: 0;
max-height: 0;
font-size: var(--font-size-x-small);
transition: var(--transition-default);
}

input:focus ~ .a-form-precautions-primary,
textarea:focus ~ .a-form-precautions-primary {
visibility: visible;
height: auto;
max-height: calc(var(--lineheight-x-small) * 4);
margin-top: var(--spacing-x-small);
font-size: var(--font-size-x-small);
line-height: var(--lineheight-x-small);
}

input:focus ~ .a-form-precautions-secondary + .a-form-precautions-primary,
textarea:focus ~ .a-form-precautions-secondary + .a-form-precautions-primary {
margin-top: 0;
}

/* @end @a-form-precautions-primary */