.before-after{position:relative;width:100%;height:100%;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:none;overflow:hidden}@media (hover: none){.before-after{cursor:pointer;touch-action:auto}}.before-after__img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.before-after__before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.before-after__divider{position:absolute;top:0;bottom:0;width:3px;background:var(--white, #fff);transform:translate(-50%);z-index:5;box-shadow:0 0 8px #0000004d}.before-after__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--white, #fff);border:3px solid rgba(255,255,255,.9);box-shadow:0 2px 12px #00000040}.before-after__handle:before,.before-after__handle:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-top:2px solid var(--dark, #050f1e);border-right:2px solid var(--dark, #050f1e)}.before-after__handle:before{left:7px;transform:translateY(-50%) rotate(-135deg)}.before-after__handle:after{right:7px;transform:translateY(-50%) rotate(45deg)}.before-after__label{position:absolute;bottom:1rem;z-index:6;padding:.3rem .8rem;border-radius:var(--radius-pill, 30px);font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;transition:opacity .4s ease}.before-after__label--before{left:1rem;background:#050f1e99;color:var(--white, #fff);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.before-after__label--after{right:1rem;background:#4dd9c0d9;color:var(--dark, #050f1e);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}