.form {
  position: relative;
  width: 100%;
  height: 73px;
  margin-bottom: 1rem;
}
.form__input, .form__input input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 480px;
  height: 100%;
  border: 2px solid transparent !important;
  border-radius: 0.5rem;
  font-family: inherit;
  font-size: inherit;
  color: black;
  outline: none;
  padding: 1.25rem 1.25rem 0.5rem 1.25rem;
  transition: all 200ms ease-in;
  background-color: rgb(243, 244, 245);
}
.form__input:hover {
  border-color: grey !important;
}
.form__input:focus {
  border-color: darkblue !important;
}
.form__label {
  position: absolute;
  left: 1rem;
  top: 1.5rem;
  padding: 0 0.5rem;
  color: grey;
  cursor: text;
  transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in;
}

.form__input:focus ~ .form__label,
.form__input:not(:placeholder-shown).form__input:not(:focus) ~ .form__label {
  top: 0.5rem;
  font-size: 0.8rem;
  left: 0.8rem;
}

.btn {
  --bs-btn-border-radius: 1.875rem;
}

/*# sourceMappingURL=forms.css.map */