:root{--charm-safe-bottom:env(safe-area-inset-bottom,0px);--charm-footer-h:72px}
.mobile-nav{display:none!important}
@media(max-width:900px){
  body{padding-bottom:calc(var(--charm-footer-h) + var(--charm-safe-bottom))!important}
  .mobile-nav{position:fixed!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;left:0!important;right:0!important;bottom:0!important;height:var(--charm-footer-h)!important;padding:6px 10px var(--charm-safe-bottom)!important;margin:0!important;z-index:99990!important;background:#fff!important;background-color:#fff!important;border:0!important;border-top:1px solid rgba(17,17,17,.08)!important;border-radius:0!important;box-shadow:0 -8px 26px rgba(0,0,0,.07)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;mix-blend-mode:normal!important;color:#70727a!important;isolation:isolate}
  .mobile-nav-item,.mobile-nav-item:visited{min-width:0!important;min-height:48px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:transparent!important;color:#70727a!important;border:0!important;border-radius:14px!important;text-decoration:none!important;font:600 9px/1 "DM Sans",system-ui,sans-serif!important;letter-spacing:.04em!important;text-transform:uppercase!important;box-shadow:none!important}
  .mobile-nav-item.active,.mobile-nav-item.route-active{background:transparent!important;color:#500064!important}
  .mobile-nav-icon{width:23px!important;height:23px!important;display:grid!important;place-items:center!important}.mobile-nav-icon svg{width:20px!important;height:20px!important;display:block!important}
  .mobile-nav-label{font:600 9px/1 "DM Sans",system-ui,sans-serif!important;color:inherit!important}
  .mobile-nav-avatar{width:23px!important;height:23px!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:#f1f1f3!important;border:1px solid rgba(0,0,0,.08)!important}
  .mobile-nav-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
  .mobile-nav-item:active{transform:translateY(1px)!important}
}