.input-wrapper{flex-direction:column;width:100%;display:flex}.input-label{color:#2c3e50;width:100%;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block;text-align:left!important}.input-container{align-items:center;width:100%;display:flex;position:relative}.input-container.with-icon .input-field{padding-left:2.5rem}.input-icon{color:#7f8c8d;pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;left:.75rem}.input-icon svg{width:16px;height:16px}.input-field{color:#2c3e50;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;outline:none;width:100%;padding:.625rem 1rem;font-family:inherit;font-size:.875rem;line-height:1.5;transition:all .2s}.input-field::placeholder{color:#9e9e9e}.input-field:hover:not(:disabled){border-color:#bdbdbd}.input-field:focus{border-color:#0b7f8f;box-shadow:0 0 0 3px #0b7f8f33}.input-field:disabled{color:#9e9e9e;cursor:not-allowed;background-color:#f5f5f5;border-color:#e0e0e0}.input-container.error .input-field{border-color:#e74c3c}.input-container.error .input-field:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.input-error{color:#e74c3c;margin-top:.375rem;font-size:.75rem;line-height:1.4}@media (max-width:768px){.input-field{padding:.5625rem .875rem;font-size:.8125rem}.input-label{font-size:.8125rem}.input-icon{left:.625rem}.input-icon svg{width:14px;height:14px}}@media (max-width:480px){.input-field{padding:.5rem .75rem;font-size:.75rem}.input-label{margin-bottom:.375rem;font-size:.75rem}.input-icon{left:.5rem}.input-icon svg{width:12px;height:12px}.input-error{font-size:.6875rem}}