.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@keyframes slide-in {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.animate-slide-in {
  animation: slide-in 0.3s ease-out;
}

#form-error-box {
  transition: opacity 0.5s;
}

html {
  scroll-behavior: smooth;
}

@media (hover: none) {
  button:active,
  a:active,
  label:active {
    transform: scale(0.98);
  }
}

input[type="text"],
input[type="number"],
input[type="datetime-local"],
select {
  font-size: 16px;
}

#lightbox-modal.flex {
  animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (max-width: 374px) {
  .text-3xl {
    font-size: 1.5rem;
  }

  .text-4xl {
    font-size: 2rem;
  }
}