:root{--section-navigation-gap-mobile: 16px;--section-navigation-gap-desktop: 16px;--section-navigation-scrollbar-space: 5px;--section-navigation-item-border-mobile: 2px solid rgba(var(--color-foreground), 0);--section-navigation-item-border-desktop: 2px solid rgba(var(--color-foreground), 0);--section-navigation-item-border-radius-mobile: 4px;--section-navigation-item-border-radius-desktop: 4px;--section-navigation-item-padding-mobile: 10px;--section-navigation-item-padding-desktop: 10px;--section-navigation-item-gap-mobile: 5px;--section-navigation-item-gap-desktop: 5px}.section.bubble-navigation{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.section.bubble-navigation .section__page-width{max-width:var(--page-width, 120rem);margin:0 auto;padding:0 1.5rem}.bubble-navigation__container{width:100%;display:flex}.bubble-navigation__content:before,.bubble-navigation__content:after{position:absolute;top:0;bottom:0;width:1.5rem;height:100%;z-index:2;pointer-events:none}.bubble-navigation__content:before{background:linear-gradient(to right,#fff,#fff0);left:0}.bubble-navigation__content:after{background:linear-gradient(to left,#fff,#fff0);right:0}.bubble-navigation__item-wrapper{min-width:-moz-fit-content;min-width:fit-content;text-decoration:none;color:rgba(var(--color-foreground),1);transition:.3s}.bubble-navigation__item-wrapper:hover,.bubble-navigation__item-wrapper--selected{color:rgba(var(--color-foreground),1);border-color:rgba(var(--color-foreground),1)!important}.bubble-navigation__item{position:relative;display:flex;align-items:center;text-align:center;height:100%;width:100%}.bubble-navigation__item img{max-width:100%;height:auto}.bubble-navigation__item-title{font-weight:var(--font-body-weight-bold);text-align:center;color:rgb(var(--color-foreground))}@media screen and (max-width: 749px){.bubble-navigation__content:before,.bubble-navigation__content:after{width:1.5rem}.bubble-navigation__container{justify-content:var(--section-navigation-alignment-mobile);gap:var(--section-navigation-gap-mobile, 5px)}.bubble-navigation__content:has(.bubble-navigation__container--slider-mobile):before,.bubble-navigation__content:has(.bubble-navigation__container--slider-mobile):after{content:""}.bubble-navigation__container--slider-mobile{margin-bottom:calc(-1 * var(--section-navigation-scrollbar-space, 5px));padding-bottom:var(--section-navigation-scrollbar-space, 5px);-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto;width:calc(100% + 3rem);margin-left:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}.bubble-navigation__container--grid-mobile{flex-wrap:wrap}.bubble-navigation__item-wrapper:has(.bubble-navigation__item--horizontal-mobile),.bubble-navigation__item-wrapper:has(.bubble-navigation__item--stacked-mobile),.bubble-navigation__item-wrapper:has(.bubble-navigation__item--vertical-mobile) img{border:var(--section-navigation-item-border-mobile);border-radius:var(--section-navigation-item-border-radius-mobile)}.bubble-navigation__item-wrapper--selected:has(.bubble-navigation__item--vertical-mobile) img{border:none;outline:var(--section-navigation-item-border-mobile);outline-offset:.2rem}.bubble-navigation__item{gap:var(--section-navigation-item-gap-mobile, 5px);padding:var(--section-navigation-item-padding-mobile, 5px)}.bubble-navigation__item--horizontal-mobile:not(:has(img)):has(.bubble-navigation__item-title){padding-left:calc(var(--section-navigation-item-padding-mobile, 5px) * 2);padding-right:calc(var(--section-navigation-item-padding-mobile, 5px) * 2)}.bubble-navigation__item--horizontal-mobile:has(img):has(.bubble-navigation__item-title){padding-right:calc(var(--section-navigation-item-padding-mobile, 5px) * 2)}.bubble-navigation__item--vertical-mobile{flex-direction:column}.bubble-navigation__item--stacked-mobile{padding:0}.bubble-navigation__item img{width:var(--image-width-mobile, 70px);border-radius:var(--section-navigation-item-border-radius-mobile)}.bubble-navigation__item--stacked-mobile .bubble-navigation__item-title{position:absolute;top:var(--section-navigation-item-padding-mobile, 5px);left:var(--section-navigation-item-padding-mobile, 5px);width:calc(100% - (2 * var(--section-navigation-item-padding-mobile, 5px)));text-align:var(--section-navigation-alignment-mobile)}}@media screen and (min-width: 750px){.bubble-navigation__content:before,.bubble-navigation__content:after{width:5rem}.section.bubble-navigation .section__page-width{padding:0 5rem}.bubble-navigation__container{justify-content:var(--section-navigation-alignment-desktop);gap:var(--section-navigation-gap-desktop, 20px)}.bubble-navigation__content:has(.bubble-navigation__container--slider-desktop):before,.bubble-navigation__content:has(.bubble-navigation__container--slider-desktop):after{content:""}.bubble-navigation__container--slider-desktop{margin-bottom:calc(-1 * var(--section-navigation-scrollbar-space, 5px));padding-bottom:var(--section-navigation-scrollbar-space, 5px);-ms-overflow-style:none;overflow-x:auto;scrollbar-width:thin;width:calc(100% + 10rem);margin-left:-5rem;padding-left:5rem;padding-right:5rem}.bubble-navigation__container--grid-desktop{flex-wrap:wrap}.bubble-navigation__item-wrapper:has(.bubble-navigation__item--horizontal-desktop),.bubble-navigation__item-wrapper:has(.bubble-navigation__item--stacked-desktop),.bubble-navigation__item-wrapper:has(.bubble-navigation__item--vertical-desktop) img{border:var(--section-navigation-item-border-desktop);border-radius:var(--section-navigation-item-border-radius-desktop)}.bubble-navigation__item-wrapper--selected:has(.bubble-navigation__item--vertical-desktop) img{border:none;outline:var(--section-navigation-item-border-desktop);outline-offset:.2rem}.bubble-navigation__item{gap:var(--section-navigation-item-gap-desktop, 5px);padding:var(--section-navigation-item-padding-desktop, 5px)}.bubble-navigation__item--horizontal-desktop:not(:has(img)):has(.bubble-navigation__item-title){padding-left:calc(var(--section-navigation-item-padding-desktop, 5px) * 2);padding-right:calc(var(--section-navigation-item-padding-desktop, 5px) * 2)}.bubble-navigation__item--horizontal-desktop:has(img):has(.bubble-navigation__item-title){padding-right:calc(var(--section-navigation-item-padding-desktop, 5px) * 2)}.bubble-navigation__item--vertical-desktop{flex-direction:column}.bubble-navigation__item--stacked-desktop{padding:0}.bubble-navigation__item img{width:var(--image-width-desktop, 30px);border-radius:var(--section-navigation-item-border-radius-desktop)}.bubble-navigation__item--stacked-desktop .bubble-navigation__item-title{position:absolute;top:var(--section-navigation-item-padding-desktop, 5px);left:var(--section-navigation-item-padding-desktop, 5px);width:calc(100% - (2 * var(--section-navigation-item-padding-desktop, 5px)));text-align:var(--section-navigation-alignment-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-collection-navigation.css.map */