html {
scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:var(--color-54) var(--color-55);
  color-scheme:dark;
}
html::-webkit-scrollbar {
width:8px;height:8px
}
html::-webkit-scrollbar-track {
background:var(--color-55)
}
html::-webkit-scrollbar-thumb {
min-height:44px;
  border:1px solid var(--color-56);
  border-radius:0;
  background:linear-gradient(180deg,var(--color-17),var(--color-57));
  box-shadow:inset 0 0 0 1px var(--color-47);
}
html::-webkit-scrollbar-thumb:hover {
background:linear-gradient(180deg,var(--color-58),var(--color-59))
}
html::-webkit-scrollbar-button,
html::-webkit-scrollbar-button:single-button,
html::-webkit-scrollbar-button:vertical:decrement,
html::-webkit-scrollbar-button:vertical:increment {
display:none;
  width:0;
  height:0;
  border:0;
  background:none;
}
html::-webkit-scrollbar-corner {
background:var(--color-46)
}
@supports selector(::-webkit-scrollbar) {
html {
scrollbar-width:auto;scrollbar-color:auto
}

}
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] .timeline-text,
html[dir="rtl"] .archive-text,
html[dir="rtl"] .description {
font-family:"Vazirmatn",Tahoma,sans-serif!important;letter-spacing:0
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .reveal-hero__bio-section h2 {
font-family:"Estedad",Tahoma,sans-serif!important;font-weight:400
}
html[dir="rtl"] .top-menu,
html[dir="rtl"] .top-menu a,
html[dir="rtl"] .reveal-hero__nav,
html[dir="rtl"] .reveal-hero__nav a,
html[dir="rtl"] .meta,
html[dir="rtl"] .counter,
html[dir="rtl"] .section-number,
html[dir="rtl"] .timeline-year,
html[dir="rtl"] .archive-year,
html[dir="rtl"] .photo-card time {
font-family:"Vazirmatn",Tahoma,sans-serif!important
}
html[dir="rtl"] .site-home-link,
html[dir="rtl"] .archive-brand {
font-family:"Questrial","Century Gothic",Arial,sans-serif!important
}
html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] textarea,
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3 {
font-family:"Questrial","Century Gothic","Avenir Next",Arial,sans-serif!important
}
html[lang="en"] .about-intro,
html[lang="en"] .archive-intro,
html[lang="en"] .lead-list p,
html[lang="en"] .reveal-hero__bio-section p {
font-family:Georgia,serif!important
}