/* ====== preloader start ====== */
.preloader {
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  background-image: radial-gradient(#242424, #151515);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease;
}
#preloader-animation {
  position: relative;
  filter: drop-shadow(0 0 0.5vmax black);
  filter: drop-shadow(0 0 0.5dvmax black);
  -webkit-user-select: none;
  user-select: none;
  width: 24vmax;
  width: 24dvmax;
  max-width: 60vmin;
  max-width: 60dvmin;
  height: auto;
  max-height: 100%;
}
.disappear {
  opacity: 0;
}
.hidden {
  visibility: hidden;
  transition: all 0.5s ease;
}
/* ====== preloader end ====== */