.n2-field{gap:var(--n2-space-1);flex-direction:column;width:100%;display:flex}.n2-field__label{color:var(--n2-text-secondary);font:var(--n2-type-label);letter-spacing:normal}.n2-field__label--hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.n2-field__box{box-sizing:border-box;min-height:var(--n2-size-control-m);padding-inline:var(--n2-space-3);border:1px solid var(--n2-border-hairline);border-radius:var(--n2-radius-md);background:var(--n2-surface-field);cursor:text;align-items:center;display:flex}.n2-field__box:focus-within{border-color:var(--n2-border-strong)}.n2-field__box:has(.n2-field__input:focus-visible){outline:2px solid var(--n2-focus);outline-offset:2px}.n2-field__box--multiline{min-height:0;padding-block:var(--n2-space-2);align-items:flex-start}.n2-field__box--multiline .n2-field__input{resize:none}.n2-field__input{min-width:0;color:var(--n2-text-primary);font:var(--n2-type-body-m);letter-spacing:normal;background:0 0;border:0;outline:0;flex:1 0 0;margin:0;padding:0}.n2-field__input::placeholder{color:var(--n2-text-placeholder);opacity:1}.n2-field__message{color:var(--n2-text-secondary);font:var(--n2-type-label);letter-spacing:normal;margin:0}.n2-field--error .n2-field__box{border-color:var(--n2-text-danger)}.n2-field--error .n2-field__message{color:var(--n2-text-danger)}.n2-field:has(.n2-field__input:disabled){opacity:var(--n2-opacity-pending)}.n2-field__box:has(.n2-field__input:disabled){cursor:default}