/* ******************************** */
/* Add your custom class hear - Start */

.h-screen {
  height: calc(100vh - 4.04rem);
}

.min-h-screen {
  min-height: calc(100vh - 4.04rem);
}

.active-tab {
  background-color: hsl(var(--primary-light));
  @apply text-primary
}

.inactive-tab {
  @apply text-muted-foreground hover:text-foreground hover:bg-accent
}

/* Loading bar */
@keyframes loading-stripes {
  0% { background-position: 1rem 0; }
  100% { background-position: 0 0; }
}

.progress-bar-striped {
  background-image: linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent
  );
  background-size: 1rem 1rem;
  animation: loading-stripes 1s linear infinite;
}

/* Feedback form */
.star-rating svg {
  cursor: pointer;
  transition: color 0.2s, transform 0.1s;
}
.star-rating svg:hover {
  transform: scale(1.1);
}

#mobile-menu {
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
}

/* Add your custom class hear - End */
/* ******************************** */