#site-preloader {
      position: fixed;
      inset: 0;
      background:var(--e-global-color-5b0a191);
      backdrop-filter:blur(4px);
      -webkit-backdrop-filter:blur(4px);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index:99999;
    }
    /* spinner */
    .spinner { display: flex; gap: 8px; }
    .spinner .dot {
      width: 14px; height: 14px;
      background: var(--e-global-color-primary);
      border-radius: 50%;
      animation: bounce 0.6s infinite ease-in-out;
    }
    .spinner .dot2 { animation-delay: 0.2s; }
    .spinner .dot3 { animation-delay: 0.4s; }
    @keyframes bounce {
      0%, 80%, 100% { transform: scale(0); }
      40%           { transform: scale(1); }
    }