.ufq-ui-btn{
  width:44px;height:44px;border:1px solid #e8e8ed;border-radius:999px;
  display:grid;place-items:center;background:#fff;color:#351345;
  transition:.2s ease;font-weight:800;font-size:11px;
}
.ufq-ui-btn:hover{background:#f8f4fa;border-color:#d9c9e0}
.ufq-lang-btn{font-family:Arial,sans-serif;letter-spacing:.03em}
.ufq-mobile-ui-btn{
  width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.12);
  display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.04);
  font-size:9px;font-weight:800;
}
[data-theme-icon="sun"]{display:none}
html.ufq-dark [data-theme-icon="moon"]{display:none}
html.ufq-dark [data-theme-icon="sun"]{display:block}

html.ufq-dark body{background:#0d0910;color:#f4eff6}
html.ufq-dark .ufq-brandbar{background:#120b16;border-color:#2c2230}
html.ufq-dark .bg-paper,
html.ufq-dark .bg-white{background:#0d0910}
html.ufq-dark .bg-soft{background:#151018}
html.ufq-dark .ufq-card{background:#120d15;border-color:#2a2230}
html.ufq-dark .ufq-placeholder{background:#141017;border-color:#33293a;color:#a89cab}
html.ufq-dark .text-ink,
html.ufq-dark .text-ink-700{color:#f3eef5}
html.ufq-dark .text-muted{color:#a99eac}
html.ufq-dark .border-line{border-color:#2c2330}
html.ufq-dark .ufq-section-label{border-color:#2c2330}
html.ufq-dark .ufq-section-label h2{color:#f4eff6}
html.ufq-dark .ufq-category-pill{background:#24172d;color:#d7bce1;border-color:#3f2a4d}
html.ufq-dark .ufq-article-prose{color:#ddd4e0}
html.ufq-dark .ufq-article-prose h2,
html.ufq-dark .ufq-article-prose h3{color:#fff}
html.ufq-dark .ufq-article-prose blockquote{background:#1a1220}
html.ufq-dark input,
html.ufq-dark textarea,
html.ufq-dark select{background:#17111b;color:#fff;border-color:#34283b}
html.ufq-dark .ufq-ui-btn{background:#17111b;color:#e8d7ee;border-color:#34283b}
html.ufq-dark .ufq-ui-btn:hover{background:#211628}
html.ufq-dark .shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.28)}
html.ufq-dark .ufq-story-image{background:#1b151f}
html.ufq-dark main{background:#0d0910}
html.ufq-dark section.bg-soft{background:#151018}

html.ufq-lang-en body{font-family:"IBM Plex Sans Arabic",sans-serif}
html.ufq-lang-en .ufq-article-prose,
html.ufq-lang-en article h1,
html.ufq-lang-en article h2,
html.ufq-lang-en article h3{direction:rtl;text-align:right}
html.ufq-lang-en .ufq-breaking-items{direction:rtl}

@media(max-width:767px){
  .ufq-lang-btn{font-size:9px}
}