.section-befire-after-image .image-indexs{position:relative;min-height:var(--min-height-mobile);max-height:var(--min-height-mobile);overflow:hidden}.section-befire-after-image .image-indexs .second-image{position:absolute}.section-befire-after-image .image-indexs .grad-slider{position:absolute;top:50%;width:100%;left:0;z-index:21;transform:translateY(-50%);opacity:0;height:54px;cursor:pointer}.section-befire-after-image .image-indexs .before-after-image--divider{position:absolute;top:0;bottom:0;z-index:2;width:5px;left:calc(var(--percentage) - 1px);background:#fff;box-shadow:0 4px 4px #00000040}.section-befire-after-image .image-indexs .before-after-image--divider svg{position:absolute;top:50%;left:50%;z-index:11;transform:translate3d(-50%,-50%,0);z-index:20;border-radius:20px;cursor:pointer;width:30px;height:31px}.section-befire-after-image .image-indexs .second-image{clip-path:polygon(0 0,var(--percentage) 0,var(--percentage) 100%,0% 100%)}.image-before-after-wrapper{border-radius:20px;overflow:hidden}@media (min-width: 768px){.section-befire-after-image .image-indexs{min-height:var(--min-height-desktop);max-height:var(--min-height-desktop)}.section-befire-after-image .image-indexs .before-after-image--divider svg{width:60px;height:61px}}@media (min-width: 992px){.image-before-after-wrapper .image-block{width:59.81%}.image-before-after-wrapper .content-block{width:40.19%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-before-after-image.css.map */