.compare[data-v-884f7e76]{border:1px solid var(--hairline);border-radius:var(--r-md);cursor:ew-resize;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.cmp-img[data-v-884f7e76]{display:block;pointer-events:none;width:100%;-webkit-user-drag:none}.cmp-before[data-v-884f7e76]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute}.cmp-divider[data-v-884f7e76]{background:#ffffffe6;bottom:0;box-shadow:0 0 6px #00000059;margin-left:-1px;pointer-events:none;position:absolute;top:0;width:2px}.cmp-knob[data-v-884f7e76]{background:#fffffff2;border-radius:50%;box-shadow:0 1px 6px #0000004d;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.cmp-knob[data-v-884f7e76]:after,.cmp-knob[data-v-884f7e76]:before{border-bottom:4px solid transparent;border-top:4px solid transparent;content:"";margin-top:-4px;position:absolute;top:50%}.cmp-knob[data-v-884f7e76]:before{border-right:5px solid var(--ink-0);left:6px}.cmp-knob[data-v-884f7e76]:after{border-left:5px solid var(--ink-0);right:6px}.cmp-tag[data-v-884f7e76]{background:#1111119e;border-radius:999px;color:#fff;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;padding:3px 9px;pointer-events:none;position:absolute;text-transform:uppercase;top:10px}.cmp-tag-l[data-v-884f7e76]{left:10px}.cmp-tag-r[data-v-884f7e76]{right:10px}