:root{--bf-input-bg:var(--bf-canvas-subtle,#f8fafc);--bf-input-border:var(--bf-surface-border,#e2e8f0);--bf-input-text:var(--bf-text-primary,#0f172a);--bf-input-placeholder:var(--bf-text-muted,#94a3b8);--bf-input-ring:var(--bf-accent,#3b82f6);--bf-input-error:#ef4444;--bf-input-radius:var(--bf-radius-md,.5rem);--bf-input-height:2.5rem;--bf-input-px:.75rem}.bf-input-container{flex-direction:column;width:100%;display:flex}.bf-input{width:100%;height:var(--bf-input-height);padding:0 var(--bf-input-px);font-family:var(--bf-font-sans,inherit);color:var(--bf-input-text);background-color:var(--bf-input-bg);border:1px solid var(--bf-input-border);border-radius:var(--bf-input-radius);box-sizing:border-box;outline:none;font-size:.875rem;line-height:1.5;transition:all .2s ease-in-out;display:block}.bf-input::placeholder{color:var(--bf-input-placeholder)}.bf-input:focus{border-color:var(--bf-input-ring);box-shadow:0 0 0 2px #3b82f61a}.bf-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bf-canvas-muted,#f1f5f9)}.bf-input--error{border-color:var(--bf-input-error)}.bf-input--error:focus{border-color:var(--bf-input-error);box-shadow:0 0 0 2px #ef44441a}.bf-input__error-message{color:var(--bf-input-error);margin-top:.25rem;font-size:.75rem}.dark-theme .bf-input{--bf-input-bg:var(--bf-canvas-subtle,#1e293b);--bf-input-border:var(--bf-surface-border,#334155);--bf-input-text:var(--bf-text-primary,#f1f5f9);--bf-input-placeholder:var(--bf-text-muted,#64748b)}