.bubble-nav{margin-top:var(--bubble-nav-mt, 16px);margin-bottom:var(--bubble-nav-mb, 16px)}.bubble-nav__header{padding:0 var(--brand-edge);margin-bottom:var(--brand-space-3)}.bubble-nav__heading{font-family:var(--brand-font-heading);font-size:var(--brand-fs-h3);font-weight:var(--brand-fw-regular);line-height:var(--brand-lh-heading);letter-spacing:var(--brand-ls-headline);color:var(--brand-text-heading);margin:0}.bubble-nav__nav{position:relative}.bubble-nav__list{display:flex;justify-content:safe center;gap:var(--brand-space-4);margin:0;padding:var(--brand-space-2) var(--brand-edge);list-style:none;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.bubble-nav__list::-webkit-scrollbar{display:none}.bubble-nav--snap .bubble-nav__list{scroll-snap-type:x proximity;scroll-padding-left:var(--brand-edge)}.bubble-nav--snap .bubble-nav__item{scroll-snap-align:start}.bubble-nav__item{flex:0 0 auto;margin:0}.bubble-nav__link{display:inline-flex;flex-direction:column;align-items:center;gap:var(--brand-space-2);width:var(--bubble-nav-size-mobile, 72px);text-decoration:none;color:var(--brand-text);-webkit-tap-highlight-color:transparent;transition:opacity var(--brand-duration) var(--brand-ease)}.bubble-nav__link:hover{opacity:.85}.bubble-nav__link:focus-visible{outline:none}.bubble-nav__link:focus-visible .bubble-nav__bubble{outline:var(--brand-focus-outline-width, 2px) solid var(--brand-focus-ring, var(--brand-charcoal));outline-offset:var(--brand-focus-outline-offset, 3px)}.bubble-nav__media{position:relative;display:inline-block;width:var(--bubble-nav-size-mobile, 72px);height:var(--bubble-nav-size-mobile, 72px);flex:0 0 auto}.bubble-nav__bubble{position:relative;display:block;width:100%;height:100%;overflow:hidden;background-color:var(--brand-sand-light);transition:transform var(--brand-duration) var(--brand-ease)}.bubble-nav--shape-circle .bubble-nav__bubble{border-radius:50%}.bubble-nav--shape-rounded .bubble-nav__bubble{border-radius:var(--brand-radius-md)}.bubble-nav--border .bubble-nav__bubble{border:2px solid var(--brand-charcoal);box-sizing:border-box}.bubble-nav__link:hover .bubble-nav__bubble{transform:scale(1.02)}.bubble-nav__image{width:100%;height:100%;object-fit:cover;display:block}.bubble-nav__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--brand-font-heading);font-size:22px;color:var(--brand-text-subtle);background-color:var(--brand-sand-light)}.bubble-nav__badge{position:absolute;top:0;right:0;min-width:18px;padding:2px 6px;border-radius:var(--brand-radius-pill);background-color:var(--brand-charcoal);color:var(--brand-text-on-dark);font-family:var(--brand-font-body);font-size:10px;font-weight:var(--brand-fw-medium);letter-spacing:.02em;line-height:1.2;text-align:center;text-transform:none;z-index:1;box-shadow:0 0 0 1px var(--brand-creme)}.bubble-nav__label{font-family:var(--brand-font-body);font-size:13px;font-weight:var(--brand-fw-semibold);line-height:var(--brand-lh-snug);color:var(--brand-text);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.bubble-nav__link.is-current .bubble-nav__label{font-weight:var(--brand-fw-semibold)}.bubble-nav__link.is-current .bubble-nav__bubble{box-shadow:inset 0 0 0 2px var(--brand-charcoal)}@media(min-width:750px){.bubble-nav__link,.bubble-nav__media{width:var(--bubble-nav-size-tablet, 88px)}.bubble-nav__media{height:var(--bubble-nav-size-tablet, 88px)}.bubble-nav__label{font-size:14px}}@media(min-width:990px){.bubble-nav:not(.bubble-nav--desktop){display:none}.bubble-nav--desktop .bubble-nav__list{justify-content:center;flex-wrap:wrap;overflow-x:visible;padding-inline:var(--brand-edge);max-width:var(--brand-container-max, 1360px);margin-inline:auto}}.bubble-nav__empty{padding:var(--brand-space-5) var(--brand-edge);text-align:center;font-family:var(--brand-font-body);font-size:var(--brand-fs-body-sm);color:var(--brand-text-subtle)}@media(prefers-reduced-motion:reduce){.bubble-nav__link,.bubble-nav__bubble{transition:none}.bubble-nav__link:hover .bubble-nav__bubble{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/bubble-nav.css.map */