/**=====================
     Loader scss
==========================**/

#loader {
  position: absolute;
  background: $white;
  @include pseudowh($width: 100%, $height: 100vh);
  top: 0px;
  left: 0px;
  @include flex_common;
  z-index: 1050;

  [dir="rtl"] & {
    left: unset;
    right: 0px;
  }
}

.notLoaded {
  @include pseudowh($width: 100%, $height: 100vh);
  overflow: hidden;
  position: fixed;
  margin: 0px;
}

.page-loader .page-loader-wrapper {
  @include flex_common;
  @include pseudowh;
  gap: 12px;
}