.name-field{gap:6px;inline-size:100%;min-inline-size:0;display:grid}.name-field-label{font-weight:var(--font-weight-strong);color:var(--color-ink)}.name-field-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.name-field-row input{min-block-size:48px;min-inline-size:0;padding-inline:var(--space-3);border-radius:var(--radius-small);background:var(--color-surface);font:inherit;font-size:1.125rem;font-weight:var(--font-weight-strong);color:var(--color-ink);border:1px solid #16392f52;flex:11rem}.name-field-row input:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}.name-field-row input[aria-invalid=true]{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.name-field-row input:disabled{opacity:1;color:var(--color-muted)}.name-field-another{--icon-fill:#ffc41680;flex:none}.name-field-another .icon{block-size:22px;inline-size:22px}.name-field-note{min-block-size:2.9em;font-size:var(--font-size-small);color:var(--color-muted);align-items:flex-start;gap:6px;margin:0;line-height:1.45;display:flex}.name-field-note[data-problem]{font-weight:var(--font-weight-strong);color:var(--color-ink)}.name-field-note .icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex:none;block-size:18px;inline-size:18px;margin-block-start:1px}.name-field-stack{display:inline-grid}.name-field-stack>*,.name-field-stack:after{grid-area:1/1}.name-field-stack:after{content:attr(data-room);visibility:hidden}.name-field-another .name-field-stack{justify-items:center}