/*
* for supported in all modern browsers
* Copyright inpleworks, Co.
* https://xetemplate.com
*/
.preloader {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader .loader {
  position: relative;
  width: 180px;
  height: 180px;
  overflow: hidden;
}
.preloader .rotate-loader {
  position: relative;
  width: inherit;
  height: inherit;
  animation: rotate-loader 1s infinite linear;
  border: 3px solid var(--border-color);
  border-radius: 50%;
}
.preloader .rotate-loader > span {
  position: absolute;
  width: inherit;
  height: inherit;
  top: -3px;
  left: -3px;
  border: 3px solid transparent;
  border-top: 4px solid var(--theme-color);
  border-radius: 50%;
}
.preloader .loader-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 16px;
  white-space: nowrap;
  color: var(--text-strong-color);
  transform: translate3d(-50%, -50%, 0);
}

.preloader-bg {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bg-color);
}

@keyframes rotate-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.color_scheme_dark .preloader .rotate-loader {
  border-color: var(--dark-border-color);
}
body.color_scheme_dark .preloader .loader-logo {
  color: var(--dark-text-strong-color);
}
body.color_scheme_dark .preloader-bg {
  background: var(--dark-bg-color);
}