.input-wrap{width:100%}.input-label{color:var(--foreground);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.input-field{width:100%;height:2.5rem;color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s;display:flex}.input-field::placeholder{color:var(--muted)}.input-field:focus{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary);border-color:#38bdf880}.input-field:disabled{cursor:not-allowed;opacity:.5}.input-field.input-field--error{border-color:var(--negative)}.input-field.input-field--error:focus{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--negative)}.input-error{color:var(--negative);margin-top:.375rem;font-size:.875rem}.input-helper{color:var(--muted);margin-top:.375rem;font-size:.875rem}