@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url("https://gistcdn.githack.com/mfd/09b70eb47474836f25a21660282ce0fd/raw/e06a670afcb2b861ed2ac4a1ef752d062ef6b46b/Gilroy.css");

.bg-gradient-card {
  background: linear-gradient(
    180deg,
    rgba(20, 22, 31, 0.27) 45.71%,
    rgba(20, 22, 31, 0.9) 100%
  );
}

.feedback-field:focus ~ .feedback-placeholder {
  top: 0;
}

.feedback-field:focus ~ .feedback-placeholder-2 {
  opacity: 0;
}

.feedback-field:valid ~ .feedback-placeholder {
  top: 0;
}

.feedback-field:valid ~ .feedback-placeholder-2 {
  opacity: 0;
}

.feedback-field::placeholder {
  @apply lg:text-base text-sm font-semibold text-[#77787d];
}

/* Toastify */

.Toastify__toast-body {
  padding: 0;
  margin: 0 4px 0 0;
  align-items: normal;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #111c26;
}

.Toastify__toast-icon {
  width: auto;
  margin-inline-end: 8px;
}
