/*!-----------------------------------------------------------------------------------
Preloader Css
-------------------------------------------------------------------------------------*/

.preloader {
  @apply fixed top-0 left-0 w-full h-full z-999999 opacity-100 visible pointer-events-none bg-white;
}

.preloader.loaded {
  @apply opacity-0 invisible;
}

.preloader .pxl-loader-spinner {
  @apply absolute left-0 right-0 mx-auto top-1/2 transform -translate-y-1/2 w-[70px] text-center;
}

.preloader .pxl-loader-spinner > div {
  @apply animate-bounce inline-block w-[18px] h-[18px] bg-primary rounded-full;
}

.preloader .pxl-loader-spinner .pxl-loader-bounce1 {
  animation-delay: -0.32s;
}

.preloader .pxl-loader-spinner .pxl-loader-bounce2 {
  animation-delay: -0.16s;
}