:root{--js-mobile: (max-width: 719.9px);--js-tablet: (min-width: 720px);--js-below-small-desktop: (max-width: 1023.9px);--js-small-desktop: (min-width: 1024px);--js-desktop: (min-width: 1440px);--js-max-page-width: (min-width: 1600px)}@keyframes contentOverlineAnimation{to{transform:translateY(0);opacity:1}}@keyframes contentHeadingAnimation{0%{-webkit-mask-size:0% 100%;mask-size:0% 100%}to{-webkit-mask-size:120% 100%;mask-size:120% 100%;transform:translateY(0);opacity:1}}@keyframes contentContentAnimation{0%{-webkit-mask-size:0% 100%;mask-size:0% 100%}to{-webkit-mask-size:120% 100%;mask-size:120% 100%;transform:translateY(0);opacity:1}}@keyframes contentSliderAnimation{to{transform:translate(0);opacity:1}}.slideshow__pagination{border-radius:50px;transform:scaleX(.2);opacity:0;overflow:hidden;cursor:default}.loaded .slideshow__pagination[data-reveal-on-load=true],.slideshow__pagination[data-reveal-on-load=false]{opacity:1;overflow:visible;transform:scaleX(1);transition:opacity var(--animation-timing-100) var(--animation-timing-400) var(--ease-out-quart),transform var(--animation-timing-600) var(--animation-timing-500) var(--ease-out-quart)}.slideshow__pagination-inner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-200);padding:var(--spacing-125) var(--spacing-125);background-color:var(--pagination-background);color:var(--pagination-foreground);border-radius:50px}[data-enable-autoplay=true] .slideshow__pagination-inner{padding:var(--spacing-125) var(--spacing-200)}@media(min-width:1024px){[data-enable-autoplay=false] .slideshow__pagination-inner{padding:var(--spacing-125) var(--spacing-200)}}.slideshow__pagination-bullets{--bullet-size: 16px;--bullet-ring-width: 1px;--bullet-ring-gap: 2px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-125)}@media(min-width:720px){.slideshow__pagination-bullets{--bullet-size: 24px;--bullet-ring-width: 2px;--bullet-ring-gap: 3px}}[data-enable-autoplay=true] .slideshow__pagination-bullets{gap:var(--spacing-150)}.slideshow__pagination-bullet-wrapper{display:flex;align-items:center;justify-content:center;width:var(--bullet-size);height:var(--bullet-size);transition-property:opacity,transform;transition-duration:var(--animation-timing-200);transition-delay:var(--animation-timing-1100);transition-timing-function:var(--ease-out-quart)}slideshow-section:not(.loaded) .slideshow__pagination-bullet-wrapper{transform:scale(1.1);opacity:0}.slideshow__pagination-bullet{position:relative;width:var(--bullet-size);height:var(--bullet-size);padding:0;-webkit-appearance:none;appearance:none;background-color:var(--pagination-bullet-color, #FFFFFF);border:none;border-radius:50%;cursor:pointer}.slideshow__pagination-bullet:after{content:"";position:absolute;inset:calc((var(--bullet-ring-gap) + var(--bullet-ring-width)) * -1);border:var(--bullet-ring-width) solid var(--pagination-bullet-ring-color, #FFFFFF);border-radius:50%;opacity:0;pointer-events:none;transition:opacity .2s}.slideshow__pagination-bullet.active:after{opacity:1}.slideshow__pagination-bullet-tooltip{position:absolute;bottom:calc(100% + var(--spacing-100));left:50%;transform:translate(-50%);padding:var(--spacing-50) var(--spacing-100);background-color:#000;color:#fff;font-size:var(--font-size-body-50, 12px);line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}.slideshow__pagination-bullet:hover .slideshow__pagination-bullet-tooltip{opacity:1}.slideshow__pagination-pause{display:flex;align-items:center;margin:calc(var(--spacing-125) * -1);padding:0;background:none;color:var(--pagination-foreground);border:none;-webkit-appearance:none;appearance:none;cursor:pointer;opacity:0}.loaded [data-reveal-on-load=true] .slideshow__pagination-pause,[data-reveal-on-load=false] .slideshow__pagination-pause{opacity:1;transition:opacity var(--animation-timing-200) var(--animation-timing-1100) var(--ease-out-quart)}[data-paused=false] .slideshow__pagination-pause .icon--media-play,[data-paused=true] .slideshow__pagination-pause .icon--media-pause{display:none}.slideshow__pagination-pause .icon{margin:var(--spacing-125)}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-slideshow-pagination.css.map */