.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%)}.after-image{z-index:2;pointer-events:none;clip-path:polygon(50% 0,100% 0,100% 100%,50% 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:#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:3.6rem;height:3.6rem;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-slider-wrapper .slider__thumbs{max-width:21rem;margin-left:auto;margin-right:auto;margin-top:.4rem}.before-after-slider-wrapper .card-thumbs{padding-left:.2rem;padding-right:.2rem}.before-after-slider-wrapper .card-thumbs a{display:flex;border-radius:.4rem;overflow:hidden}.before-after-slider-wrapper .slider__thumb{opacity:.6}.before-after-slider-wrapper .slider__thumb[aria-current=true]{opacity:1}.before-after-slider-wrapper .slider__previous{left:-4.5rem;position:absolute;top:50%;transform:translateY(-50%);background-color:unset}.before-after-slider-wrapper .slider__next{right:-4.5rem;position:absolute;top:50%;transform:translateY(-50%);background-color:unset}.before-after-slider-wrapper .slider__previous:hover,.before-after-slider-wrapper .slider__next:hover{transform:translateY(-50%)}.before-after-slider-wrapper .before-after-note{color:#696969}@media (max-width: 767px){.before-after-slider-wrapper{background-color:#000}.before-after-slider-wrapper .before-after-note{background-color:#fff}.before-after-slider-wrapper .slider__previous{left:0;position:absolute;top:0;height:6.6rem;background-color:#2d2d2d;width:8rem;transform:translate(calc(-100% - .2rem),-50%);color:#fff}.before-after-slider-wrapper .slider__next{right:0;position:absolute;top:0;background-color:#2d2d2d;height:6.6rem;width:8rem;transform:translate(calc(100% + .2rem),-50%);color:#fff}.before-after-slider-wrapper .slider__thumbs{padding-bottom:.4rem}}
/*# sourceMappingURL=/cdn/shop/t/171/assets/component-before-after-item.css.map */