@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];
}