/* thanks https://animated-gradient-background-generator.netlify.app/ */
.gradient-background {
  background: linear-gradient(0deg, var(--gradient-start, #caca53), var(--gradient-end, #dcdc74));
  background-size: 120% 120%;
  animation: gradient-animation 2s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


::backdrop {
  background: var(--dialog-backdrop, rgba(0, 0, 0, 0.5));
}