/* Same on-picture divider and fine controls as Impossible Rides. */
.comparison { isolation: isolate; }
#compare-line { position:absolute;inset:0 auto 0 var(--reveal);width:52px;height:100%;padding:0;border:0;background:transparent;transform:translateX(-50%);z-index:2;cursor:ew-resize;touch-action:none; }
#compare-line::before { content:'';position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:#f6faf7;box-shadow:0 0 0 1px #10181725; }
#compare-line span { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:36px;display:grid;place-items:center;color:#fff; }
#compare-line svg { width:64px;height:32px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0004); }
#compare-line:hover svg,.is-comparing #compare-line svg { filter:drop-shadow(0 1px 3px #0007); }
#compare-line:focus-visible { outline:0; }
#compare-line:focus-visible span { outline:2px solid white;outline-offset:4px; }
.comparison-control { display:flex;align-items:center;justify-content:space-between;padding-top:12px;gap:24px;color:var(--muted); }
#comparison-hint { font-size:12px; }
#comparison-hint span { display:block;font-size:10px;margin-top:2px; }
.comparison-fine { display:flex;align-items:center;gap:12px;width:300px;max-width:45%; }
.comparison-fine input { min-width:64px;flex:1;cursor:pointer; }
.comparison-fine output { font-variant-numeric:tabular-nums;font-size:11px;text-align:right;min-width:32px; }
#reset-comparison { background:transparent;border:1px solid var(--line);border-radius:3px;min-height:44px;padding:0 12px;white-space:nowrap;font-size:11px;color:var(--paper); }
#reset-comparison:hover { background:#233127; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@media(max-width:640px) {
  .comparison-control { display:block; }
  .comparison-fine { width:100%;max-width:none;gap:14px;margin-top:6px; }
  #comparison-hint span { display:none; }
  #compare-line span { width:44px;height:44px; }
}