.hg-compare{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.hg-compare .layer{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}.hg-compare .clip{position:absolute;inset:0}.hg-compare .handle{background:#ffffffe0;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.hg-compare .handle:focus-visible{outline:none}.hg-compare .handle:focus-visible .knob{box-shadow:0 0 0 3px var(--hg3-accent-soft,#e832b024)}.hg-compare .knob{color:#fff;background:#0a0b0db8;border:2px solid #ffffffe0;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hg-compare .tag{color:#fff;text-shadow:0 1px 2px #0000008c;pointer-events:none;background:#0a0b0dc7;border:1px solid #ffffff42;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.35;position:absolute;bottom:8px}.hg-compare .tag-before{left:8px}.hg-compare .tag-after{right:8px}