00%;
  height: 100%;
  position: relative;
}

.loader .dots-container .dot-row {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: right center;
  width: 50%;
  height: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.loader .dots-container .dot-row > * {
  animation: blink 5s linear infinite;
}

.loader .dots-container .dot-row .dot {
  width: 4%;
  aspect-ratio: 1;
  background: #8b8b8b;
  border-radius: 50%;
}

.loader .dot