.mc-tabbar{--mc-tabbar-bg: #ffffff;--mc-tabbar-ink: var(--brand-ink, #0e2240);--mc-tabbar-rule: var(--brand-rule, #e2e6ee);--mc-tabbar-badge-bg: var(--brand-accent, #1e37c8);--mc-tabbar-badge-ink: #ffffff;--mc-tabbar-h: 58px;display:none;position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--mc-tabbar-bg);border-top:1px solid var(--mc-tabbar-rule);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -2px 12px #0e22400f}.mc-tabbar__list{display:flex;align-items:stretch;margin:0;padding:0;list-style:none}.mc-tabbar__item{flex:1 1 0;min-width:0}.mc-tabbar__btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:var(--mc-tabbar-h);padding:0;margin:0;border:0;background:none;color:var(--mc-tabbar-ink);font-family:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease,opacity .15s ease}.mc-tabbar__btn:hover,.mc-tabbar__btn:focus-visible{color:var(--brand-accent, #1e37c8)}.mc-tabbar__btn:focus-visible{outline:2px solid var(--brand-accent, #1e37c8);outline-offset:-3px;border-radius:4px}.mc-tabbar__btn:active{opacity:.6}.mc-tabbar__btn.is-current{color:var(--brand-accent, #1e37c8)}.mc-tabbar__icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px}.mc-tabbar__icon svg{width:24px;height:24px;display:block}.mc-tabbar__icon svg path{stroke-width:1.8}.mc-tabbar__label{display:none;font-size:11px;line-height:1.2;letter-spacing:.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-tabbar--labelled{--mc-tabbar-h: 66px}.mc-tabbar--labelled .mc-tabbar__label{display:block}.mc-tabbar__badge{position:absolute;top:50%;left:50%;transform:translate(4px,-18px);min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:var(--mc-tabbar-badge-bg);color:var(--mc-tabbar-badge-ink);font-size:11px;font-weight:700;line-height:1;border-radius:999px;box-sizing:border-box;pointer-events:none}.mc-tabbar--labelled .mc-tabbar__badge{transform:translate(4px,-26px)}.mc-tabbar__badge.is-empty{display:none}@media(max-width:989px){.mc-tabbar{display:block}body{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}body:has(.mc-tabbar--labelled){padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.mc-tabbar__btn{transition:none}}@media print{.mc-tabbar{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mobile-tabbar-mc.css.map */