:root{
  --nexus-shell-width:456px;
  --nexus-shell-sage:#1f8a63;
  --nexus-shell-sage-deep:#0f6045;
  --nexus-shell-sage-soft:#e7efea;
}

[data-nexus-bottom-nav]{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:8px!important;
  z-index:var(--nexus-layer-navigation,1000)!important;
  width:min(calc(100% - 24px),var(--nexus-shell-width))!important;
  max-width:var(--nexus-shell-width)!important;
  min-width:0!important;
  height:62px!important;
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:2px!important;
  margin:0!important;
  padding:6px 8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:22px!important;
  background:rgba(250,252,251,.90)!important;
  box-shadow:0 12px 38px rgba(64,89,76,.12)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
}

[data-nexus-bottom-nav] > a{
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  margin:0!important;
  padding:2px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:14px!important;
  color:#7c8982!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-decoration:none!important;
  transform:none!important;
}

[data-nexus-bottom-nav] > a[aria-current="page"]{
  color:var(--nexus-shell-sage-deep)!important;
  background:var(--nexus-shell-sage-soft)!important;
}

[data-nexus-bottom-nav] > a:active{
  transform:scale(.96)!important;
}

[data-nexus-bottom-nav] > a > svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  flex:0 0 18px!important;
  display:block!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

[data-nexus-bottom-nav] > a > span{
  width:100%!important;
  min-width:0!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:inherit!important;
  font:inherit!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
}

@media(max-width:360px){
  [data-nexus-bottom-nav]{
    width:calc(100% - 16px)!important;
    bottom:6px!important;
  }
}

body.nexus-shell-standalone{
  padding-bottom:86px!important;
}
