@charset "UTF-8";
.refresh-container {
  position: fixed; /* Toujours à la même place sur l'écran */
  top: 0;
  left: 0;
  width: 100%; /* Prend toute la largeur */
  height: 100%; /* Prend toute la hauteur */
  background: rgba(255, 255, 255, 0.9); /* Blanc transparent */
  display: flex; /* Utilise flexbox pour centrer */
  justify-content: center; /* Centre horizontalement */
  align-items: center; /* Centre verticalement */
  z-index: 1000; /* S'affiche au-dessus de tout */
  animation: loader 3s forwards;
}
.refresh-container .spinner {
  width: 70px;
  height: 70px;
  position: relative;
  animation: spin 3s linear infinite;
}
.refresh-container .spinner::before, .refresh-container .spinner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.refresh-container .spinner::before {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255, 121, 218, 0.1) 33%, #ff79da 100%);
}
.refresh-container .spinner::after {
  width: 85%;
  height: 85%;
  background: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  0% {
    transform: rotate(0deg); /* Début : pas tourné */
  }
  50% {
    transform: rotate(180deg); /* Milieu : tourné 180° */
  }
  100% {
    transform: rotate(360deg); /* Fin : fait un tour complet */
  }
}
@keyframes loader {
  0% {
    display: flex; /* Au début, l’élément est visible (flex pour centrer) */
  }
  100% {
    display: none; /* À la fin, il disparaît complètement */
  }
}/*# sourceMappingURL=loader.css.map */