/* One mobile navigation standard. Storefront routes remain owned by PHP. */
.agent-mobile-tabbar.agent-mobile-storefront-tabbar[data-storefront-nav] {
  display: none;
  position: fixed;
  left: 50%;
  right: auto;
  bottom: 0;
  transform: translateX(-50%);
  width: min(100%, 520px);
  height: calc(66px + env(safe-area-inset-bottom));
  box-sizing: border-box;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
  border: 0;
  border-top: 1px solid #edf0f6;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  z-index: 85;
}
.agent-mobile-tabbar.agent-mobile-storefront-tabbar[data-storefront-nav] a {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 48px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #66758a;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.agent-mobile-tabbar.agent-mobile-storefront-tabbar[data-storefront-nav] a b {
  font: inherit;
  white-space: nowrap;
}
.agent-mobile-tabbar.agent-mobile-storefront-tabbar[data-storefront-nav] .storefront-nav-icon {
  display: block;
  width: 23px;
  height: 23px;
  object-fit: contain;
  opacity: .52;
}
.agent-mobile-tabbar.agent-mobile-storefront-tabbar[data-storefront-nav] a.is-active { color: #0860ee; }
.agent-mobile-tabbar.agent-mobile-storefront-tabbar[data-storefront-nav] a.is-active .storefront-nav-icon {
  opacity: 1;
  filter: invert(29%) sepia(96%) saturate(3016%) hue-rotate(211deg) brightness(95%) contrast(106%);
}
.agent-mobile-tabbar.agent-mobile-storefront-tabbar[data-storefront-nav] a:focus-visible {
  outline: 2px solid #0860ee;
  outline-offset: -2px;
  border-radius: 6px;
}
@media (max-width: 640px) {
  .agent-mobile-tabbar.agent-mobile-storefront-tabbar[data-storefront-nav="agent"] { display: grid; }
}
@media (max-width: 680px) {
  .agent-mobile-tabbar.agent-mobile-storefront-tabbar[data-storefront-nav="novice"] { display: grid; z-index: 30; }
}