@font-face {
  font-family: IranYekan;
  src: url("/fonts/iranyekan/iranyekanwebregular.eot");
  src:
    url("/fonts/iranyekan/iranyekanwebregular.eot?#iefix") format("embedded-opentype"),
    url("/fonts/iranyekan/iranyekanwebregular.woff") format("woff"),
    url("/fonts/iranyekan/iranyekanwebregular.ttf") format("truetype");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: EstedadFD;
  src: url("https://www.rtl-theme.com/wp-content/themes/rtl-theme/assets/fonts/Estedad/fonts/WOFF2/Estedad-FD-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: EstedadFD;
  src: url("https://www.rtl-theme.com/wp-content/themes/rtl-theme/assets/fonts/Estedad/fonts/WOFF2/Estedad-FD-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: EstedadFD;
  src: url("https://www.rtl-theme.com/wp-content/themes/rtl-theme/assets/fonts/Estedad/fonts/WOFF2/Estedad-FD-Black.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

.app-preloader-brand {
  font-family: IranYekan, Tahoma, Arial, sans-serif;
}

.app-preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at top left, rgba(79, 70, 229, .16), transparent 34%),
    linear-gradient(135deg, #f8fafc, #eef2ff);
  transition: opacity .28s ease, visibility .28s ease;
}

.app-preloader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.app-preloader-card {
  width: min(320px, calc(100vw - 48px));
  min-height: 168px;
  display: grid;
  align-content: center;
  gap: 22px;
  padding: 28px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
  font-family: IranYekan, Tahoma, Arial, sans-serif;
}

.app-preloader-brand {
  color: #111827;
  font-size: 22px;
  font-weight: 800;
}

.app-preloader-skeleton {
  display: grid;
  gap: 12px;
  width: 100%;
}

.app-preloader-skeleton span {
  height: 13px;
  border-radius: 8px;
  background: linear-gradient(100deg, #eef2f7 0%, #f8fafc 34%, #ffffff 48%, #f8fafc 62%, #eef2f7 100%);
  background-size: 240% 100%;
  animation: app-preloader-shimmer 1.35s ease-in-out infinite;
}

.app-preloader-skeleton span:first-child {
  width: 74%;
}

.app-preloader-skeleton span:nth-child(2) {
  width: 92%;
}

.app-preloader-skeleton span:nth-child(3) {
  width: 48%;
}

@keyframes app-preloader-shimmer {
  0% {
    background-position: 120% 0;
  }

  100% {
    background-position: -120% 0;
  }
}
