/* Clip captions to the same sides as the photos, including both endpoints. */
.cmp-caption-layer{position:absolute;inset:0;pointer-events:none;transition:clip-path .45s cubic-bezier(.2,.7,.3,1)}
.cmp-caption-original{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.cmp-caption-result{clip-path:inset(0 0 0 var(--x))}
.compare.live .cmp-caption-layer{transition:none}
.compare .cmp-tag{max-width:calc(100% - 24px);box-sizing:border-box}
.request-example{padding:12px;border:1px solid #c6d0e1;border-radius:8px;background:#f5f7fc;color:#24314b}
@media(prefers-reduced-motion:reduce){.compare .cmp-caption-layer,.compare .cmp-staged,.compare .cmp-line,.compare .cmp-grip{transition:none}}