.image-compare[data-v-fc73d4f3]{position:relative;height:100%;width:inherit;min-height:200px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center}.image-compare__wrapper[data-v-fc73d4f3]{height:100%;width:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0 24px 24px}@media (min-width: 1200px){.image-compare__wrapper[data-v-fc73d4f3]{margin:24px}}.image-compare__loader[data-v-fc73d4f3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.image-compare__img[data-v-fc73d4f3]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;filter:blur(0px);transition:filter 1s}.image-compare__img--loading[data-v-fc73d4f3]{filter:blur(10px)}.image-compare__img--right[data-v-fc73d4f3]{z-index:2}.image-compare__img--left[data-v-fc73d4f3]{z-index:1}.image-compare__img img[data-v-fc73d4f3]{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}.image-compare__separator[data-v-fc73d4f3]{position:absolute;top:0;bottom:auto;width:1px;z-index:3;cursor:ew-resize;display:flex;align-items:center;justify-content:center;box-shadow:0 0 1px #0000004d;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-color:var(--syntx-ui-color-border-accent)}.image-compare__separator[data-v-fc73d4f3] *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;user-drag:none}.image-compare__arrow[data-v-fc73d4f3]{-webkit-filter:drop-shadow(0 0 1px rgba(0,0,0,.3));filter:drop-shadow(0 0 1px rgba(0,0,0,.3));color:var(--syntx-ui-color-icon-accent)}.image-compare__handle[data-v-fc73d4f3]{width:24px;height:24px;border-radius:50%;margin:auto}.image-compare__badge[data-v-fc73d4f3]{position:absolute;bottom:12px;padding:6px 10px;border-radius:6px;font-size:8px;line-height:1;pointer-events:none;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px);color:var(--syntx-ui-color-text-primary);background-color:var(--syntx-ui-color-overlay-50);letter-spacing:.2px}@media (min-width: 768px){.image-compare__badge[data-v-fc73d4f3]{font-size:12px;display:block}}.image-compare__badge--left[data-v-fc73d4f3]{left:12px}.image-compare__badge--right[data-v-fc73d4f3]{right:12px}