.slideshow__slide{position:relative}slideshow-component[data-transition=dissolve] .slideshow__slide.syn-transition-run .slideshow__media{animation:synDissolve .7s ease both}@keyframes synDissolve{0%{opacity:.15}to{opacity:1}}slideshow-component[data-transition=dip-white] .slideshow__slide.syn-transition-run:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:4;pointer-events:none;animation:synDipWhite .75s ease both}@keyframes synDipWhite{0%{opacity:.95}to{opacity:0}}slideshow-component[data-transition=zoom-dip] .slideshow__slide.syn-transition-run .slideshow__media{animation:synZoomDip .75s ease both}slideshow-component[data-transition=zoom-dip] .slideshow__slide.syn-transition-run:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:4;pointer-events:none;animation:synZoomWhite .7s ease both}@keyframes synZoomDip{0%{opacity:.25;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}@keyframes synZoomWhite{0%{opacity:.55}to{opacity:0}}slideshow-component[data-transition=soft-zoom] .slideshow__slide.syn-transition-run .slideshow__media{animation:synSoftZoom .8s cubic-bezier(.22,.61,.36,1) both}@keyframes synSoftZoom{0%{opacity:.65;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}slideshow-component[data-transition=slide-fade] .slideshow__slide.syn-transition-run .slideshow__media{animation:synSlideFade .65s ease both}@keyframes synSlideFade{0%{opacity:.25;transform:translate(28px)}to{opacity:1;transform:translate(0)}}slideshow-component[data-transition=blur-fade] .slideshow__slide.syn-transition-run .slideshow__media{animation:synBlurFade .7s ease both}@keyframes synBlurFade{0%{opacity:.25;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.syn-animate{opacity:1}.syn-animate.syn-before-animation{opacity:0}.syn-animate.syn-animation-run[data-syn-animation=dissolve]{animation:synSectionDissolve .7s ease both}.syn-animate.syn-animation-run[data-syn-animation=soft-zoom]{animation:synSectionZoom .75s ease both}.syn-animate.syn-animation-run[data-syn-animation=slide-fade]{animation:synSectionSlide .7s ease both}.syn-animate.syn-animation-run[data-syn-animation=blur-fade]{animation:synSectionBlur .7s ease both}.syn-animate.syn-animation-run[data-syn-animation=zoom-dip]{animation:synSectionZoomDip .75s ease both}.syn-animate.syn-animation-run[data-syn-animation=dip-white]{animation:synSectionWhite .75s ease both}@keyframes synSectionDissolve{0%{opacity:0}to{opacity:1}}@keyframes synSectionZoom{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes synSectionSlide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes synSectionBlur{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@keyframes synSectionZoomDip{0%{opacity:0;transform:scale(1.06);filter:brightness(1.25)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes synSectionWhite{0%{opacity:0;filter:brightness(2)}to{opacity:1;filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.syn-transition-run,.syn-transition-run *,.syn-animate{animation:none!important;transition:none!important}}slideshow-component[data-transition] .syn-transition-run .slideshow__media,slideshow-component[data-transition] .syn-transition-run:after,.syn-animate.syn-animation-run{animation-duration:1.2s!important}
/*# sourceMappingURL=/cdn/shop/t/61/assets/synmac-animations.css.map */