.input-wrapper{display:flex;flex-direction:column;gap:4px;width:100%}.input-label{font-size:14px;color:#1a1a1a;font-weight:700}.input-container{position:relative;width:100%}.input-element{padding:10px 14px;border:1px solid #dcdcdc;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;color:#333;width:100%;height:40px}textarea.input-element{height:auto;min-height:unset;max-height:unset}.input-error{border-color:red}.input-element::placeholder{color:#b0b0b0}.input-element:focus{border-color:#a0a0a0}.input-error-message{font-size:12px;color:red}.input-with-icon .input-element{padding-left:42px}.input-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#9CA3AF;font-size:18px;display:flex;align-items:center;justify-content:center}.input-element:disabled,.input-element[readonly]{background:#f0f0f0!important;color:#888;cursor:not-allowed}