.before-after-container{position:relative;max-width:100%;margin:0 auto;border-radius:15px;overflow:hidden;view-timeline-name:--before-after}.after,.line{position:absolute;top:0;left:0}.after{clip-path:polygon(0 0,100% 0,100% 0,0 0);animation:revealAfter linear both;animation-timeline:--before-after;animation-range:cover 39% contain 80%;@keyframes revealAfter{50%{clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}90%{clip-path:polygon(0 0,100% 0,100% 80%,0 80%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}}.line{width:100%;height:3px;background:#f3edd4;animation:moveLine linear both;animation-timeline:--before-after;animation-range:cover 39% contain 80%;@keyframes moveLine{0%{opacity:0}1%,99%{opacity:1}to{top:calc(100% - 3px);opacity:0}}}figure{margin:0;position:relative}figcaption{position:absolute;font-size:18px;font-weight:500}.after figcaption{top:40px;left:20px}.before figcaption{bottom:50px;right:19px}@media all and (max-width: 767px){.before-after,.before,.after{height:500px}.after-image img,.before-image img{width:100%;height:500px!important;object-fit:cover}.page-width-before-after{padding:0!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/before-after.css.map */