.before-after .comparison-slider{position:relative;width:100%;overflow:hidden;user-select:none;aspect-ratio:16/9}.before-after .comparison-after,.before-after .comparison-before{position:absolute;top:0;left:0;width:100%;height:100%}.before-after .comparison-before{z-index:1}.before-after .comparison-after img,.before-after .comparison-before img{width:100%;height:100%;object-fit:cover}.before-after .comparison-after{z-index:2;clip-path:inset(0 0 0 50%)}.before-after .comparison-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translateX(-50%);z-index:3;cursor:ew-resize;display:flex;flex-direction:column;align-items:center;justify-content:center}.before-after .comparison-handle-line{flex:1;width:100%;background:var(--bs-body-bg);box-shadow:0 0 20px rgba(var(--bs-dark-rgb),.3)}.before-after .comparison-handle-button{width:48px;height:48px;border-radius:50%;background:var(--bs-body-bg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(var(--bs-dark-rgb),.2);color:var(--before-after-accent);transition:.3s}.before-after .comparison-handle-button:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(var(--bs-dark-rgb),.3)}.before-after .comparison-handle-button svg{width:24px;height:24px}