@import "tailwindcss";

.header {
  -webkit-app-region: drag;
}

/* Add to your global CSS file */
@keyframes forbidden-glow {
  0% {
    opacity: 0.3;
    box-shadow: 0 0 10px rgba(165, 180, 252, 0.1);
  }
  50% {
    opacity: 0.6;
    box-shadow: 0 0 20px rgba(165, 180, 252, 0.4);
  }
  100% {
    opacity: 0.3;
    box-shadow: 0 0 10px rgba(165, 180, 252, 0.1);
  }
}

/* For modal close button */
.modal-close-btn {
  transition: all 0.3s ease;
}

.modal-close-btn:hover {
  transform: scale(1.1);
  filter: drop-shadow(0 0 4px rgba(224, 231, 255, 0.3));
}

/* Add this class to your play button when disabled */
.disabled-glow {
  animation: forbidden-glow 2s infinite;
}
