/* Оверлей на весь экран */
.loader-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7); /* белый прозрачный фон */
  backdrop-filter: blur(6px); /* размытый фон */
  display: none; /* скрыт по умолчанию */
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Контент внутри */
.loader-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000;
}

/* Текст */
.loader-text {
  margin-top: 20px;
  font-size: 18px;
  font-weight: normal;
}

/* Анимированный шарик */
.blob {
  width: 112px;
  height: 112px;
  display: grid;
  border-radius: 50%;
  background: transparent;
  filter: blur(4.5px) contrast(10);
  padding: 11.2px;
  mix-blend-mode: darken;
}

.blob:before { content: none; }

.blob:after {
  content: "";
  grid-area: 1/1;
  width: 39.2px;
  height: 39.2px;
  margin: auto;
  border-radius: 50%;
  background: #474bff;
  animation: blob-lwysv3md 2s infinite linear;
}

@keyframes blob-lwysv3md {
  0%   { transform: translate(33.6px); }
  25%  { transform: translate(0); }
  50%  { transform: translate(-33.6px); }
  75%  { transform: translate(0); }
  100% { transform: translate(33.6px); }
}