/* Navbar slide down/up transitions */
.navbar-enter {
  transition: max-height 1500ms ease-out, opacity 300ms ease-out;
}

.navbar-enter-start {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.navbar-enter-end {
  max-height: 500px; /* Large enough to accommodate any reasonable menu content */
  opacity: 1;
  overflow: hidden;
}

.mini-calendar-enter {
  transition: max-height 200ms ease-out, opacity 300ms ease-out;
}

.mini-calendar-enter-start {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.mini-calendar-enter-end {
  max-height: 500px; /* Large enough to accommodate any reasonable menu content */
  opacity: 1;
  overflow: hidden;
}

/* Modal slide-in from left animation */
.modal-slide-in {
  animation: slideInFromLeft 200ms ease-out;
}

@keyframes slideInFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}