.roomList {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  /* 5 columns */
  gap: 5px;
  width: 100%;
}

[x-cloak] {
  display: none !important;
}


html.modal-open,
body.modal-open {
  overflow: hidden !important;
  height: 100%;
  overscroll-behavior: none;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.25);
  }

  100% {
    transform: scale(1);
  }
}

.pulse-badge {
  animation: pulse 1.5s infinite;
}

/* Page Transition Animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.5s ease-out forwards;
}