:root{--mbn-height: 64px}mobile-bottom-nav{display:none}:root:has(mobile-bottom-nav.mbn--no-labels){--mbn-height: 56px}@media(max-width:749px){mobile-bottom-nav.mbn{display:block}:root:has(mobile-bottom-nav.mbn){--mbn-space: calc(var(--mbn-height) + env(safe-area-inset-bottom, 0px));--mbn-offset: var(--mbn-space)}:root:has(mobile-bottom-nav.mbn[data-hidden]){--mbn-offset: 0px}body:has(mobile-bottom-nav.mbn){padding-bottom:var(--mbn-space)}:root:has(mobile-bottom-nav.mbn) .bz-floating-cart{bottom:calc(14px + var(--mbn-offset));transition:bottom .3s ease,opacity .25s ease,transform .25s ease}:root:has(mobile-bottom-nav.mbn) .sticky-add-to-cart__bar{bottom:calc(20px + var(--mbn-offset))}}@media(min-width:750px)and (max-width:989px){mobile-bottom-nav.mbn--tablet{display:block}:root:has(mobile-bottom-nav.mbn--tablet){--mbn-space: calc(var(--mbn-height) + env(safe-area-inset-bottom, 0px));--mbn-offset: var(--mbn-space)}:root:has(mobile-bottom-nav.mbn--tablet[data-hidden]){--mbn-offset: 0px}body:has(mobile-bottom-nav.mbn--tablet){padding-bottom:var(--mbn-space)}:root:has(mobile-bottom-nav.mbn--tablet) .bz-floating-cart{bottom:calc(20px + var(--mbn-offset));transition:bottom .3s ease,opacity .25s ease,transform .25s ease}:root:has(mobile-bottom-nav.mbn--tablet) .sticky-add-to-cart__bar{bottom:calc(20px + var(--mbn-offset))}}.mbn{--mbn-ease: cubic-bezier(.22, 1, .36, 1);position:fixed;inset-inline:0;bottom:0;z-index:var(--layer-sticky, 8);padding-bottom:env(safe-area-inset-bottom,0px);background-color:var(--mbn-bg);box-shadow:0 -1px #0000000f,0 -10px 24px -14px #00000038;transition:transform .3s var(--mbn-ease)}.mbn[data-hidden]{transform:translateY(100%)}.mbn__list{display:flex;align-items:stretch;height:var(--mbn-height);margin:0;padding:0 4px;list-style:none}.mbn__cell{display:flex;flex:1 1 0;min-width:0}.mbn__item{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:6px 2px 5px;color:var(--mbn-color);text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mbn__icon{position:relative;display:grid;place-items:center;width:48px;height:30px;border-radius:999px;transition:background-color .2s ease,transform .15s ease}.mbn__icon svg{width:24px;height:24px}.mbn__fill,.mbn__accent-fill{fill:transparent;transition:fill .2s ease}.mbn--icons-duotone .mbn__icon svg{color:var(--mbn-primary)}.mbn--icons-duotone .mbn__accent{stroke:var(--mbn-accent)}.mbn__label{max-width:100%;overflow:hidden;font-size:var(--mbn-label-size, 12px);font-weight:500;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.mbn__item.is-active{color:var(--mbn-active)}.mbn__item.is-active .mbn__label{font-weight:700}.mbn--icons-duotone .mbn__item.is-active .mbn__fill{fill:var(--mbn-primary)}.mbn--icons-duotone .mbn__item.is-active .mbn__accent-fill{fill:var(--mbn-accent)}.mbn--icons-mono .mbn__item.is-active :is(.mbn__fill,.mbn__accent-fill){fill:var(--mbn-accent)}.mbn--icons-brand .mbn__icon svg{color:var(--mbn-primary)}.mbn--icons-brand .mbn__item.is-active .mbn__icon svg{color:var(--mbn-accent)}.mbn--icons-brand .mbn__item.is-active :is(.mbn__fill,.mbn__accent-fill){fill:var(--mbn-accent)}.mbn--icons-brand .mbn__item.is-active .mbn__detail{stroke:#fff}.mbn--icons-brand .mbn__item.is-active .mbn__detail.mbn__accent-fill{fill:#fff}.mbn--icons-brand .mbn__item.is-active .mbn__badge{background-color:var(--mbn-primary)}.mbn--indicator-pill .mbn__item.is-active .mbn__icon{background-color:color-mix(in srgb,var(--mbn-primary) 12%,transparent)}.mbn--icons-brand.mbn--indicator-pill .mbn__item.is-active .mbn__icon{background-color:color-mix(in srgb,var(--mbn-accent) 14%,transparent)}.mbn--indicator-bar .mbn__item.is-active:before{content:"";position:absolute;top:0;left:50%;width:28px;height:3px;border-radius:0 0 3px 3px;background-color:var(--mbn-accent);translate:-50% 0}.mbn__item:active .mbn__icon{transform:scale(.9)}.mbn__item:focus-visible{outline:2px solid var(--mbn-accent);outline-offset:-3px;border-radius:12px}.mbn__badge{position:absolute;top:1px;left:calc(50% + 5px);min-width:17px;height:17px;padding:0 4px;border-radius:999px;font-size:10.5px;font-weight:700;line-height:17px;text-align:center;color:#fff;background-color:var(--mbn-badge-bg);box-shadow:0 0 0 2px var(--mbn-bg)}.mbn__badge[hidden]{display:none}.mbn__badge.is-bump{animation:mbn-bump .45s cubic-bezier(.3,1.6,.5,1)}@keyframes mbn-bump{40%{transform:scale(1.35)}}.mbn__cell--highlight{flex:0 0 auto;padding:7px 0 7px 6px}.mbn__cell--highlight:last-child{margin-inline-end:-4px}.mbn__cell--highlight:first-child{margin-inline-start:-4px;padding:7px 6px 7px 0}.mbn__highlight{position:relative;display:grid;place-items:center;min-width:84px;max-width:120px;overflow:hidden;padding:0 14px;border-radius:14px;font-size:.875rem;font-weight:800;line-height:1.1;letter-spacing:.02em;text-align:center;text-transform:uppercase;text-decoration:none;color:var(--mbn-hl-color);background-color:var(--mbn-hl-bg);box-shadow:0 6px 16px -8px var(--mbn-hl-bg);-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.mbn__cell--highlight:last-child .mbn__highlight{border-start-end-radius:0;border-end-end-radius:0}.mbn__cell--highlight:first-child .mbn__highlight{border-start-start-radius:0;border-end-start-radius:0}.mbn__highlight-label{width:min-content}.mbn__highlight-image{width:auto;max-width:100%;height:auto;max-height:calc(var(--mbn-height) - 14px);object-fit:contain}.mbn__highlight:active{transform:scale(.96)}.mbn__highlight:focus-visible{outline:2px solid var(--mbn-active);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.mbn__highlight--shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgb(255 255 255 / .45) 50%,transparent 70%);transform:translate(-120%);animation:mbn-shine 3.6s ease-in-out 1s infinite;pointer-events:none}}@keyframes mbn-shine{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}@media(max-width:359px){.mbn__label{font-size:min(var(--mbn-label-size, 12px),11px)}.mbn__icon{width:40px}.mbn__highlight{min-width:68px;padding:0 10px;font-size:.8125rem}}@media(prefers-reduced-motion:reduce){.mbn,.mbn__icon,.mbn__fill,.mbn__highlight{transition:none}.mbn__badge.is-bump{animation:none}:root:has(mobile-bottom-nav.mbn) .bz-floating-cart{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/mobile-bottom-nav.css.map */