.nav-stories{--nav-stories-bubble-size: var(--nav-stories-bubble-size-mobile, 70px);--nav-stories-gap: var(--nav-stories-gap-mobile, 12px);--nav-stories-bubble-bg: #f5f5f5;--nav-stories-section-bg: #ffffff;--nav-stories-label-size: 1.4rem;--nav-stories-gradient-instagram: conic-gradient(from 180deg, #f58529, #dd2a7b, #8134af, #515bd4, #f58529);--nav-stories-gradient-subtle: conic-gradient(from 180deg, #e0e0e0, #a0a0a0, #e0e0e0)}.nav-stories__container{overflow:hidden;background-color:var(--nav-stories-section-bg)}.nav-stories__inner{padding:var(--section-padding-top) 0 var(--section-padding-bottom)}.nav-stories__nav{display:flex;gap:var(--nav-stories-gap);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2rem}.nav-stories__nav::-webkit-scrollbar{display:none}.nav-stories__scroll-wrapper{position:relative}.nav-stories__scroll-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:60px;background:linear-gradient(to right,transparent,var(--nav-stories-section-bg));pointer-events:none;opacity:1;transition:opacity .3s ease}.nav-stories__scroll-wrapper.is-scrolled-end:after{opacity:0}.nav-stories--align-center .nav-stories__nav,.nav-stories--align-left .nav-stories__nav{justify-content:flex-start}@media (min-width: 1024px){.nav-stories--align-center .nav-stories__nav{justify-content:center}}.nav-stories__item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px}.nav-stories__link{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:inherit}.nav-stories__link:hover .nav-stories__image{transform:scale(1.1)}.nav-stories__image-wrapper{position:relative;width:var(--nav-stories-bubble-size);height:var(--nav-stories-bubble-size);border-radius:50%;background-color:var(--nav-stories-bubble-bg);display:flex;align-items:center;justify-content:center}.nav-stories__image-inner{width:calc(var(--nav-stories-bubble-size) - 8px);height:calc(var(--nav-stories-bubble-size) - 8px);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.nav-stories__item--highlight .nav-stories__image-wrapper:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;padding:3px;background:var(--nav-stories-gradient-instagram);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.nav-stories__item--highlight-subtle .nav-stories__image-wrapper:before{background:var(--nav-stories-gradient-subtle)}.nav-stories__item--active .nav-stories__label,.nav-stories__item--active .nav-stories__subtitle{font-weight:600}.nav-stories__image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.nav-stories__text{display:flex;flex-direction:column;align-items:center;gap:2px}.nav-stories__label{font-size:var(--nav-stories-label-size);text-align:center;line-height:1.3;max-width:calc(var(--nav-stories-bubble-size) + 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-stories__subtitle{font-size:calc(var(--nav-stories-label-size) * .9);text-align:center;line-height:1.2;color:#00000080;max-width:calc(var(--nav-stories-bubble-size) + 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-stories--label-small{--nav-stories-label-size: 1.2rem}.nav-stories--label-medium{--nav-stories-label-size: 1.4rem}.nav-stories--label-large{--nav-stories-label-size: 1.6rem}@media (min-width: 768px){.nav-stories{--nav-stories-bubble-size: var(--nav-stories-bubble-size-desktop, 90px);--nav-stories-gap: var(--nav-stories-gap-desktop, 20px)}.nav-stories__nav{padding:4px 2rem}.nav-stories__scroll-wrapper:after{width:80px}.nav-stories--label-small{--nav-stories-label-size: 1.3rem}.nav-stories--label-medium{--nav-stories-label-size: 1.5rem}.nav-stories--label-large{--nav-stories-label-size: 1.7rem}}@media (min-width: 1024px){.nav-stories__nav{padding:4px 0;overflow-x:visible}.nav-stories__scroll-wrapper:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/component-nav-stories.css.map */