/* Mobile Nav Bar — front end. Colors, sizes and breakpoint come from the inline style added by the plugin. */
.mnb{--mnb-bar:#fff;--mnb-accent:#6a55f7;--mnb-text:#6b6f80;--mnb-active:#14151b;
  --mnb-T:25px;--mnb-H:56px;--mnb-bs:44px;--mnb-bt:8px;--mnb-bi:22px;--mnb-icon:21px;--mnb-font:10.5px;
  --mnb-side:10px;--mnb-pad:8px;--mnb-ipad:14px;--mnb-ct:22px;--mnb-rb:22px;
  position:fixed;left:0;right:0;bottom:0;z-index:9990;display:none;
  padding:0 var(--mnb-side) calc(var(--mnb-pad) + env(safe-area-inset-bottom,0px));pointer-events:none;
  font-family:inherit;-webkit-font-smoothing:antialiased;
  transition:transform .28s cubic-bezier(.3,.7,.2,1)}
.mnb *,.mnb *::before,.mnb *::after{box-sizing:border-box}
.mnb.is-away{transform:translateY(calc(100% + 6px))}
.mnb--dock{padding-bottom:0}
.mnb-inner{position:relative;height:calc(var(--mnb-T) + var(--mnb-H));max-width:520px;margin:0 auto;pointer-events:auto}
.mnb--dock .mnb-inner{max-width:none}
.mnb-safe{display:none}
.mnb--dock .mnb-safe{display:block;height:env(safe-area-inset-bottom,0px);background:var(--mnb-bar);pointer-events:auto}

/* Plain bar: shown until the script draws the shape (and when scripts are off). */
.mnb-bar{position:absolute;left:0;right:0;top:var(--mnb-T);bottom:0;background:var(--mnb-bar);
  border-radius:var(--mnb-ct) var(--mnb-ct) var(--mnb-rb) var(--mnb-rb);box-shadow:0 -2px 14px rgba(30,20,90,.10)}
.mnb.is-ready .mnb-bar{visibility:hidden}
.mnb-bg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 -2px 10px rgba(30,20,90,.10))}
.mnb-bg path{fill:var(--mnb-bar)}

.mnb-bubble{position:absolute;top:var(--mnb-bt);width:var(--mnb-bs);height:var(--mnb-bs);margin-left:calc(var(--mnb-bs) / -2);
  left:calc(var(--mnb-ipad) + (100% - 2 * var(--mnb-ipad)) * (var(--mnb-i) + .5) / var(--mnb-n));
  border-radius:50%;background:var(--mnb-accent);color:#fff;display:flex;align-items:center;justify-content:center;z-index:1}
.mnb--bump:not(.is-ready) .mnb-bubble{box-shadow:0 0 0 8px var(--mnb-bar)}
.mnb .mnb-bubble svg,.mnb .mnb-bubble img{width:var(--mnb-bi);height:var(--mnb-bi);display:block}
.mnb .mnb-bubble img{filter:brightness(0) invert(1);object-fit:contain}
.mnb--no-active .mnb-bubble{display:none}
.mnb-bubble.mnb-bounce{animation:mnb-bounce .42s ease-out}
@keyframes mnb-bounce{0%{transform:translateY(8px) scale(.7)}60%{transform:translateY(-2px) scale(1.06)}100%{transform:none}}

.mnb .mnb-items{position:absolute;left:0;right:0;top:var(--mnb-T);height:var(--mnb-H);display:flex;margin:0;padding:0 var(--mnb-ipad);list-style:none;z-index:2}
.mnb .mnb-items li{flex:1;min-width:0;margin:0;padding:0;list-style:none}
.mnb .mnb-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;padding:0;
  color:var(--mnb-text);font-size:var(--mnb-font);line-height:1.25;text-decoration:none;border:0;box-shadow:none;background:none;
  -webkit-tap-highlight-color:transparent}
.mnb .mnb-item:hover,.mnb .mnb-item:focus{color:var(--mnb-text);text-decoration:none}
.mnb .mnb-item.is-active,.mnb .mnb-item.is-active:hover{color:var(--mnb-active);font-weight:700}
.mnb .mnb-item:focus-visible{outline:2px solid var(--mnb-accent);outline-offset:-4px;border-radius:12px}
.mnb .mnb-ic{display:block;flex:none;width:var(--mnb-icon);height:var(--mnb-icon);transition:opacity .2s}
.mnb .mnb-ic svg,.mnb .mnb-ic img{width:var(--mnb-icon);height:var(--mnb-icon);display:block;object-fit:contain}
.mnb .mnb-item.is-active .mnb-ic{opacity:0}
.mnb .mnb-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px}
.mnb--labels-none .mnb-label,
.mnb--labels-active .mnb-item:not(.is-active) .mnb-label{display:none}

@media (prefers-reduced-motion:reduce){.mnb{transition:none}.mnb-bubble.mnb-bounce{animation:none}.mnb .mnb-ic{transition:none}}
@media print{.mnb{display:none!important}}