/* @group @variables */

[class*="a-form-type-input-name"] {
--grid-template-columns: .75rem 1fr .75rem .75rem .75rem 1fr .75rem 0;
--grid-template-rows: auto .375rem .375rem .75rem auto auto auto;
}

@media all and (min-width:36em) {

[class*="a-form-type-input-name"] {
--grid-template-columns: .75rem 12rem .75rem .75rem .75rem 12rem .75rem 1fr;
--grid-template-rows: auto .375rem .375rem .75rem auto auto auto;
}

}
/*[class*="a-form-type-input-name-non-required"] {
--grid-template-rows: auto .375rem .375rem .75rem auto auto;
}*/

/* @end @variables */

/* @group @a-form-type-input-name */

/* @group @a-form-type-input-name */

[class*="a-form-type-input-name"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(--grid-template-columns);
grid-template-rows: var(--grid-template-rows);
}

[class*="a-form-label-name"] {
grid-column: 1 / span 8;
grid-row: 1;
}

[class*="a-input-family-name-input"] {
grid-column: 1 / 4;
grid-row: 3 / span 3;
}

[class*="a-input-given-name-input"] {
grid-column: 5 / 8;
grid-row: 3 / span 3;
}

[class*="a-form-precautions-family-name"] {
grid-column: 2;
grid-row: 4;
}

[class*="a-form-precautions-given-name"] {
grid-column: 6;
grid-row: 4;
}

[class*="a-form-note-name"] {
grid-column: 1 / span 8;
grid-row: 6;
}

[class*="a-error-message-name"] {
grid-column: 1 / 8;
grid-row: 7;
}

/* @end @a-form-type-input-name */