.image-reveal{position:relative;display:flex;overflow:clip}.image-reveal.with-captions:after{content:"AFTER";position:absolute;font-family:var(--font-body);color:#fff;background-color:var(--raisin_black75);font-size:.75rem;font-weight:var(--semibold);letter-spacing:.03em;padding:.25rem .5rem;border-radius:.25rem;top:1rem;right:1rem;z-index:10}.image-reveal.with-captions:before{content:"BEFORE";position:absolute;font-family:var(--font-body);color:#fff;background-color:var(--raisin_black75);font-size:.75rem;font-weight:var(--semibold);letter-spacing:.03em;padding:.25rem .5rem;border-radius:.25rem;top:1rem;left:1rem;z-index:10}.image-reveal.with-captions.option-captions:after{content:"OPTION B"}.image-reveal.with-captions.option-captions:before{content:"OPTION A"}.image-reveal>picture:first-of-type{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.image-reveal .compare{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);height:100%;width:.125rem;background-color:var(--mikado-yellow);cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.image-reveal .compare:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.image-reveal .compare>svg{position:absolute;top:50%;left:50%;z-index:4;width:2.5rem;transform:translate(-50%,-50%);background-color:var(--mikado-yellow);padding:.5rem;border-radius:50%;color:var(--raisin_black)}.image-reveal>picture:last-of-type{position:relative;width:100%;height:100%;object-fit:cover;aspect-ratio:19/9}.image-reveal>picture:first-of-type{clip-path:inset(0 50% 0 0);transition:clip-path .2s ease}@media screen and (max-width:768px){.image-reveal>picture:last-of-type{aspect-ratio:1/1}}