.loader-container {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 15px;
       /* Расстояние между крутилкой и текстом */
       padding: 30px;
       font-size: 18px;
       font-family: sans-serif;
       color: #333;
       /* Цвет текста */
      }

      /* Стили для крутящегося спиннера */
      .spinner {
       width: 24px;
       height: 24px;
       border: 3px solid #e0e0e0;
       /* Цвет основы кольца */
       border-top: 3px solid #0078d4;
       /* Цвет крутящейся части */
       border-radius: 50%;
       animation: spin 1s linear infinite;
      }

      /* Анимация вращения */
      @keyframes spin {
       0% {
        transform: rotate(0deg);
       }

       100% {
        transform: rotate(360deg);
       }
      }