/* Subtle editorial marks on the six verified homepage comparison photographs. */
.case-compare__media>.compare-highlights,
.compare-highlights>.compare-highlight,
.compare-highlight>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.case-compare__media>.compare-highlights{z-index:3;overflow:hidden;color:#b8ddff}
.compare-highlights>.compare-highlight{opacity:0;transition:opacity .16s ease}
.compare-highlights>.compare-highlight.is-shown{opacity:1}
.compare-highlight[data-compare-stage="before"]{color:#e2e8ef}
.compare-highlight>svg{overflow:visible;filter:drop-shadow(0 1px 1px #0009)}
.compare-highlight__trace{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0}
.compare-highlight.is-shown .compare-highlight__trace{stroke-dashoffset:0}
.compare-highlight--ring .compare-highlight__trace{stroke-width:1.2}
.compare-highlight__label{position:absolute;display:block;max-width:82%;margin:0;padding:5px 7px;border:1px solid #b8ddff80;border-radius:5px;color:#fff;background:#12212fe8;font:500 13px/1.4 var(--font-sans,sans-serif);letter-spacing:-.03em;white-space:normal;word-break:keep-all;text-shadow:none;box-shadow:0 2px 8px #00000010}
.compare-highlight__label--top-left{top:4%;left:4%}
.compare-highlight__label--bottom-left{bottom:4%;left:4%}
.compare-highlight__label--bottom-right{bottom:4%;right:4%}
/* Hide the previous marks synchronously, even before MutationObserver runs. */
.case-compare--auto:not([data-compare-state="before"]) .compare-highlight[data-compare-stage="before"],
.case-compare--auto:not([data-compare-state="after"]) .compare-highlight[data-compare-stage="after"]{visibility:hidden}
@media(max-width:700px){
 .compare-highlight__label{font-size:13px;padding:5px 7px}
 .j-case:not(:first-child) .compare-highlight__label{font-size:12px;line-height:1.4;padding:5px 6px;max-width:88%;border-radius:4px}
 .j-case:not(:first-child) .compare-highlight__trace{stroke-width:1.1}
}
@media(prefers-reduced-motion:reduce){
 .compare-highlights>.compare-highlight,.compare-highlight__trace{transition:none!important}
 .compare-highlight__trace{stroke-dashoffset:0}
}

.case-compare>.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}
