/* One bottom-navigation component for administrator, warehouse staff and seller. */
@media screen{
 body.design3.small-mobile #mobileDock{
  display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:2px!important;
  position:fixed!important;inset:auto 0 0!important;z-index:40!important;transform:none!important;
  box-sizing:border-box!important;width:100%!important;max-width:100vw!important;
  height:var(--mobile-dock-height)!important;max-height:var(--mobile-dock-height)!important;min-height:0!important;
  padding:6px 4px calc(6px + env(safe-area-inset-bottom))!important;margin:0!important;
  background:#22667a!important;border:0!important;border-top:1px solid #174b5b!important;
  box-shadow:0 -3px 12px #173b4a24!important;overflow:hidden!important;
 }
 body.design3.small-mobile #mobileDock .sidebarnav{display:contents!important}
 body.design3.small-mobile #mobileDock .nav{
  display:flex!important;flex:1 1 0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:100%!important;height:54px!important;min-height:54px!important;
  padding:5px 1px!important;margin:0!important;gap:4px!important;
  background:transparent!important;color:#fff!important;border:0!important;border-radius:8px!important;box-shadow:none!important;
  font-family:'IBM Plex Sans',system-ui,sans-serif!important;font-size:11px!important;font-weight:500!important;line-height:1.2!important;
  white-space:nowrap!important;text-align:center!important;overflow:hidden!important;text-decoration:none!important;opacity:1!important;
 }
 body.design3.small-mobile #mobileDock .nav.active{background:#ffffff26!important;color:#fff!important;font-weight:600!important}
 body.design3.small-mobile #mobileDock .nav:disabled{background:transparent!important;color:#fff!important;cursor:default}
 body.design3.small-mobile #mobileDock .nav:focus-visible{outline:2px solid #fff!important;outline-offset:-2px}
 body.design3.small-mobile #mobileDock :is(.design-nav-icon,i,svg){display:block!important;width:21px!important;height:21px!important;min-width:21px!important;margin:0!important;flex:none!important;color:inherit!important}
 body.design3.small-mobile #mobileDock svg{stroke:currentColor!important}
 body.design3.small-mobile #mobileDock :is(.brand,.asidefoot,.navgroup,.design-nav-search,.mobilemenubutton,.subnav){display:none!important}
}