.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #146132; /* Ajouter un fond vert */
  /*background-color: #222;  Ajouter un fond noir */
  z-index: 999; /* Toujours au-dessus des autres éléments */
}

.loader {
    /* display: none; */
    display: flex;
    position: fixed;
    z-index: 999; /* Toujours au-dessus des autres éléments */
    top: 45%;
    left: 45%; /* Centrer horizontalement */
    justify-content: space-between;
    align-items: center;
    width: 120px;
    height: 120px;
    padding: 15px;
    aspect-ratio: 1;
    border-radius: 50%;
    /* background: #125e30; */
    background-color: #A9CF37;
    --_m: 
      conic-gradient(#0000 10%,#000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}


/* CSS pour désactiver le défilement */
.no-scroll {
  overflow: hidden;
}