.field{gap:var(--space-xs);flex-direction:column;display:flex}.field__control{align-items:center;display:flex;position:relative}.field__icon{color:var(--text-muted);pointer-events:none;transition:color var(--dur-fast) var(--ease-out);position:absolute;left:16px}.field__control:focus-within .field__icon{color:var(--text)}.field__input,.field__textarea,.field__select{border:var(--border-hairline);border-radius:var(--radius-md);background:color-mix(in srgb, var(--zy-white) 32%, transparent);width:100%;color:var(--text);font:inherit;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);padding:13px 16px}.field__input:focus,.field__textarea:focus{background:color-mix(in srgb, var(--zy-white) 50%, transparent)}.field__control .field__input{padding-left:44px}.field__input::placeholder,.field__textarea::placeholder{color:var(--text-muted)}.field__input:hover,.field__textarea:hover,.field__select:hover{border-color:var(--border-strong)}.field__input:focus-visible,.field__textarea:focus-visible,.field__select:focus-visible{border-color:var(--border-strong);outline:2px solid var(--focus-ring);outline-offset:1px}.field__hint{font-size:var(--text-caption);color:var(--text-muted)}.field__hint[data-erro=true]{color:var(--text);font-weight:500}.field:has(.field__hint[data-erro=true]) .field__input{border:var(--border-emphasis)}