.fond-anime[data-astro-cid-gthxoj7f] {
  position: absolute;
  inset: 0;
  overflow: hidden;
  isolation: isolate;
}

.fond-anime[data-astro-cid-gthxoj7f]:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(#edf8ff00 52%, #edf8ffbf 76%, var(--c-fond) 96%);
}

.fond-anime__couleurs[data-astro-cid-gthxoj7f] {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 33.08% 54.58%, var(--c-peche) 0%, 17.5%, #e9d2c500 35%),
      radial-gradient(circle at 16.99% 49.37%, var(--c-peche) 0%, 17.5%, #e9d2c500 35%),
      radial-gradient(circle at 68.19% 59.52%, var(--c-peche) 0%, 17.5%, #e9d2c500 35%),
      radial-gradient(circle at 52.01% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 79.7% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 93.5% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 38.06% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 65% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 7.09% 97.75%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 43.67% 30.83%, var(--c-peche) 0%, 17.5%, #e9d2c500 35%),
      radial-gradient(circle at 83.67% 8.83%, var(--c-ciel) 0%, 17.5%, #c5dbe900 35%),
      radial-gradient(circle at 87.67% 48.83%, var(--c-peche) 0%, 17.5%, #e9d2c500 35%),
      radial-gradient(circle at 59% 0%, var(--c-ciel) 0%, 17.5%, #c5dbe900 35%),
      radial-gradient(circle at 30.33% 0%, var(--c-ciel) 0%, 17.5%, #c5dbe900 35%),
      radial-gradient(circle at 23.4% 60.08%, var(--c-peche) 0%, 17.5%, #e9d2c500 35%),
      radial-gradient(circle at 23.2% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 59.67% 36.83%, var(--c-peche) 0%, 16.625%, #e9d2c500 35%),
      radial-gradient(circle at 100% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 73.67% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 46% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 15% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 57.33% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 8% 0%, var(--c-ciel) 0%, 15%, #c5dbe900 50%),
      radial-gradient(circle at 88% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 0% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 31.67% 100%, var(--c-fond) 0%, 17.5%, #edf8ff00 35%),
      radial-gradient(circle at 45.67% 58.83%, var(--c-peche) 0%, 16.625%, #e9d2c500 35%),
      radial-gradient(circle at 9.67% 42.17%, var(--c-peche) 0%, 15%, #e9d2c500 50%),
      radial-gradient(circle at 100% 0%, var(--c-ciel) 0%, 15%, #c5dbe900 50%),
      radial-gradient(circle at 48.9% 49.52%, var(--c-fond) 0%, 100%, #edf8ff00 100%);
}

.fond-anime__couleurs[data-astro-cid-gthxoj7f]:before, .fond-anime__couleurs[data-astro-cid-gthxoj7f]:after {
  content: "";
  position: absolute;
  inset: -45%;
  filter: blur(35px);
  pointer-events: none;
  will-change: transform;
}

.fond-anime__couleurs[data-astro-cid-gthxoj7f]:before {
  background: radial-gradient(circle at 32% 38%, var(--c-peche) 0%, #e9d2c500 26%),
      radial-gradient(circle at 62% 30%, #e9d2c5f2 0%, #e9d2c500 22%),
      radial-gradient(circle at 48% 62%, #e9d2c5e6 0%, #e9d2c500 24%);
  animation: 26s linear infinite hero-tourne-a;
}

.fond-anime__couleurs[data-astro-cid-gthxoj7f]:after {
  background: radial-gradient(circle at 68% 42%, var(--c-ciel) 0%, #c5dbe900 24%),
      radial-gradient(circle at 30% 58%, #c5dbe9e6 0%, #c5dbe900 22%),
      radial-gradient(circle at 55% 25%, #c5dbe9d9 0%, #c5dbe900 20%);
  animation: 34s linear infinite reverse hero-tourne-b;
}

@keyframes hero-tourne-a {
  0% {
    transform: rotate(0) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.18);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes hero-tourne-b {
  0% {
    transform: rotate(0) scale(1.12);
  }

  50% {
    transform: rotate(180deg) scale(1);
  }

  100% {
    transform: rotate(360deg) scale(1.12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fond-anime__couleurs[data-astro-cid-gthxoj7f]:before, .fond-anime__couleurs[data-astro-cid-gthxoj7f]:after {
    animation: none;
  }
}