/*  Grid

    <div class="sk-grid">
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
    </div>
 */
.ajax-progress.sk-oknaplus {
  width: var(--sk-size);
  height: var(--sk-size);
  /* Cube positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */
}
.ajax-throbber .sk-oknaplus-el {
  width: 41px;
  aspect-ratio: 1;
  --g1: conic-gradient(from  90deg at 4px  4px ,#87A7B7 90deg,#87A7B7 0);
  --g2: conic-gradient(from -90deg at 24px 24px,#87A7B7 90deg,#87A7B7 0);
  background: var(--g1),var(--g1),var(--g1), var(--g2),var(--g2),var(--g2);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  animation: l7 1.5s infinite;
}
@keyframes l7 {
  0%   {background-position:0    0   ,0 100%,100% 100% }
  25%  {background-position:100% 0   ,0 100%,100% 100% }
  50%  {background-position:100% 0   ,0 0   ,100% 100% }
  75%  {background-position:100% 0   ,0 0   ,0    100% }
  100% {background-position:100% 100%,0 0   ,0    100% }
}

.ajax-progress.ajax-progress-fullscreen {
  width: 61px;
  height: 61px;
  opacity: 1;
}
.ajax-throbber {
    position: relative;
    width: 41px;
    height: 41px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2);
}