/* Figma 4146:5321. Native layers inside the original raster's 3737:990 footprint. */
.page-jd .jd-comparison{position:relative;width:min(1860px,100%);aspect-ratio:3737/990;container-type:inline-size;isolation:isolate}
.page-jd .jd-compare-object{position:absolute;left:calc((var(--x) + 1)/18.685*1cqw);top:calc((var(--y) + 1)/18.685*1cqw);width:calc(var(--w)/18.685*1cqw);height:calc(var(--h)/18.685*1cqw)}
.page-jd .jd-compare-field{border:1px dashed transparent;border-radius:16.05565962cqw;background:linear-gradient(to left,#2d2d2d,#1e1e1e)}
.page-jd .jd-compare-field--after{background:linear-gradient(to right,#2d2d2d,#1e1e1e)}
.page-jd .jd-compare-tag{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:.107037731cqw dashed #323232;border-radius:50%;background:var(--bg);font-size:1.712603693cqw;line-height:1.25;font-weight:500;white-space:nowrap;color:var(--t1)}
.page-jd .jd-compare-tag--after{border-color:#665735;color:var(--gold)}
.page-jd .jd-compare-english{font-family:'IBM Plex Sans',var(--sans);font-style:italic;line-height:1.65;color:rgba(255,255,255,.5)}
.page-jd .jd-compare-photo{z-index:1;overflow:hidden}
.page-jd .jd-comparison .jd-compare-photo>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.page-jd .jd-compare-masked{mask-image:url(assets/jd-comparison/sample-mask.svg);mask-size:100% 100%;mask-repeat:no-repeat;mask-mode:alpha}
.page-jd .jd-comparison .jd-compare-masked>img{inset:auto;left:calc(var(--ix)/18.685*1cqw);top:calc(var(--iy)/18.685*1cqw);width:calc(var(--iw)/18.685*1cqw);height:calc(var(--ih)/18.685*1cqw)}
.page-jd .jd-compare-driver{z-index:2;background:#252525}
.page-jd .jd-comparison .jd-compare-driver>img{inset:.214075462cqw;width:calc(100% - .428150924cqw);height:calc(100% - .428150924cqw)}
.page-jd .jd-compare-driver-label{position:absolute;z-index:1;left:10%;top:10%;width:80%;height:80%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(27,27,26,.7);font-size:1.28445277cqw;line-height:1.25;font-weight:500;white-space:nowrap;color:#fff}
.page-jd .jd-compare-curves{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}

/* One-pass emphasis layers; the static diagram remains unchanged when they finish. */
.page-jd .jd-compare-cue{position:absolute;inset:0;border:1px solid rgba(216,162,74,.65);border-radius:inherit;background:rgba(216,162,74,.08);opacity:0;pointer-events:none}
.page-jd .jd-compare-wire-effects{overflow:visible;pointer-events:none;filter:drop-shadow(0 0 1.5px rgba(255,224,160,.7))}
.page-jd .jd-compare-wire-pulse{opacity:0}