/* ============================
   FIXED BOTTOM NAV
============================ */

.gg-footer{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:999999;

  width:100%;

  margin:0;
  padding:-4px 10px calc(10px + env(safe-area-inset-bottom));

  background:#151515;
  border-top:1px solid rgba(255,255,255,.10);
}

.gg-bottom-nav{
  width:100%;
  max-width:430px;

  margin:0 auto;
  padding-bottom:10px;

  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:5px;

  border-bottom:1px solid rgba(255,255,255,.12);
}

.gg-bottom-nav button{
  all:unset;
  box-sizing:border-box;

  height:48px;
  border-radius:13px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  gap:2px;

  color:#8f8f8f;
  background:transparent;

  cursor:pointer;
  text-align:center;
}

.footer-icon{
  width:21px;
  height:21px;

  display:block;
  object-fit:contain;
}

.gg-bottom-nav button small{
  display:block;

  margin-top:0;

  font-size:9px;
  font-weight:800;
  line-height:1;
}

.gg-bottom-nav button:hover,
.gg-bottom-nav button:active{
  background:rgba(44,211,141,.12);
  color:#2cd38d;
}

.gg-footer-links{
  max-width:430px;

  margin:5px auto 0;

  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;

  font-size:11px;
  font-weight:700;
  line-height:1;
}

.gg-footer-links a{
  color:#8f8f8f;
  text-decoration:none;
}

.gg-footer-links span{
  color:#555;
}

.gg-footer-links a:hover,
.gg-footer-links a:active{
  color:#2cd38d;
}

body{
  padding-bottom:105px;
}