.img-txt .img-txt-inner .img{position:relative}.img-txt .img-txt-inner .img .before{position:absolute;left:0;top:0;height:100%;background-image:var(--bg-before);background-position:left;background-size:cover}.img-txt .img-txt-inner .img .slider{position:absolute;top:0;width:0;outline:2px solid #fff;height:100%}.img-txt .img-txt-inner .img .slider .svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;cursor:pointer}.img-txt .img-txt-inner .img.active .before{animation:BeAfImg 5s infinite;animation-delay:5s}.img-txt .img-txt-inner .img.active .slider{animation:BeAfSlider 5s infinite;animation-delay:5s}@keyframes BeAfSlider{10%{left:50%}20%{left:40%}30%{left:60%}40%{left:50%}}@keyframes BeAfImg{10%{width:50%}20%{width:40%}30%{width:60%}40%{width:50%}}be-af,be-af .be-af-slider{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.before-after--mobile{display:none}.before-after--desktop{display:block}@media(max-width:1135px){.before-after--desktop{display:none}.before-after--mobile{display:block}}.before-after--mobile img,.before-after--mobile svg{display:block;width:100%;height:auto}.before-after--desktop be-af{display:block;position:relative;width:100%}.before-after--desktop be-af>img{display:block;width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/42/assets/before-after.css.map */