.input-field{display:flex;flex-direction:column;position:relative;padding:21px 16px;gap:0;align-items:flex-start}.input-field--outline{background-color:white;border:1px solid var(--slate-300);border-radius:16px}.input-field--underline{background-color:transparent;border-bottom:1px solid var(--slate-300);padding-left:0;padding-right:0}.input-field--with-input{padding-top:12px;padding-bottom:12px}.input-field--focused{border-color:var(--blue-700)}.input-field__input,.input-field__input:focus{outline:none;border:none;font-size:16px;line-height:28px;width:100%}.input-field__label{font-size:16px;line-height:28px;color:var(--slate-500);transform:translateY(0);transition:font-size .3s ease}.input-field__label--with-input{font-family:Poppins_Medium;font-size:10px;line-height:16px}.input-field__label--focused{color:var(--blue-700)}