.swipe-compare{--split:50%;width:300px;min-height:200px;max-height:225px;font-family:Helvetica,Arial,sans-serif}.swipe-compare-images{cursor:pointer;touch-action:none;width:100%;height:100%;min-height:200px;position:relative;overflow:hidden}.swipe-compare-side{position:absolute;inset:0}.swipe-compare-side--after{z-index:1}.swipe-compare-side--before{z-index:2;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.swipe-compare.is-animating .swipe-compare-side--before{transition:clip-path .5s}.swipe-compare.is-animating .swipe-compare-handle{transition:left .5s}.swipe-compare-img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.swipe-compare-img.is-visible{opacity:1}.swipe-compare-handle{top:0;left:var(--split);cursor:col-resize;z-index:15;width:40px;height:100%;margin-left:-20px;position:absolute}.swipe-compare-control{background-color:#f3f3f3;width:3px;height:100%;margin:0 auto}.swipe-compare-arrow{width:0;height:0;margin:auto;transition:all .2s;position:absolute;top:0;bottom:0}.swipe-compare-arrow--left{border:8px solid #0000;border-left-width:0;border-right-color:#f3f3f3;left:2px}.swipe-compare-arrow--right{border:8px solid #0000;border-left-color:#f3f3f3;border-right-width:0;right:2px}.swipe-compare-handle:hover .swipe-compare-arrow--left,.swipe-compare-handle:active .swipe-compare-arrow--left{left:-1px}.swipe-compare-handle:hover .swipe-compare-arrow--right,.swipe-compare-handle:active .swipe-compare-arrow--right{right:-1px}.swipe-compare-label{color:#fff;z-index:10;white-space:nowrap;padding:.25em .75em;font-size:1em;line-height:18px;position:absolute;top:0}.swipe-compare-label--before{background-color:#e2b429;left:0}.swipe-compare-label--after{background-color:#2195d0;right:0}.swipe-compare-label:focus{color:#000;background:#eae34a}.swipe-compare-dots{justify-content:space-between;padding:2px;display:flex}.swipe-compare-dots-group{gap:4px;display:flex}.swipe-compare-dot{cursor:pointer;background-color:#ccc;border-radius:50%;width:9px;height:9px;transition:background-color .6s;display:inline-block}.swipe-compare-dot.is-active,.swipe-compare-dot:hover{background-color:#274871}