.input-group{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.input-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;display:grid}.input__label{color:#1f2937;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.input__required{color:#ef4444;margin-left:2px}.input__wrapper{align-items:center;display:flex;position:relative}.input{color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;font-size:.875rem;transition:all .2s}.input.capitalize{text-transform:capitalize!important}.input.uppercase{text-transform:uppercase!important}.input:focus{border-color:#06f;outline:none;box-shadow:0 0 0 3px #0066ff1a}.input::placeholder{text-transform:capitalize!important}.input:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb}.input::placeholder{color:#9ca3af}.input--default{background-color:#fff;border:1px solid #e5e7eb}.input--outline{background-color:#0000;border:2px solid #e5e7eb}.input--outline:focus{border-color:#06f}.input--filled{background-color:#f9fafb;border:1px solid #0000}.input--filled:focus{background-color:#fff;border-color:#06f}.input--sm{height:2rem;padding:.5rem .75rem;font-size:.8125rem}.input--md{height:1rem;padding:.75rem 1rem;font-size:.875rem}.input--lg{height:3rem;padding:1rem 1.25rem;font-size:1rem}.input--error{border-color:#ef4444}.input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input--with-left-icon{padding-left:2.5rem}.input--with-right-icon{padding-right:2.5rem}.input__icon{color:#9ca3af;pointer-events:none;z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.input__icon--left{left:.75rem}.input__icon--right{right:.75rem}.input__icon svg{width:1rem;height:1rem}.input__error-message{color:#ef4444;margin-top:.25rem;font-size:.8125rem}.input__help-text{color:#6b7280;margin-top:.25rem;font-size:.8125rem}.input-group:focus-within .input__label{color:#06f}@media (max-width:768px){.input--sm{height:2.25rem;padding:.5rem}.input--md{height:2.75rem;padding:.75rem}.input--lg{height:3.25rem;padding:1rem}.input__icon--left{left:.5rem}.input__icon--right{right:.5rem}.input--with-left-icon{padding-left:2rem}.input--with-right-icon{padding-right:2rem}}