: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;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-nav{display:flex;align-items:center;justify-content:center;width:24px;height:24px;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-nav,[data-reveal-on-load=false] .slideshow__pagination-nav{opacity:1;transition:opacity var(--animation-timing-200) var(--animation-timing-1100) var(--ease-out-quart)}@media(min-width:720px){[data-navigation-breakpoint-name=tablet] .slideshow__pagination-nav{display:none}@media(hover:none){[data-navigation-breakpoint-name=tablet] .slideshow__pagination-nav{display:flex}}}@media(min-width:1024px){[data-navigation-breakpoint-name=small-desktop] .slideshow__pagination-nav{display:none}@media(hover:none){[data-navigation-breakpoint-name=small-desktop] .slideshow__pagination-nav{display:flex}}}.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)}[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{--default-bullet-size:5px;--active-bullet-size:9px;--autoplay-active-bullet-size:24px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-125)}[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(--active-bullet-size);height:var(--active-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}[data-enable-autoplay=true] .slideshow__pagination-bullet-wrapper{width:auto;width:initial;height:auto;height:initial;margin:calc(var(--default-bullet-size) * -1)}.slideshow__pagination-bullet{padding:var(--default-bullet-size);-webkit-appearance:none;appearance:none;background:none;border:none;opacity:.4;transition:opacity var(--animation-timing-400) var(--ease-out-quart);cursor:pointer}[data-enable-autoplay=false] .slideshow__pagination-bullet.active,[data-enable-autoplay=true] .slideshow__pagination-bullet{opacity:1}.slideshow__pagination-bullet-inner{width:var(--default-bullet-size);height:var(--default-bullet-size);background-color:currentColor;border-radius:var(--default-bullet-size);box-shadow:inset 0 0 0 1.111px currentColor;transition-property:transform,background-color;transition-duration:var(--animation-timing-400);transition-timing-function:var(--ease-out-quart);pointer-events:none}[data-enable-autoplay=false] .slideshow__pagination-bullet.active .slideshow__pagination-bullet-inner{background-color:transparent;transform:scale(1.8);transform-origin:center}[data-enable-autoplay=true] .slideshow__pagination-bullet-inner{position:relative;background-color:transparent;box-shadow:none;overflow:hidden}[data-enable-autoplay=true] .slideshow__pagination-bullet-inner:before,[data-enable-autoplay=true] .slideshow__pagination-bullet-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--pagination-foreground);border-radius:var(--default-bullet-size);opacity:.4}[data-enable-autoplay=true] .slideshow__pagination-bullet-inner:before{right:auto;right:initial;width:5px;z-index:1}.loaded [data-reveal-on-load=true][data-enable-autoplay=true] .active .slideshow__pagination-bullet-inner,.became-visible [data-reveal-on-load=false][data-enable-autoplay=true] .active .slideshow__pagination-bullet-inner{width:var(--autoplay-active-bullet-size)}.loaded [data-reveal-on-load=true][data-enable-autoplay=true] .active .slideshow__pagination-bullet-inner:before,.became-visible [data-reveal-on-load=false][data-enable-autoplay=true] .active .slideshow__pagination-bullet-inner:before{animation:paginationBulletAutoplay var(--time-between-slides) linear;opacity:1}.loaded [data-reveal-on-load=true][data-enable-autoplay=true][data-paused=true] .active .slideshow__pagination-bullet-inner:before,[data-reveal-on-load=false][data-enable-autoplay=true][data-paused=true] .active .slideshow__pagination-bullet-inner:before{animation-play-state:paused}.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)}@keyframes paginationBulletAutoplay{to{width:var(--autoplay-active-bullet-size)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-slideshow-pagination.css.map */