.form-group{margin-bottom:1.5rem}.input-group{position:relative}.input-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-left:.25rem;padding-right:.25rem}.input-label{font-size:10px;font-weight:900;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;display:block;transition:color .2s}.form-group:focus-within .input-label{color:var(--color-primary, #2b7cee)}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#d1d5db;-webkit-user-select:none;user-select:none}.form-group:focus-within .input-icon{color:var(--color-primary, #2b7cee)}.text-input{width:100%;box-sizing:border-box;font-family:inherit;height:4rem;border-radius:1rem;border:2px solid #f9fafb;background-color:#f9fafb80;padding-left:3rem;padding-right:3rem;font-weight:700;color:#374151;outline:none;transition:all .2s}.text-input::placeholder{color:#d1d5db}.text-input:focus{border-color:var(--color-primary, #2b7cee);background-color:#fff;box-shadow:0 0 0 4px #2b7cee0d}