html[data-mfm-navigation="loading"]{cursor:progress}
.mfm-nav-pending{cursor:progress!important;pointer-events:none!important}
.mfm-nav-dots{display:inline-block;width:1.18em;margin-left:.12em;text-align:left;white-space:nowrap;color:currentColor;letter-spacing:0}
.mfm-nav-pending .mfm-nav-dots{opacity:.95}
.mfm-auth-return-overlay,.mfm-navigation-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050706;color:var(--text,#f1eedc);font:inherit;text-shadow:0 0 10px rgba(241,238,220,.16)}
.mfm-loading-hexes{display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;height:26px;animation:mfm-loading-hex-center 1380ms linear infinite}
.mfm-loading-hexes>b{position:relative;display:block;width:22px;height:25.4px;flex:0 0 22px;background:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:0;transform-origin:center}
.mfm-loading-hexes>b::after{content:"";position:absolute;inset:0;background:#050706;clip-path:inherit;transform:scale(.78)}
.mfm-loading-hexes>b:first-child{animation:mfm-loading-hex-one 1380ms linear infinite}
.mfm-loading-hexes>b:nth-child(2){animation:mfm-loading-hex-two 1380ms linear infinite}
.mfm-loading-hexes>b:nth-child(3){animation:mfm-loading-hex-three 1380ms linear infinite}
@keyframes mfm-loading-hex-center{
  0%,23%{transform:translateX(36px)}
  27%,41%{transform:translateX(18px)}
  45%,100%{transform:translateX(0)}
}
@keyframes mfm-loading-hex-one{
  0%,5%{opacity:0;transform:translateY(-8px) scale(.12)}
  9%{opacity:1;transform:translateY(0) scale(.12)}
  11%{transform:scale(.08);animation-timing-function:cubic-bezier(.2,.75,.25,1)}
  19%{transform:scale(1.06);animation-timing-function:ease-out}
  23%,78%{opacity:1;transform:scale(1)}
  84%,100%{opacity:0;transform:scale(.6)}
}
@keyframes mfm-loading-hex-two{
  0%,23%{opacity:0;transform:translateY(-8px) scale(.12)}
  27%{opacity:1;transform:translateY(0) scale(.12)}
  29%{transform:scale(.08);animation-timing-function:cubic-bezier(.2,.75,.25,1)}
  37%{transform:scale(1.06);animation-timing-function:ease-out}
  41%,78%{opacity:1;transform:scale(1)}
  84%,100%{opacity:0;transform:scale(.6)}
}
@keyframes mfm-loading-hex-three{
  0%,41%{opacity:0;transform:translateY(-8px) scale(.12)}
  45%{opacity:1;transform:translateY(0) scale(.12)}
  47%{transform:scale(.08);animation-timing-function:cubic-bezier(.2,.75,.25,1)}
  55%{transform:scale(1.06);animation-timing-function:ease-out}
  59%,78%{opacity:1;transform:scale(1)}
  84%,100%{opacity:0;transform:scale(.6)}
}
.mfm-navigation-overlay>button{margin-top:1.5em;font-size:16px}
@media (prefers-reduced-motion:reduce){.mfm-loading-hexes{animation:none;transform:none}.mfm-loading-hexes>b{animation:none!important;opacity:1;transform:none}}