.image-comparison[data-v-ab4dc938]{border-radius:8px;box-shadow:0 4px 12px #00000026;display:inline-block;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.before-image[data-v-ab4dc938]{overflow:hidden;z-index:2}.after-image[data-v-ab4dc938],.before-image[data-v-ab4dc938]{height:100%;left:0;position:absolute;top:0;width:100%}.after-image[data-v-ab4dc938]{z-index:1}.comparison-image[data-v-ab4dc938]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.after-text[data-v-ab4dc938],.before-text[data-v-ab4dc938]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#2d2d2dcc;border-radius:6px;bottom:12px;color:#fff;font-size:14px;padding:6px 12px;position:absolute;white-space:nowrap}.before-text[data-v-ab4dc938]{left:12px}.after-text[data-v-ab4dc938]{right:12px}.slider-bar[data-v-ab4dc938]{box-shadow:0 0 10px #0000004d;height:100%;top:0;transform:translate(-50%);width:2px;z-index:3}.slider-bar[data-v-ab4dc938],.slider-button[data-v-ab4dc938]{background:#fff;position:absolute}.slider-button[data-v-ab4dc938]{align-items:center;border:2px solid #409eff;border-radius:50%;box-shadow:0 2px 12px #0003;cursor:grab;display:flex;gap:2px;height:44px;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:44px}.slider-button[data-v-ab4dc938]:hover{box-shadow:0 4px 16px #409eff4d;transform:translate(-50%,-50%) scale(1.1)}.slider-button[data-v-ab4dc938]:active{cursor:grabbing;transform:translate(-50%,-50%) scale(.95)}.arrow-left[data-v-ab4dc938],.arrow-right[data-v-ab4dc938]{color:#409eff;font-size:12px}.arrow-left[data-v-ab4dc938]{margin-right:-2px}.arrow-right[data-v-ab4dc938]{margin-left:-2px}