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