.app-input-wrapper{margin-bottom:var(--spacing-md);flex-direction:column;width:100%;display:flex}.app-input-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500}.app-input-container{align-items:center;display:flex;position:relative}.app-input-icon{color:var(--text-secondary);transition:color .2s;position:absolute;left:0}.app-input{border:none;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-primary);background:0 0;outline:none;padding:10px 0;font-family:inherit;font-size:14px;transition:border-color .2s}.app-input-icon+.app-input{padding-left:28px}.app-input::placeholder{color:#555}.app-input:focus,.app-input-container.has-error .app-input{border-bottom-color:var(--accent-red)}.app-input-container.has-error .app-input-icon{color:var(--accent-red)}.app-input-error{color:var(--accent-red);margin-top:4px;font-size:11px;font-weight:500;animation:.2s slideUp}