.upc-bnav{--upc-bnav-h: 6.4rem;--upc-bnav-gap: 1.2rem;--upc-bnav-bottom: calc(var(--upc-bnav-gap) + env(safe-area-inset-bottom, 0px));--upc-bnav-width: min( calc(100% - 2.4rem) , 48rem)}@media screen and (min-width:990px){.upc-bnav,.upc-bnav-section{display:none}}@media screen and (max-width:989px){body:has(upc-bottom-nav) .upc-hero{--upc-vh: calc(100vh - 8.8rem - env(safe-area-inset-bottom, 0px)) }@supports (height: 100svh){body:has(upc-bottom-nav) .upc-hero{--upc-vh: calc(100svh - 8.8rem - env(safe-area-inset-bottom, 0px)) }}body:has(upc-bottom-nav) .footer:after{content:"";display:block;height:calc(8.8rem + env(safe-area-inset-bottom,0px))}}html.upc-bnav-locked{overflow:hidden}.upc-bnav__bar{position:fixed;z-index:90;left:50%;bottom:var(--upc-bnav-bottom);display:grid;grid-template-columns:repeat(var(--upc-bnav-items, 4),1fr);gap:.4rem;width:var(--upc-bnav-width);height:var(--upc-bnav-h);padding:.6rem;background:#ffffffe6;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:.1rem solid rgba(17,17,17,.06);border-radius:99rem;box-shadow:var(--upc-shadow);transform:translate(-50%);transition:opacity .25s ease,transform .35s var(--upc-ease),visibility 0s}body.overflow-hidden .upc-bnav__bar,body.overflow-hidden-mobile .upc-bnav__bar,body.overflow-hidden-tablet .upc-bnav__bar,body.overflow-hidden-tablet-up .upc-bnav__bar{visibility:hidden;opacity:0;transform:translate(-50%,2rem);transition:opacity .2s ease,transform .3s var(--upc-ease),visibility 0s .3s}.upc-bnav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-width:0;margin:0;padding:0;font:inherit;color:var(--upc-ink);text-decoration:none;background:transparent;border:0;border-radius:99rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .25s ease,color .2s ease}.upc-bnav__item:focus-visible{outline:.2rem solid var(--upc-blue);outline-offset:-.2rem}.upc-bnav__item.is-current,.upc-bnav__item[aria-expanded=true]{color:var(--upc-red);background:var(--upc-blue-tint)}.upc-bnav.is-open .upc-bnav__item.is-current:not([aria-expanded=true]){color:var(--upc-ink);background:transparent}.upc-bnav__icon{position:relative;display:inline-flex}.upc-bnav__icon .upc-icon{width:2.3rem;height:2.3rem;transition:transform .3s var(--upc-ease)}.upc-bnav__item:active .upc-icon{transform:scale(.9)}.upc-bnav__label{max-width:100%;overflow:hidden;font-size:1.15rem;font-weight:500;line-height:1.2;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis}.upc-bnav__account{position:fixed;bottom:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.upc-bnav__count{position:absolute;top:-.5rem;right:-.9rem;min-width:1.8rem;height:1.8rem;padding:0 .4rem;font-size:1rem;font-weight:800;line-height:1.8rem;text-align:center;color:var(--upc-white);background:var(--upc-red);border-radius:99rem}.upc-bnav__count[hidden]{display:none}.upc-bnav .upc-bnav__backdrop{display:block;position:fixed;z-index:88;top:0;right:0;bottom:0;left:0;background:#11111159;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s .3s}.upc-bnav.is-open .upc-bnav__backdrop{visibility:visible;opacity:1;transition-delay:0s}.upc-bnav__sheet{position:fixed;z-index:89;left:50%;bottom:calc(var(--upc-bnav-bottom) + var(--upc-bnav-h) + 1rem);width:var(--upc-bnav-width);max-height:calc(100dvh - var(--upc-bnav-h) - 10rem);padding:1.8rem 2rem 2rem;overflow-y:auto;overscroll-behavior:contain;background:var(--upc-white);border-radius:var(--upc-radius);box-shadow:var(--upc-shadow);visibility:hidden;opacity:0;transform:translate(-50%,2rem) scale(.98);transform-origin:center bottom;transition:opacity .25s ease,transform .35s var(--upc-ease),visibility 0s .35s}.upc-bnav__sheet.is-open{visibility:visible;opacity:1;transform:translate(-50%) scale(1);transition-delay:0s}.upc-bnav__sheet-head{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-bottom:.8rem}.upc-bnav__sheet-title{margin:0;font-size:2.4rem;line-height:1.1;color:var(--upc-ink)}.upc-bnav__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 3.6rem;width:3.6rem;height:3.6rem;padding:0;color:var(--upc-ink);background:var(--upc-blue-tint);border:0;border-radius:50%;cursor:pointer}.upc-bnav__close .upc-icon{width:1.8rem;height:1.8rem}.upc-bnav__subhead{margin:1.6rem 0 .4rem;font-size:1.2rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--upc-blue)}.upc-bnav__links{margin:0;padding:0;list-style:none}.upc-bnav__links li+li{border-top:.1rem solid rgba(17,17,17,.08)}.upc-bnav__link{display:flex;align-items:center;gap:1.2rem;padding:1rem 0;font-size:1.6rem;font-weight:500;line-height:1.3;color:var(--upc-ink);text-decoration:none;transition:color .2s ease}.upc-bnav__link:hover,.upc-bnav__link.is-active{color:var(--upc-red)}.upc-bnav__link.is-active{font-weight:800}.upc-bnav__link-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 3.6rem;width:3.6rem;height:3.6rem;overflow:hidden;color:var(--upc-blue);background:var(--upc-blue-tint);border-radius:50%}.upc-bnav__link-icon .upc-icon{width:1.8rem;height:1.8rem}.upc-bnav__link-icon img{width:100%;height:100%;object-fit:cover}.upc-bnav__link-label{flex:1;min-width:0}.upc-bnav__link-arrow{display:inline-flex;color:#1116}.upc-bnav__link-arrow .upc-icon{width:1.8rem;height:1.8rem}.upc-bnav__link-count{font-size:1.3rem;font-weight:400;color:#11111180}.upc-bnav__chips{display:flex;flex-wrap:wrap;gap:.8rem;margin:.6rem 0 0;padding:0;list-style:none}.upc-bnav__chip{display:inline-flex;align-items:center;min-height:3.6rem;padding:0 1.4rem;font-size:1.4rem;color:var(--upc-ink);text-decoration:none;border:.1rem solid rgba(17,17,17,.14);border-radius:99rem;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.upc-bnav__chip:hover{color:var(--upc-red);border-color:var(--upc-red)}.upc-bnav__chip.is-active{color:var(--upc-white);background:var(--upc-red);border-color:var(--upc-red)}@media(prefers-reduced-motion:reduce){.upc-bnav__bar,.upc-bnav__sheet,.upc-bnav__backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/upc-bottom-nav.css.map */
