.vnc__before-after{--ba-pos:50%;aspect-ratio:16/9;inline-size:100%;max-inline-size:1440px;overflow:hidden;position:relative;user-select:none}.vnc__before-after-layer{inset:0;position:absolute}.vnc__before-after-layer--before{clip-path:inset(0 calc(100% - var(--ba-pos)) 0 0)}.vnc__before-after-layer--after{clip-path:inset(0 0 0 var(--ba-pos))}.vnc__image-teaser .vnc__before-after img{block-size:100%;inline-size:100%;height:100%;inset:0;max-inline-size:none;object-fit:cover;pointer-events:none;position:absolute}.vnc__before-after-label{background:var(--color-background);border-radius:4px;color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--fs-p-sm);line-height:1.625;padding:3px 12px;pointer-events:none;position:absolute;top:1rem;z-index:1}.vnc__before-after-label--before{left:1rem}.vnc__before-after-label--after{right:1rem}.vnc__before-after-handle{bottom:0;inline-size:4px;left:var(--ba-pos);margin-inline-start:-2px;pointer-events:none;top:0;z-index:2}.vnc__before-after-arrows,.vnc__before-after-handle{background:var(--color-secondary-100);position:absolute}.vnc__before-after-arrows{align-items:center;block-size:40px;border-radius:4px;color:var(--color-text-primary);display:flex;inline-size:56px;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.vnc__before-after-arrows svg{block-size:24px;flex:0 0 auto;inline-size:40px;max-inline-size:none}.vnc__before-after-range{-webkit-appearance:none;appearance:none;block-size:100%;cursor:ew-resize;inline-size:100%;inset:0;margin:0;opacity:0;position:absolute;touch-action:pan-y;z-index:3}.vnc__before-after-range::-webkit-slider-thumb{-webkit-appearance:none;block-size:100vh;inline-size:48px}.vnc__before-after-range::-moz-range-thumb{block-size:100vh;border:0;inline-size:48px}.vnc__before-after:has(.vnc__before-after-range:focus-visible) .vnc__before-after-arrows{outline:2px solid var(--color-black);outline-offset:2px}@media (max-width:767px){.vnc__before-after-label{font-size:.875rem;padding:2px 8px;top:.5rem}.vnc__before-after-label--before{left:.5rem}.vnc__before-after-label--after{right:.5rem}.vnc__before-after-arrows{block-size:32px;inline-size:44px}.vnc__before-after-arrows svg{block-size:20px;inline-size:32px}}