ontainer .loading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.loading-container .loading .square {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.loading-container .loading .square::before {
  width: 10px;
  height: 10px;
  content: "";
  border: 3px solid var(--rainbow-color);
  border-radius: 15%;
  animation: square-to-dot-animation 2s linear infinite;
}

.loading-containe