:root {
 --body-font-family: "IRANYekan";
}

@font-face {
 font-family: "IRANYekan";
 src: url("/src/assets/fonts/BYekan/IRANYekanX-Medium.ttf") format("ttf");
 font-weight: normal;
 font-style: normal;
}

html[dir="rtl"] {
 direction: rtl;

 body {
  font-family: "IRANYekan" !important;
 }
}

html[dir="ltr"] {
 direction: ltr;
}

html {
 font-size: 13px;
 font-weight: 400;
 /* font-family: Inter,Helvetica,sans-serif;
   */
 font-family: "IRANYekan" !important;
 -webkit-font-smoothing: antialiased;
}

body.page-loading {
 margin: 0;
 height: 100%;
 overflow: hidden;
 transition: none !important;
}

.splash-screen {
 display: none;
}

.page-loading .splash-screen {
 position: absolute;
 z-index: 99999;
 width: 100vw;
 height: 100vh;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 font-family: "IRANYekan" !important;
 background-color: #fff;
}

.page-loading .splash-screen .loading-text {
 color: #535353;
 font-size: 16px;
 font-weight: 600;
}

html[data-bs-theme="dark"] .page-loading .splash-screen {
 background-color: #151521;
 color: #ffffff;
}

.splash-screen .dark-logo {
 display: none;
}

.splash-screen .light-logo {
 display: block;
}

html[data-bs-theme="dark"] .splash-screen .light-logo {
 display: none;
}

html[data-bs-theme="dark"] .splash-screen .dark-logo {
 display: block;
}

.loader-wrapper {
 display: flex;
 flex-direction: column;
 align-items: center;
 margin-top: 1.25rem;
 gap: 20px;
}

.loader {
 width: 50px;
 aspect-ratio: 1;
 display: grid;
 border: 4px solid #0000;
 border-radius: 50%;
 border-right-color: #da2128;
 animation: l15 1s infinite linear;
}
.loader::before,
.loader::after {
 content: "";
 grid-area: 1/1;
 margin: 2px;
 border: inherit;
 border-radius: 50%;
 animation: l15 2s infinite;
}
.loader::after {
 margin: 8px;
 animation-duration: 3s;
}
@keyframes l15 {
 100% {
  transform: rotate(1turn);
 }
}