.before-after-item{position:relative;display:flex;border-radius:.6rem;overflow:hidden}.before-after-slider-wrapper{background-color:#fff}.before-image{z-index:1;pointer-events:none;clip-path:polygon(0 0,50% 0,50% 100%,0 100%);position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%}.after-image{z-index:2;pointer-events:none;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%}.before-after-splitter{position:absolute;left:50%;transform:translate(-50%);top:0;bottom:0;width:.1rem;display:flex;align-items:center;z-index:101;background:#000}.handle-marker{background-color:#000;color:#fff}.before-after-label{height:2.8rem;position:absolute;top:50%;transform:translateY(-50%);z-index:5;font-weight:600;font-size:1.2rem}.before-after-label--left{left:2.2rem}.before-after-label--right{right:2.2rem}.circle-dotted-white{z-index:4}.handle-marker{display:flex;justify-content:center;align-items:center;position:absolute;width:5rem;height:5rem;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;gap:.4rem}.handle-marker-pipe{height:1.2rem;width:.1rem}.progress-image{max-width:14rem}.before-after-item__label{position:absolute;top:50%;transform:translateY(-50%);z-index:5;font-weight:600;font-size:1.2rem;line-height:160%;background-color:#fff;color:#484848;padding:1.4rem 1.2rem;display:flex;justify-content:center;align-items:center;border-radius:2.8rem;min-height:4.7rem;box-sizing:border-box;cursor:default;min-width:5.4rem}.before-after-item__before-label{left:1.9rem}.before-after-item__after-label{right:1.9rem;left:auto}.before-after-item .before-after-circle{position:absolute;border:.2rem dotted white;aspect-ratio:1;z-index:100;display:block!important;border-radius:50%}@media screen and (max-width:749px){.handle-marker{width:3.4rem;height:3.4rem}.handle-marker .icon{width:1.8rem;height:auto}.before-after-item__label{min-height:2.5rem;padding:.45rem 1.2rem;font-size:1rem;line-height:110%;min-width:50px}.before-after-item__before-label{left:1.2rem}.before-after-item__after-label{right:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/before-after-image.css.map */