#bf-floating-nav{display:none;pointer-events:none}@media screen and (max-width:749px){#bf-floating-nav{display:block;pointer-events:auto;position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) translateY(20px) scale(.97);-webkit-transform:translateX(-50%) translateY(20px) scale(.97);opacity:0;z-index:350;width:92vw;max-width:440px;will-change:transform,opacity;isolation:isolate;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .28s ease}#bf-floating-nav.bf-nav--visible{transform:translate(-50%) translateY(0) scale(1);-webkit-transform:translateX(-50%) translateY(0) scale(1);opacity:1}#bf-floating-nav.bf-nav--scrolled-down{transform:translate(-50%) translateY(8px) scale(.99);-webkit-transform:translateX(-50%) translateY(8px) scale(.99);opacity:.72;transition:transform .2s ease,opacity .2s ease}.bf-nav__pill{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 16px;background:#ffffffe0;-webkit-backdrop-filter:blur(24px) saturate(180%) brightness(1.04);backdrop-filter:blur(24px) saturate(180%) brightness(1.04);border:1px solid rgba(220,220,220,.65);border-radius:9999px;box-shadow:0 4px 24px #0505051a,0 1px 6px #0505050f,inset 0 1px #fffffff2,inset 0 -1px #0000000a;box-sizing:border-box}.bf-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;position:relative;padding:0 0 1px;min-height:44px;min-width:44px;text-decoration:none;color:var(--bf-ash, #999999);background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s ease,transform .14s cubic-bezier(.34,1.56,.64,1);outline:none}.bf-nav__item:focus-visible{outline:2px solid var(--bf-ink, #050505);outline-offset:3px;border-radius:12px}.bf-nav__item:active{transform:scale(.93);transition:transform .1s cubic-bezier(.34,1,.64,1)}.bf-nav__item.bf-nav--active{color:var(--bf-ink, #050505)}.bf-nav__item.bf-nav--active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--bf-ink, #050505);opacity:.6}.bf-nav__icon{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bf-nav__icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s ease;display:block}.bf-nav__item.bf-nav--active .bf-nav__icon svg{stroke-width:1.75}.bf-nav__label{font-family:var(--bf-font-mono, "Courier New", monospace);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;line-height:1;transition:color .18s ease;white-space:nowrap}.bf-nav__badge{position:absolute;top:-5px;right:-7px;min-width:17px;height:17px;padding:0 4px;background:var(--bf-ink, #050505);color:#fff;font-family:var(--bf-font-mono, "Courier New", monospace);font-size:9px;font-weight:400;line-height:17px;text-align:center;border-radius:999px;box-sizing:border-box;border:1.5px solid rgba(255,255,255,.9);display:none;pointer-events:none}.bf-nav__badge[data-count]:not([data-count="0"]):not([data-count=""]){display:block}.bf-nav__divider{width:1px;height:18px;background:var(--bf-rule, rgba(0,0,0,.08));flex-shrink:0;align-self:center;border-radius:1px}}@media screen and (min-width:750px){#bf-floating-nav{display:none!important;pointer-events:none!important}}@media(prefers-reduced-motion:reduce){#bf-floating-nav,#bf-floating-nav.bf-nav--scrolled-down{transition:opacity .18s ease!important;transform:translate(-50%) translateY(0) scale(1)!important;-webkit-transform:translateX(-50%) translateY(0) scale(1)!important}.bf-nav__item{transition:color .18s ease!important;transform:none!important}.bf-nav__item:active{transform:none!important}}@media(prefers-contrast:high){.bf-nav__pill{background:#fff!important;border:2px solid #000000!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.bf-nav__item{color:#333!important}.bf-nav__item.bf-nav--active{color:#000!important}}@media screen and (max-width:749px){body.bf-has-floating-nav #MainContent{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}}@media screen and (max-width:749px){body.template-product sticky-add-to-cart,body.template-product .sticky-add-to-cart{display:none!important;visibility:hidden!important;pointer-events:none!important}}@media print{#bf-floating-nav{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/bf-floating-nav.css.map */