.ajax-progress.ajax-progress-throbber {
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  height: 100%;
  width: calc(100% + 4px);
  transition: all 0.3s ease;
  top: 0;
  left: -2px;
  z-index: 10;
}

.loader {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  margin: -12px 0 0 -12px;
  left: 50%;
  mask-image: url("data:image/svg+xml,%3Csvg width='98' height='99' viewBox='0 0 98 99' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M97.9374 68.8249L96.3237 71.9501C80.4049 100.222 41.7101 107.016 16.8005 85.102L13.3068 81.7163C-6.53509 60.3304 -3.80648 27.646 18.9493 9.57685L20.1583 8.66534L21.2318 7.8835L20.6962 8.66534C-15.0248 58.7005 53.0085 113.645 96.9943 69.7364L97.9374 68.8249ZM70.3972 2.02321L67.5768 1.37267L64.6209 0.852342C41.6441 -3.23917 18.731 7.47766 15.3223 31.3219L14.9199 33.4065L14.7845 35.3597C13.7064 53.4246 25.9043 69.8449 43.8001 74.8148L47.563 75.5967L46.2186 74.9451L45.0096 74.1643C32.5672 66.3491 26.5127 51.1941 27.5471 37.1828L27.6803 35.7499L27.8157 33.9274C31.0514 14.5294 46.4548 4.51197 65.6972 2.28473L68.1152 2.15451L70.3972 2.02321ZM95.1147 21.8161L93.2347 19.4722C72.8789 -4.39864 33.6379 5.38334 31.1735 37.963L31.038 41.3486L31.5759 39.2652C39.5171 16.1457 71.9582 7.76142 92.6962 20.3843L95.1147 21.8161Z' fill='%23757575'/%3E%3C/svg%3E%0A");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--Color-Border);

  animation: rotate 0.5s linear infinite, colorChange 1s infinite;
  text-indent: -9999em;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes colorChange {
  from {
    background-color: var(--Color-Border);
  }
  to {
    background-color: var(--Color-Primary);
  }
}