.before-after-wrapper{text-align:center;padding:90px 0}.before-after-wrapper p{font-size:14px;font-style:normal;font-weight:400;line-height:137%;display:block;max-width:200px;margin:0 auto;opacity:0}.before-after-wrapper .slide.is-selected p{opacity:100%}.before-after-wrapper p span{display:inline-block;width:100%;font-size:14px;font-style:normal;font-weight:500;line-height:33px;letter-spacing:1.82px;text-transform:uppercase;margin:35px 0 0}.before-after-wrapper p a{text-decoration:underline}.before-after-carousel{padding-top:60px}.before-after-carousel .slide{width:40%;padding:0 15px 30px}.before-after-wrapper .flickity-button{top:44%}.before-after-carousel .slide .image-wrapper{width:100%;margin:0 auto;position:relative}.before-after-carousel .slide .image-wrapper img{width:100%;height:auto;position:relative}.before-after-carousel .slide .image-wrapper img.after{position:absolute;top:0;left:50%;transform:translate(-50%);opacity:0;animation-name:before-after-pulse;animation-duration:6s;animation-timing-function:ease-out;animation-direction:normal;animation-iteration-count:infinite;animation-fill-mode:none;animation-play-state:paused}div.slide.is-selected .image-wrapper img.after,div.slide.is-selected .image-wrapper p.before,div.slide.is-selected .image-wrapper p.after{animation-play-state:running}div.slide .image-wrapper p{font-family:var(--typeHeaderPrimary);font-size:20px;font-style:normal;font-weight:700;line-height:33px;letter-spacing:2.6px;text-transform:uppercase;width:auto;position:absolute;bottom:5%}div.slide .image-wrapper p.left{left:5%}div.slide .image-wrapper p.center{left:50%;transform:translate(-50%)}div.slide .image-wrapper p.right{right:5%}div.slide .image-wrapper p.after{animation-name:before-after-pulse;animation-duration:6s;animation-timing-function:ease-out;animation-direction:normal;animation-iteration-count:infinite;animation-fill-mode:none;animation-play-state:paused}div.slide .image-wrapper p.before{animation-name:before-after-pulse-inverse;animation-duration:6s;animation-timing-function:ease-out;animation-direction:normal;animation-iteration-count:infinite;animation-fill-mode:none;animation-play-state:paused}@media screen and (max-width: 1023px){.before-after-carousel{padding-top:30px}.before-after-carousel .slide{width:80%;padding:0 8px 30px}.before-after-wrapper p span{margin:10px 0 0}.before-after-carousel .flickity-button{display:none}}@keyframes before-after-pulse{0%{opacity:0%}40%{opacity:0%}50%{opacity:100%}90%{opacity:100%}to{opacity:0%}}@keyframes before-after-pulse-inverse{0%{opacity:100%}40%{opacity:100%}50%{opacity:0%}90%{opacity:0%}to{opacity:100%}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/section-before-and-after.css.map */