.pagination-dots-container{background-color:var(--color-white);z-index:1;padding:.2rem 0;overflow-x:hidden;scroll-behavior:smooth;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;max-width:5.1rem}.pagination-dots-container::-webkit-scrollbar{display:none}.pagination-dots-wrapper{margin:.2rem .4rem;gap:.4rem;transition:transform .3s ease}[data-number-of-slides="1"] .pagination-dots-container{display:none}.banner-slider:not(.animating) .dot:after,.product-media-container:not(.animating) .dot:after,.story-items-container:not(.animating) .dot:after{animation:none}.dot{width:.3rem;height:.3rem;border-radius:.25rem;background:var(--color-light-grey);transition:width linear .5s;padding:0;border:0;position:relative}.dot:after{content:"";position:absolute;top:0;left:0;width:0%;background:var(--color-dark-grey);border-radius:.25rem}.dot .dot-touch-helper{content:"";position:absolute;inset:-10px -5px}.active-dot{width:1.5rem;height:.4rem;overflow:hidden}.active-dot:after{animation:progress var(--dot-progress-duration) linear;transform-origin:left;width:100%;height:.4rem}.neighbor-dot{width:.35rem;height:.35rem}@keyframes progress{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}.snap-type-mandatory{scroll-snap-type:x mandatory}.snap-align-start{scroll-snap-align:start}