/* The language menu (MindMap/marketing/web/i18n.py writes it into each page's nav, in both the home page's .nav and
   the pricing/downloads .site-header) and the language bar (home/js/lang.js). */
.lang-menu{position:relative;flex:none}
.lang-menu summary{list-style:none;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;cursor:pointer;
  color:inherit;font-weight:600;font-size:14px;letter-spacing:.02em;user-select:none;-webkit-user-select:none}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary:hover,.lang-menu[open] summary{color:#fff;background:rgba(255,255,255,.08)}
.lang-menu summary:focus-visible{outline:2px solid #a8c4ff;outline-offset:2px}
.lang-menu .lm-globe{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.lang-menu .lm-list{position:absolute;right:0;top:calc(100% + 8px);z-index:60;list-style:none;margin:0;padding:6px;
  display:grid;grid-template-columns:repeat(2,minmax(128px,auto));gap:2px;width:max-content;max-width:calc(100vw - 32px);
  max-height:min(72vh,600px);overflow:auto;overscroll-behavior:contain;background:#101a46;border:1px solid rgba(255,255,255,.14);
  border-radius:14px;box-shadow:0 18px 50px rgba(0,2,24,.55)}
[dir="rtl"] .lang-menu .lm-list{right:auto;left:0}
.lang-menu .lm-list .lm-a{display:block;margin:0;padding:7px 12px;border-radius:9px;color:#dfe7ff;background:none;font-size:14px;
  font-weight:500;line-height:1.3;white-space:nowrap;text-decoration:none;text-align:start}
.lang-menu .lm-list .lm-a:hover{color:#fff;background:rgba(255,255,255,.08)}
.lang-menu .lm-list .lm-a[aria-current]{color:#fff;background:rgba(124,192,255,.18);font-weight:700}
/* The home page's nav folds into a panel on phones: the list opens inside it. */
@media(max-width:860px){
  .nav .lang-menu summary{padding:12px 14px;font-size:16px}
  .nav .lang-menu .lm-list{position:static;width:auto;max-width:none;max-height:none;margin:4px 0 6px;
    grid-template-columns:repeat(auto-fill,minmax(132px,1fr));box-shadow:none}
}

.lang-bar{position:fixed;left:16px;bottom:16px;z-index:2147482000;display:flex;align-items:center;gap:12px;max-width:min(520px,calc(100vw - 32px));
  padding:10px 10px 10px 16px;border-radius:14px;background:rgba(16,26,70,.97);border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 50px rgba(0,2,24,.5);color:#eef3ff;font:500 14px/1.35 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  opacity:0;transform:translateY(16px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.3,1.1);pointer-events:none}
.lang-bar.show{opacity:1;transform:none;pointer-events:auto}
[dir="rtl"].lang-bar{left:auto;right:16px;padding:10px 16px 10px 10px}
.lang-bar span{flex:1;min-width:0}
.lang-bar a{flex:none;padding:7px 14px;border-radius:10px;background:linear-gradient(95deg,#4f8dff 0%,#6b6cff 55%,#8b5cff 100%);color:#fff;
  font-weight:700;white-space:nowrap;text-decoration:none}
.lang-bar a:hover{filter:brightness(1.08)}
.lang-bar button{flex:none;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;
  background:rgba(255,255,255,.08);color:#dfe7ff;font-size:19px;line-height:1;cursor:pointer}
.lang-bar button:hover{background:rgba(255,255,255,.16);color:#fff}
.lang-bar a:focus-visible,.lang-bar button:focus-visible{outline:2px solid #a8c4ff;outline-offset:2px}
@media(max-width:560px){.lang-bar,[dir="rtl"].lang-bar{left:12px;right:12px;bottom:12px;max-width:none}}
@media(prefers-reduced-motion:reduce){.lang-bar{transition:opacity .2s ease;transform:none}}

/* Right to left (ar, he): the pricing and downloads pages' pieces that place themselves from the left (assets/css/mimind.css). */
[dir="rtl"] .ai-switch::before,[dir="rtl"] .period-switch::before{left:auto;right:3px}
[dir="rtl"] .tier-box.ai[data-size="max"] .ai-switch::before,[dir="rtl"] .tier-box[data-period="yearly"] .period-switch::before{transform:translateX(-100%)}
[dir="rtl"] .ai-points li,[dir="rtl"] .premium-points li{padding-left:0;padding-right:20px}
[dir="rtl"] .ai-points li::before,[dir="rtl"] .premium-points li::before{left:auto;right:2px}
[dir="rtl"] .tier-box.premium .premium-points li::before{left:auto;right:6px}
[dir="rtl"] .ai-guide{padding-left:0;padding-right:24px}
[dir="rtl"] .prose ul,[dir="rtl"] .vitem ul{padding-left:0;padding-right:20px}
/* The ratings' own-country count "(364 us)" reads left to right inside a right-to-left line. */
[dir="rtl"] .rate-c,[dir="rtl"] .rate-n{direction:ltr;unicode-bidi:isolate}