.image-compare-slider{cursor:col-resize;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff1f;border-radius:16px;position:relative;overflow:hidden}.compare-img{object-fit:contain;width:100%;max-height:600px;display:block}.compare-before{position:absolute;inset:0}.compare-before .compare-img{object-fit:contain;width:100%;height:100%}.compare-label{letter-spacing:.5px;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;transition:opacity .2s;position:absolute;bottom:16px}.compare-label-before{color:#ffffffe6;background:#0009;left:16px}.compare-label-after{color:#5ce0d8;background:#5ce0d833;right:16px}.compare-divider{pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.compare-divider-line{background:#ffffffd9;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #0006}.compare-handle{z-index:11;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,background .15s;display:flex;position:relative;box-shadow:0 2px 12px #0000004d}.image-compare-slider:hover .compare-handle{background:#ffffff40;transform:scale(1.1)}