#loader {
  position: absolute;
  background: white;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;

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

.notLoaded {
  height: 100vh;
  overflow: hidden;
  position: fixed;
  margin: 0px;
  width: 100%;
}

.page-loader .page-loader-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  @include pseudowh;
  gap: 12px;
}