.before-after[data-v-9161e22f]{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#e9efec;border-radius:10px;width:100%;position:relative;overflow:hidden}.before-after img[data-v-9161e22f]{-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.before-after.contain img[data-v-9161e22f]{-o-object-fit:contain;object-fit:contain}.before-image[data-v-9161e22f]{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.comparison-label[data-v-9161e22f]{color:#2f4a40;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#ffffffe0;border-radius:5px;padding:5px 9px;font-size:11px;font-weight:650;position:absolute;top:12px}.before-label[data-v-9161e22f]{left:12px}.after-label[data-v-9161e22f]{right:12px}.comparison-handle[data-v-9161e22f]{top:0;bottom:0;left:var(--position);outline:none;width:2px;margin-left:-1px;box-shadow:0 0 0 1px #18302a1f}.comparison-handle[data-v-9161e22f],.handle-knob[data-v-9161e22f]{background:#fff;position:absolute}.handle-knob[data-v-9161e22f]{color:#1c7a64;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #18302a33}.comparison-handle:focus-visible .handle-knob[data-v-9161e22f]{outline-offset:2px;outline:3px solid #5c9687}
