/* TailwindCSS-based mixins */
/** TailwindCSS v3.4.13 */
@keyframes preload-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes barion-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loader-disappear {
  0% {
    opacity: 1;
    overflow: hidden;
  }
  100% {
    opacity: 0;
    overflow: hidden;
  }
}
body, html {
  padding: 0;
  margin: 0;
  font-family: sans-serif;
}

#Preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  background: rgba(249, 249, 249, 0.5);
  backdrop-filter: blur(32px);
  opacity: 1;
}
@media (prefers-color-scheme: dark) {
  #Preloader {
    background: rgba(51, 60, 81, 0.7);
  }
}
#Preloader.disappear {
  animation: loader-disappear 0.5s forwards ease-in 1;
}
#Preloader .preloader-body {
  display: inline-block;
  width: 90%;
  max-width: 320px;
  margin: auto;
  align-content: center;
  align-items: center;
  text-align: center;
}
#Preloader .preloader-body .preloader-logo {
  animation: barion-appear 0.25s forwards ease-in-out 1;
  margin-top: 16px;
}
#Preloader .preloader-body .preloader-error {
  width: 128px;
  height: 72px;
  display: block;
  margin: auto;
  --tw-text-opacity: 1;
  color: var(--text-color, rgb(82, 95, 127, var(--tw-text-opacity)));
  font-size: 56px;
  font-weight: 700;
  line-height: 72px;
  overflow: hidden;
  display: none;
}
#Preloader .preloader-body .preloader-error img {
  filter: invert(75%) sepia(43%) saturate(846%) hue-rotate(318deg) brightness(99%) contrast(97%);
}
#Preloader .preloader-body .preloader-spinner {
  width: 68px;
  height: 68px;
  display: block;
  margin: auto;
  overflow: hidden;
  opacity: 0;
  animation: barion-appear 0.25s forwards ease-in-out 1;
  animation-fill-mode: forwards;
}
#Preloader .preloader-body .preloader-spinner .preloader-spinner-inside {
  width: 100%;
  height: 100%;
  animation: preload-spin 1s linear infinite;
}
#Preloader .preloader-body .preloader-message {
  font-size: 13px;
  line-height: 17px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: var(--text-color, rgb(82, 95, 127, var(--tw-text-opacity)));
  margin-top: 40px;
  visibility: hidden;
}