.wd-compare-img{overflow:hidden;position:relative;border-radius:var(--wd-brd-radius);cursor:col-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;display:inline-flex}.wd-compare-img img{pointer-events:none}.wd-compare-img :is(.wd-before-img,.wd-after-img){background-color:var(--wd-main-bgcolor)}.wd-compare-img .wd-before-img{clip-path:polygon(0 0,var(--wd-compare-handle-pos,50%) 0,var(--wd-compare-handle-pos,50%) 100%,0 100%)}.wd-compare-img .wd-after-img{position:absolute;inset:0}.wd-compare-img .wd-after-img img{height:100%;object-fit:cover;width:100%}.wd-compare-img-handle{color:var(--color-gray-800);position:absolute;inset-block:0;background-color:var(--bgcolor-white);left:calc(var(--wd-compare-handle-pos, 50%) - 2px);width:4px}.wd-compare-img-handle span{height:30px;justify-content:center;font-size:12px;position:absolute;gap:5px;top:calc(50% - 15px);background-color:inherit;align-items:center;border-radius:50%;left:calc(50% - 15px);width:30px;line-height:1;display:flex}.rtl .wd-compare-img-handle span{flex-direction:row-reverse}.wd-compare-img-handle span:before{content:"\f114";font-family:woodmart-font}.wd-compare-img-handle span:after{content:"\f113";font-family:woodmart-font}