:root{
  --gmx-mfn-bg:#0e2d4a;
  --gmx-mfn-bg-soft:#123a5e;
  --gmx-mfn-border:rgba(82,151,255,.5);
  --gmx-mfn-text:#aab7c7;
  --gmx-mfn-active:#fff;
  --gmx-mfn-primary:#3f83f8;
  --gmx-mfn-shadow:0 -12px 34px rgba(0,0,0,.28);
}

.gmx-mobile-footer-nav{display:none}

@media (max-width:900px){
  body.gmx-mobile-footer-enabled{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
  body.gmx-mobile-footer-disabled{padding-bottom:0!important}

  .gmx-mobile-footer-nav{
    position:fixed;
    z-index:2147481000;
    right:0;
    bottom:0;
    left:0;
    display:block;
    width:100%;
    padding:0 max(10px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(10px,env(safe-area-inset-left,0px));
    pointer-events:none;
  }

  .gmx-mobile-footer-nav__inner{
    width:min(100%,520px);
    min-height:70px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
    overflow:hidden;
    background:rgba(14,45,74,.97);
    border:1px solid var(--gmx-mfn-border);
    border-bottom:0;
    border-radius:18px 18px 0 0;
    box-shadow:var(--gmx-mfn-shadow);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    pointer-events:auto;
  }

  .gmx-mobile-footer-nav__item{
    min-width:0;
    min-height:70px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:8px 3px 7px;
    color:var(--gmx-mfn-text)!important;
    text-decoration:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-tap-highlight-color:transparent;
    transition:color .18s ease,background-color .18s ease,transform .18s ease;
  }

  .gmx-mobile-footer-nav__item:active{transform:scale(.96)}
  .gmx-mobile-footer-nav__item:hover,
  .gmx-mobile-footer-nav__item:focus-visible{color:var(--gmx-mfn-active)!important;background:rgba(255,255,255,.035)!important}
  .gmx-mobile-footer-nav__item.is-active{color:var(--gmx-mfn-active)!important}

  .gmx-mobile-footer-nav__icon{
    width:23px;
    height:23px;
    display:grid;
    place-items:center;
    color:currentColor;
  }
  .gmx-mobile-footer-nav__icon svg{
    display:block;
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .gmx-mobile-footer-nav__item.is-active .gmx-mobile-footer-nav__icon{color:var(--gmx-mfn-primary)}

  .gmx-mobile-footer-nav__label{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-family:inherit;
    font-size:10.5px;
    font-weight:700;
    line-height:1.25;
  }
}

@media (max-width:374px){
  .gmx-mobile-footer-nav{padding-inline:6px}
  .gmx-mobile-footer-nav__inner{min-height:66px;border-radius:16px 16px 0 0}
  .gmx-mobile-footer-nav__item{min-height:66px;padding-inline:2px}
  .gmx-mobile-footer-nav__label{font-size:9.5px}
  .gmx-mobile-footer-nav__icon,.gmx-mobile-footer-nav__icon svg{width:21px;height:21px}
}

@media (prefers-reduced-motion:reduce){
  .gmx-mobile-footer-nav__item{transition:none!important}
}