/* FINAL CLEAN BOTTOM NAV */

#bottomNav.bottomNav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  width:calc(100vw - 24px)!important;
  max-width:560px!important;
  height:76px!important;
  padding:7px 8px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:4px!important;
  background:rgba(15,18,26,.94)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:26px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.55)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  z-index:999999!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

#bottomNav .navItem{
  position:relative!important;
  flex:1 1 0!important;
  min-width:0!important;
  height:62px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  color:#9ca3af!important;
  font-size:11px!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  border-radius:20px!important;
  transform:none!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none!important;
}

#bottomNav .navItem span{
  display:block!important;
  font-size:22px!important;
  line-height:1!important;
  margin:0!important;
}

#bottomNav .navItem.active{
  color:#ffd75a!important;
  background:rgba(255,215,90,.11)!important;
  font-weight:800!important;
  transform:translateY(-5px)!important;
}

#bottomNav .navItem.active::before,
#bottomNav .navItem::after,
#bottomNav .navItem.active::after{
  display:none!important;
  content:none!important;
}

body{
  padding-bottom:112px!important;
}