@font-face {
  font-family: "YandexThin";
  src: url("../fonts/YandexSansText-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "YandexRegular";
  src: url("../fonts/YandexSansText-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "YandexMedium";
  src: url("../fonts/YandexSansText-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "YandexBold";
  src: url("../fonts/YandexSansDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.yandex-thin { font-family: "YandexThin", sans-serif !important; }
.yandex-regular { font-family: "YandexRegular", sans-serif !important; }
.yandex-medium { font-family: "YandexMedium", sans-serif !important; }
.yandex-bold { font-family: "YandexBold", sans-serif !important; }

/* Custom Scrollbar */
@media screen and (min-width: 1024px) {
  ::-webkit-scrollbar { width: 8px; height: 8px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background: rgba(192, 193, 255, 0.12); border-radius: 8px; }
  ::-webkit-scrollbar-thumb:hover { background: rgba(192, 193, 255, 0.18); }
  html { scrollbar-width: thin; scrollbar-color: rgba(192, 193, 255, 0.12) transparent; }
}
@media screen and (max-width: 1023px) {
  ::-webkit-scrollbar { display: none; }
  html { scrollbar-width: none; -ms-overflow-style: none; }
}