@layer components{.ui-input{width:100%;min-height:var(--touch-target);padding:0 var(--space-3);background-color:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.ui-input::placeholder{color:var(--color-text-3)}.ui-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgb(var(--rgb-accent) / .2)}.ui-input--invalid{border-color:var(--color-error)}.ui-input--invalid:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-tint)}.ui-input-wrap{position:relative;width:100%}.ui-input-wrap__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-3);pointer-events:none;font-size:var(--text-sm)}.ui-input--with-icon{padding-left:var(--space-8)}.ui-field{display:flex;flex-direction:column;gap:var(--space-2)}.ui-field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-2)}.ui-field__hint{font-size:var(--text-xs);color:var(--color-text-3)}.ui-field__error{font-size:var(--text-xs);color:var(--color-error)}}