.input-wrap{position:relative;display:inline-flex;align-items:center;width:100%}.input{width:100%;font-family:var(--font-sans);font-size:var(--text-body);line-height:20px;color:var(--color-text);background:var(--color-surface);border:var(--border-width-form) solid var(--color-border);border-radius:var(--radius-8);padding:var(--space-form-y) var(--space-form-x);transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--color-text-subtle)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.input:disabled{background:var(--color-surface-2);color:var(--color-text-muted);cursor:not-allowed}.input--error{border-color:var(--color-danger)}.input--error:focus{box-shadow:var(--focus-ring-danger)}.input--success{border-color:var(--color-success)}.input--numeric{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.input-wrap--left .input{padding-left:var(--space-8)}.input-wrap--right .input{padding-right:var(--space-8)}.input-icon{position:absolute;display:inline-flex;color:var(--color-text-muted);pointer-events:none}.input-icon--left{left:var(--space-3)}.input-icon--right{right:var(--space-3)}.input--row{font-size:var(--text-row-control);border-width:var(--border-width-row-control);border-radius:var(--radius-row-control);padding:var(--space-row-control-y) var(--space-row-control-x)}