.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .pace .pace-progress {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #5156be), color-stop(40%, #2ab57d), color-stop(60%, #4ba6ef), color-stop(80%, #ffbf53), to(#fd625e));
    background: linear-gradient(to right, #5156be 20%, #2ab57d 40%, #4ba6ef 60%, #ffbf53 80%, #fd625e 100%);
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0; /* Changé de right: 100% pour éviter un décalage à droite */
    width: 100%;
    height: 3px;
    transition: opacity 0.3s ease-out; /* Ajout d'une transition douce pour la disparition */
  }
  
  .pace-inactive .pace-progress {
    opacity: 0; /* Disparition progressive au lieu de display: none */
    display: block; /* Garde l'élément dans le DOM pour la transition */
  }
  
  /* Suppression complète de .pace-activity pour éliminer la bande à droite */
  .pace .pace-activity {
    display: none; /* Désactive complètement l'élément */
  }
  
  /* Suppression des styles associés à .pace-activity pour éviter tout conflit */
  .pace.pace-active .pace-activity {
    display: none;
  }
  
  .pace .pace-activity::after {
    display: none;
  }
  
  @-webkit-keyframes pace-spinner {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  }
  
  @keyframes pace-spinner {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  }