.ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="1"] {
  animation-name: ui-dot-grid-3-p61yak-dot-1;
}

@media (prefers-reduced-motion: reduce) {
  .ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="1"] {
    animation: none !important;
  }
}

@keyframes ui-dot-grid-3-p61yak-dot-1 {
  0.0000%,
  12.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  12.5000%,
  24.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  25.0000%,
  37.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  37.5000%,
  49.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  50.0000%,
  62.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  62.5000%,
  74.9999% {
    opacity: 1;
  }

  75.0000%,
  87.4999% {
    opacity: 1;
  }

  87.5000%,
  100% {
    opacity: 1;
  }

}

.ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="2"] {
  animation-name: ui-dot-grid-3-p61yak-dot-2;
}

@media (prefers-reduced-motion: reduce) {
  .ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="2"] {
    animation: none !important;
  }
}

@keyframes ui-dot-grid-3-p61yak-dot-2 {
  0.0000%,
  12.4999% {
    opacity: 1;
  }

  12.5000%,
  24.9999% {
    opacity: 1;
  }

  25.0000%,
  37.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  37.5000%,
  49.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  50.0000%,
  62.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  62.5000%,
  74.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  75.0000%,
  87.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  87.5000%,
  100% {
    opacity: 1;
  }

}

.ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="3"] {
  animation-name: ui-dot-grid-3-p61yak-dot-3;
}

@media (prefers-reduced-motion: reduce) {
  .ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="3"] {
    animation: none !important;
  }
}

@keyframes ui-dot-grid-3-p61yak-dot-3 {
  0.0000%,
  12.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  12.5000%,
  24.9999% {
    opacity: 1;
  }

  25.0000%,
  37.4999% {
    opacity: 1;
  }

  37.5000%,
  49.9999% {
    opacity: 1;
  }

  50.0000%,
  62.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  62.5000%,
  74.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  75.0000%,
  87.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  87.5000%,
  100% {
    opacity: var(--dot-grid-off-opacity);
  }

}

.ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="4"] {
  animation-name: ui-dot-grid-3-p61yak-dot-4;
}

@media (prefers-reduced-motion: reduce) {
  .ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="4"] {
    animation: none !important;
  }
}

@keyframes ui-dot-grid-3-p61yak-dot-4 {
  0.0000%,
  12.4999% {
    opacity: 1;
  }

  12.5000%,
  24.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  25.0000%,
  37.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  37.5000%,
  49.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  50.0000%,
  62.4999% {
    opacity: 1;
  }

  62.5000%,
  74.9999% {
    opacity: 1;
  }

  75.0000%,
  87.4999% {
    opacity: 1;
  }

  87.5000%,
  100% {
    opacity: 1;
  }

}

.ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="5"] {
  animation-name: ui-dot-grid-3-p61yak-dot-5;
}

@media (prefers-reduced-motion: reduce) {
  .ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="5"] {
    animation: none !important;
  }
}

@keyframes ui-dot-grid-3-p61yak-dot-5 {
  0.0000%,
  12.4999% {
    opacity: 1;
  }

  12.5000%,
  24.9999% {
    opacity: 1;
  }

  25.0000%,
  37.4999% {
    opacity: 1;
  }

  37.5000%,
  49.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  50.0000%,
  62.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  62.5000%,
  74.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  75.0000%,
  87.4999% {
    opacity: 1;
  }

  87.5000%,
  100% {
    opacity: 1;
  }

}

.ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="6"] {
  animation-name: ui-dot-grid-3-p61yak-dot-6;
}

@media (prefers-reduced-motion: reduce) {
  .ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="6"] {
    animation: none !important;
  }
}

@keyframes ui-dot-grid-3-p61yak-dot-6 {
  0.0000%,
  12.4999% {
    opacity: 1;
  }

  12.5000%,
  24.9999% {
    opacity: 1;
  }

  25.0000%,
  37.4999% {
    opacity: 1;
  }

  37.5000%,
  49.9999% {
    opacity: 1;
  }

  50.0000%,
  62.4999% {
    opacity: 1;
  }

  62.5000%,
  74.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  75.0000%,
  87.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  87.5000%,
  100% {
    opacity: var(--dot-grid-off-opacity);
  }

}

.ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="7"] {
  animation-name: ui-dot-grid-3-p61yak-dot-7;
}

@media (prefers-reduced-motion: reduce) {
  .ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="7"] {
    animation: none !important;
  }
}

@keyframes ui-dot-grid-3-p61yak-dot-7 {
  0.0000%,
  12.4999% {
    opacity: 1;
  }

  12.5000%,
  24.9999% {
    opacity: 1;
  }

  25.0000%,
  37.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  37.5000%,
  49.9999% {
    opacity: 1;
  }

  50.0000%,
  62.4999% {
    opacity: 1;
  }

  62.5000%,
  74.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  75.0000%,
  87.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  87.5000%,
  100% {
    opacity: var(--dot-grid-off-opacity);
  }

}

.ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="8"] {
  animation-name: ui-dot-grid-3-p61yak-dot-8;
}

@media (prefers-reduced-motion: reduce) {
  .ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="8"] {
    animation: none !important;
  }
}

@keyframes ui-dot-grid-3-p61yak-dot-8 {
  0.0000%,
  12.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  12.5000%,
  24.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  25.0000%,
  37.4999% {
    opacity: 1;
  }

  37.5000%,
  49.9999% {
    opacity: 1;
  }

  50.0000%,
  62.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  62.5000%,
  74.9999% {
    opacity: 1;
  }

  75.0000%,
  87.4999% {
    opacity: 1;
  }

  87.5000%,
  100% {
    opacity: var(--dot-grid-off-opacity);
  }

}

.ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="9"] {
  animation-name: ui-dot-grid-3-p61yak-dot-9;
}

@media (prefers-reduced-motion: reduce) {
  .ui-dot-grid-animator[data-animation-id="ui-dot-grid-3-p61yak"] [data-dot-index="9"] {
    animation: none !important;
  }
}

@keyframes ui-dot-grid-3-p61yak-dot-9 {
  0.0000%,
  12.4999% {
    opacity: 1;
  }

  12.5000%,
  24.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  25.0000%,
  37.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  37.5000%,
  49.9999% {
    opacity: var(--dot-grid-off-opacity);
  }

  50.0000%,
  62.4999% {
    opacity: 1;
  }

  62.5000%,
  74.9999% {
    opacity: 1;
  }

  75.0000%,
  87.4999% {
    opacity: var(--dot-grid-off-opacity);
  }

  87.5000%,
  100% {
    opacity: 1;
  }

}