.image-compare[data-v-ffa7daaa]{aspect-ratio:16/10;background-color:#292524;background-image:linear-gradient(45deg,#1c1917 25%,transparent 0),linear-gradient(-45deg,#1c1917 25%,transparent 0),linear-gradient(45deg,transparent 75%,#1c1917 0),linear-gradient(-45deg,transparent 75%,#1c1917 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:16px;cursor:ew-resize;margin-top:2rem;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-compare.is-dragging[data-v-ffa7daaa]{cursor:grabbing}html:not(.dark) .image-compare[data-v-ffa7daaa]{background-color:#fafaf9;background-image:linear-gradient(45deg,#d6d3d1 25%,transparent 0),linear-gradient(-45deg,#d6d3d1 25%,transparent 0),linear-gradient(45deg,transparent 75%,#d6d3d1 0),linear-gradient(-45deg,transparent 75%,#d6d3d1 0)}.compare-image[data-v-ffa7daaa]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.compare-overlay[data-v-ffa7daaa]{inset:0;overflow:hidden;position:absolute}.compare-overlay .compare-image[data-v-ffa7daaa]{height:100%;width:100%}.compare-slider-line[data-v-ffa7daaa]{background:#fff;bottom:0;position:absolute;top:0;transform:translate(-50%);width:3px;z-index:10}.compare-slider-handle[data-v-ffa7daaa]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:2px solid #fff;border-radius:50%;display:flex;height:28px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s ease,transform .15s ease;width:28px}.compare-slider-handle svg[data-v-ffa7daaa]{color:#fff;height:16px;width:16px}.image-compare.is-dragging .compare-slider-handle[data-v-ffa7daaa],.image-compare:hover .compare-slider-handle[data-v-ffa7daaa]{background:#f59e0be6}.compare-slider-handle[data-v-ffa7daaa]:hover{background:#000000d9;transform:translate(-50%,-50%) scale(1.1)}