.xet-preloader {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 100000;
}
.xet-preloader .preloader__container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.5rem;
  /* HTML: <div class="loader"></div> */
}
.xet-preloader .preloader__container .loader {
  height: 4px;
  width: 240px;
  --c:no-repeat linear-gradient(var(--xet-theme-color) 0 0);
  background: var(--c), var(--c), #a0a0a0;
  background-size: 60% 100%;
  animation: l16 3s infinite;
}
@keyframes l16 {
  0% {
    background-position: -150% 0, -150% 0;
  }
  66% {
    background-position: 250% 0, -150% 0;
  }
  100% {
    background-position: 250% 0, 250% 0;
  }
}

@keyframes l15 {
  0% {
    background-size: 1ch 0, 1ch 0, 1ch 0, 1ch 0, 1ch 0, 1ch 0, 1ch 0;
  }
  14.28% {
    background-size: 1ch 100%, 1ch 0, 1ch 0, 1ch 0, 1ch 0, 1ch 0, 1ch 0;
  }
  28.57% {
    background-size: 1ch 100%, 1ch 100%, 1ch 0, 1ch 0, 1ch 0, 1ch 0, 1ch 0;
  }
  42.85% {
    background-size: 1ch 100%, 1ch 100%, 1ch 100%, 1ch 0, 1ch 0, 1ch 0, 1ch 0;
  }
  57.14% {
    background-size: 1ch 100%, 1ch 100%, 1ch 100%, 1ch 100%, 1ch 0, 1ch 0, 1ch 0;
  }
  71.43% {
    background-size: 1ch 100%, 1ch 100%, 1ch 100%, 1ch 100%, 1ch 100%, 1ch 0, 1ch 0;
  }
  85.71% {
    background-size: 1ch 100%, 1ch 100%, 1ch 100%, 1ch 100%, 1ch 100%, 1ch 100%, 1ch 0;
  }
  100% {
    background-size: 1ch 100%, 1ch 100%, 1ch 100%, 1ch 100%, 1ch 100%, 1ch 100%, 1ch 100%;
  }
}
html.site-loaded .xet-preloader {
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s 0.9s ease-in-out;
}
html.site-loaded .xet-preloader .preloader__container {
  opacity: 0;
  transition: opacity 0.6s 0.9s ease-in-out;
}

body.color_scheme_dark .xet-preloader {
  background-color: #000;
}
body.color_scheme_dark .xet-preloader .preloader__container .loader {
  color: #0000;
  -webkit-text-stroke: 1px #fff;
  --g: conic-gradient(#fff 0 0) no-repeat text;
}