.input-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-label{font-size:.875rem;font-weight:700;color:var(--text)}.input{width:100%;padding:.75rem .85rem;font-size:1rem;color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent-soft) 65%,transparent)}.input-error,.input-error:focus{border-color:var(--error)}.input-error:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--error) 20%,transparent)}.input-error-message{font-size:.875rem;color:var(--error)}