mobile-toolbar{--mbt-h: 58px;position:fixed;left:0;right:0;bottom:0;z-index:10;display:block;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-top:1px solid var(--bn-line);font-family:var(--font-body-family);font-size:var(--mbt-font-size, 10px);font-weight:500;line-height:1;transition:transform .25s ease}mobile-toolbar.mobile-toolbar--icons{--mbt-h: 50px}mobile-toolbar.is-typing{transform:translateY(100%)}@media screen and (min-width:750px){mobile-toolbar{display:none}}@media screen and (max-width:749px){body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}}mobile-toolbar .mobile-toolbar__nav{display:grid;grid-template-columns:repeat(var(--mbt-cols, 5),minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom)}mobile-toolbar .mobile-toolbar__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;height:var(--mbt-h);margin:0;padding:0 4px;border:0;border-radius:0;background:none;color:var(--bn-muted);font:inherit;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease}mobile-toolbar .mobile-toolbar__item:before{content:"";position:absolute;top:-1px;left:50%;width:24px;height:2px;background:var(--bn-accent);transform:translate(-50%) scaleX(0);transition:transform .2s ease}mobile-toolbar .mobile-toolbar__item[aria-current=page],mobile-toolbar .mobile-toolbar__item[aria-expanded=true]{color:var(--bn-ink)}mobile-toolbar .mobile-toolbar__item[aria-current=page]:before,mobile-toolbar .mobile-toolbar__item[aria-expanded=true]:before{transform:translate(-50%) scaleX(1)}mobile-toolbar .mobile-toolbar__nav:has([aria-expanded=true]) [aria-current=page]{color:var(--bn-muted)}mobile-toolbar .mobile-toolbar__nav:has([aria-expanded=true]) [aria-current=page]:before{transform:translate(-50%) scaleX(0)}@media(hover:hover){mobile-toolbar .mobile-toolbar__item:hover{color:var(--bn-ink)}}mobile-toolbar .mobile-toolbar__item:active .mobile-toolbar__icon{transform:scale(.92)}mobile-toolbar .mobile-toolbar__item:focus-visible{outline:1px solid var(--bn-accent);outline-offset:-5px;color:var(--bn-ink)}mobile-toolbar .mobile-toolbar__icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--mbt-icon-size, 20px);height:var(--mbt-icon-size, 20px);transition:transform .15s ease}mobile-toolbar .mobile-toolbar__icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;overflow:visible}mobile-toolbar .mobile-toolbar__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}mobile-toolbar.mobile-toolbar--uppercase .mobile-toolbar__label{text-transform:uppercase;letter-spacing:var(--bn-ls-label);margin-right:calc(var(--bn-ls-label) * -1)}mobile-toolbar .mobile-toolbar__count{position:absolute;top:-5px;left:calc(100% - 7px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--bn-accent);color:rgb(var(--color-background));font:600 9.5px/16px var(--font-body-family);letter-spacing:0;text-align:center;box-shadow:0 0 0 2px rgb(var(--color-background))}mobile-toolbar .mobile-toolbar__count[hidden]{display:none}mobile-toolbar .mobile-toolbar__count.is-bumped{animation:mbt-bump .4s ease}mobile-toolbar .mobile-toolbar__dot{position:absolute;top:-1px;right:-3px;width:6px;height:6px;border-radius:50%;background:var(--bn-accent);box-shadow:0 0 0 2px rgb(var(--color-background))}@keyframes mbt-bump{40%{transform:scale(1.3)}}@media(prefers-reduced-motion:reduce){mobile-toolbar,mobile-toolbar .mobile-toolbar__item,mobile-toolbar .mobile-toolbar__item:before,mobile-toolbar .mobile-toolbar__icon{transition:none}mobile-toolbar .mobile-toolbar__count.is-bumped{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/section-mobile-toolbar.css.map */
