.before-after{--pos: 50%;position:relative;overflow:hidden;aspect-ratio:var(--ratio, 1512/805);margin:24px 0 32px;background:#070b24;user-select:none;-webkit-user-select:none}body .before-after img.before-after__img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;box-shadow:none;object-fit:cover;object-position:top center}body .before-after img.before-after__img--before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.before-after__divider{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:rgba(255,255,255,.85);pointer-events:none}.before-after__handle{position:absolute;top:50%;left:var(--pos);width:56px;height:56px;margin:-28px 0 0 -28px;background:#f5f3ef;box-shadow:0 4px 16px rgba(0,0,0,.25);pointer-events:none}.before-after__handle::before,.before-after__handle::after{content:"";position:absolute;top:50%;width:8px;height:8px;margin-top:-5px;border:solid #1a1a1a;border-width:0 0 2px 2px}.before-after__handle::before{left:17px;transform:rotate(45deg)}.before-after__handle::after{right:17px;transform:rotate(-135deg)}.before-after__label{position:absolute;bottom:24px;padding:10px 20px;background:#8e90fe;box-shadow:0 6px 20px rgba(20,22,60,.35);color:#fff;font-size:16px;font-weight:700;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}.before-after__label--before{left:24px;background:#242424}.before-after__label--after{right:24px}.before-after__range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0)}.before-after:has(.before-after__range:focus-visible) .before-after__handle{outline:3px solid #8e90fe;outline-offset:3px}@media(max-width: 600px){.before-after__handle{width:44px;height:44px;margin:-22px 0 0 -22px}.before-after__handle::before{left:12px}.before-after__handle::after{right:12px}.before-after__label{bottom:12px;padding:7px 12px;font-size:12px}.before-after__label--before{left:12px}.before-after__label--after{right:12px}}