/* Final navigation pass: visible reward item and clear active state. */
.bottom-nav button {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1px !important;
  border-radius: 14px !important;
  color: #8ea3bb !important;
}

.bottom-nav button.active {
  background: rgba(23, 63, 120, .10) !important;
  color: #173f78 !important;
}

.bottom-nav button.active::before {
  content: none !important;
}

.bottom-nav .nav-icon {
  display: block !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.bottom-nav button em {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: inherit !important;
}

.bottom-nav .icon-reward {
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: 27px 27px !important;
  mask-size: 27px 27px !important;
}

.bottom-nav button:nth-child(3),
.bottom-nav button:nth-child(3) .nav-icon,
.bottom-nav button:nth-child(3) em,
.bottom-nav button:nth-child(3).active,
.bottom-nav button:nth-child(3).active .nav-icon,
.bottom-nav button:nth-child(3).active em {
  color: inherit !important;
}