.jjcmp{position:relative;overflow:hidden;border-radius:15px;line-height:0}
.jjcmp img{display:block;width:100%;height:auto}
.jjcmp .jjcmp-b{position:absolute;top:0;left:0;right:0;bottom:0;clip-path:inset(0 50% 0 0)}
.jjcmp .jjcmp-h{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 6px rgba(0,0,0,.4)}
.jjcmp .jjcmp-k{position:absolute;top:50%;left:50%;width:38px;height:38px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 1px 6px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;font:700 16px/1 sans-serif;color:#343637;pointer-events:none}
.jjcmp input[type=range]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;-webkit-appearance:none;appearance:none;touch-action:none}
.jjcmp .jjcmp-l{position:absolute;top:12px;z-index:2;font:600 12px/1 'Source Sans 3',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.88);background:rgba(52,54,55,.32);padding:6px 12px;border-radius:20px;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.jjcmp .jjcmp-lv{left:12px}
.jjcmp .jjcmp-ln{right:12px}
.jjcmp .jjcmp-n{position:absolute;top:0;left:0;right:0;bottom:0;clip-path:inset(0 0 0 50%);pointer-events:none}