rhg-image-comparison{display:block;margin-top:20px;--comparison-position:50%}rhg-image-comparison[hidden]{display:none}.comparison-stage{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e2e5db;isolation:isolate}.comparison-stage[hidden]{display:none}.comparison-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.comparison-render{clip-path:inset(0 0 0 var(--comparison-position))}.comparison-label{position:absolute;top:10px;padding:5px 8px;max-width:46%;background:#123f37ed;color:white;font-size:10px;line-height:1.3;pointer-events:none;z-index:2}.comparison-label.original{left:8px}.comparison-label.rendered{right:8px;text-align:right}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--comparison-position);width:2px;background:white;box-shadow:0 0 4px #0006;pointer-events:none}.comparison-range{position:absolute;left:-22px;top:calc(50% - 22px);width:calc(100% + 44px);height:44px;margin:0;padding:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:ew-resize;touch-action:none;z-index:3}.comparison-range::-webkit-slider-runnable-track{height:44px;background:transparent}.comparison-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:44px;border:2px solid white;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='m15 15-5 5 5 5m10-10 5 5-5 5M20 12v16' fill='none' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") center/40px;box-shadow:0 2px 8px #0005}.comparison-range::-moz-range-track{height:44px;background:transparent}.comparison-range::-moz-range-thumb{width:40px;height:40px;border:2px solid white;border-radius:50%;background:var(--green);box-shadow:0 2px 8px #0005}.comparison-range:focus-visible{outline:none}.comparison-stage:focus-within{outline:3px solid var(--gold);outline-offset:-3px}.comparison-range:focus-visible::-webkit-slider-thumb{outline:3px solid var(--gold);outline-offset:3px}.comparison-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0}.comparison-controls[hidden]{display:none}.comparison-controls button{background:#fff9;border:1px solid var(--line);min-height:44px;padding:6px 10px;font-size:11px}.comparison-controls output{font-size:10px;flex:1;text-align:center}.comparison-figure figcaption{font-size:10px;line-height:1.6}.comparison-figure strong{font-weight:600}.comparison-error{font-size:12px}.comparison-error[hidden]{display:none}@media(max-width:650px){.comparison-stage{min-height:210px}.comparison-label{font-size:9px}.comparison-controls button{padding:7px 9px}}