/* ZEXARA / reference geometry / gold palette */
html body #root .app .bnv5 {
  position:fixed !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(calc(100% - 22px),420px) !important;
  bottom:max(8px,env(safe-area-inset-bottom,0px)) !important;
  padding-top:17px !important;
  background:transparent !important;
  z-index:500 !important;
  pointer-events:none !important;
}

html body #root .app .bnv5 .bnv5-shell {
  position:relative !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:1fr 1fr 1.12fr 1fr 1fr !important;
  align-items:center !important;
  width:100% !important;
  height:63px !important;
  min-height:63px !important;
  max-height:63px !important;
  padding:0 8px !important;
  gap:0 !important;
  border-radius:24px !important;
  border:1px solid rgba(212,175,55,.20) !important;
  background:#111A1D !important;
  background-image:none !important;
  box-shadow:0 8px 22px rgba(0,0,0,.34) !important;
  overflow:visible !important;
  pointer-events:auto !important;
}

html body #root .app .bnv5 .bnv5-shell::before,
html body #root .app .bnv5 .bnv5-shell::after {
  display:none !important;
}

html body #root .app .bnv5 .bnv5-item {
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  flex:initial !important;
  width:100% !important;
  min-width:0 !important;
  height:63px !important;
  gap:4px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  color:#737D7D !important;
  opacity:1 !important;
}

html body #root .app .bnv5 .bnv5-item.active {
  color:#D4AF37 !important;
  background:transparent !important;
}

html body #root .app .bnv5 .bnv5-icon {
  position:relative !important;
  display:block !important;
  width:20px !important;
  height:20px !important;
  margin:0 auto !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  color:inherit !important;
  box-shadow:none !important;
}

html body #root .app .bnv5 .bnv5-icon svg {
  visibility:hidden !important;
}

html body #root .app .bnv5 .bnv5-icon::after,
html body #root .app .bnv5 .bnv5-center-icon::after {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background:currentColor !important;
  mask-position:center !important;
  mask-repeat:no-repeat !important;
  mask-size:contain !important;
  -webkit-mask-position:center !important;
  -webkit-mask-repeat:no-repeat !important;
  -webkit-mask-size:contain !important;
}

html body #root .app .bnv5 .bnv5-label {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  font-size:8px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  letter-spacing:.35px !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
  white-space:nowrap !important;
}

/* Reference center disc: filled, raised and static */
html body #root .app .bnv5 .bnv5-center-wrap {
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  height:63px !important;
  min-height:63px !important;
  overflow:visible !important;
  z-index:10 !important;
}

html body #root .app .bnv5 .bnv5-center {
  position:relative !important;
  top:-14px !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  width:70px !important;
  height:70px !important;
  min-width:70px !important;
  min-height:70px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  border:2px solid #987A31 !important;
  background:#303028 !important;
  background-image:none !important;
  color:#F3D784 !important;
  box-shadow:
    0 0 0 5px #0C1517,
    0 0 0 6px rgba(212,175,55,.35) !important;
  z-index:30 !important;
}

html body #root .app .bnv5 .bnv5-center.active {
  border-color:#D4AF37 !important;
}

html body #root .app .bnv5 .bnv5-center-icon {
  position:relative !important;
  display:block !important;
  width:23px !important;
  height:23px !important;
  margin:0 !important;
  padding:0 !important;
  color:#F3D784 !important;
  background:none !important;
  box-shadow:none !important;
}

html body #root .app .bnv5 .bnv5-center-icon svg {
  visibility:hidden !important;
}

html body #root .app .bnv5 .bnv5-center-label {
  color:#F3D784 !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  line-height:1 !important;
  text-shadow:none !important;
}

html body #root .app .bnv5 .bnv5-center-ring,
html body #root .app .bnv5 .bnv5-invest-orbit {
  display:none !important;
  animation:none !important;
}

@media(max-width:350px) {
  html body #root .app .bnv5 .bnv5-center {
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    top:-12px !important;
  }
}

html body #root .app .bnv5 .bnv5-item:nth-child(1) .bnv5-icon::after {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V10Z%20M9%2021v-8h6v8%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V10Z%20M9%2021v-8h6v8%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
}

html body #root .app .bnv5 .bnv5-item:nth-child(2) .bnv5-icon::after {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2019V5m-5%205%205-5%205%205M4%2016v4a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2019V5m-5%205%205-5%205%205M4%2016v4a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
}

html body #root .app .bnv5 .bnv5-item:nth-child(4) .bnv5-icon::after {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%204v14m-5-5%205%205%205-5M4%2017v3a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-3%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%204v14m-5-5%205%205%205-5M4%2017v3a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-3%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
}

html body #root .app .bnv5 .bnv5-item:nth-child(5) .bnv5-icon::after {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%207v5m0%200-7%205m7-5%207%205%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224.5%22%20r%3D%222.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2219%22%20r%3D%222.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%222.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%207v5m0%200-7%205m7-5%207%205%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224.5%22%20r%3D%222.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2219%22%20r%3D%222.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%222.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%2F%3E%3C%2Fsvg%3E") !important;
}

html body #root .app .bnv5 .bnv5-center-icon::after {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%203h10l4%207-9%2011-9-11%204-7Zm-4%207h18M7%203l5%2018%205-18%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%203h10l4%207-9%2011-9-11%204-7Zm-4%207h18M7%203l5%2018%205-18%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
}