.before-after-container{background:#f3f4f6;border-radius:8px;box-sizing:border-box;cursor:pointer;overflow:visible!important;position:relative;-webkit-user-select:none;user-select:none}.before-after-container:before{border-radius:inherit;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.before-after-container *{box-sizing:border-box}.before-after-container img{display:block;height:100%;left:0;margin:0;object-fit:cover;position:absolute;top:0;width:100%}.before-after-before{z-index:2}.before-after-after{z-index:1}.before-after-overlay{background:#fff;bottom:0;box-shadow:0 0 8px #0000004d;cursor:ew-resize;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:background-color .2s ease;width:2px;z-index:9998!important}.before-after-vertical .before-after-overlay{cursor:ns-resize;height:2px;left:0;right:0;top:50%;transform:translateY(-50%);width:auto}.before-after-overlay:before{background:#0000;bottom:0;content:"";left:-10px;position:absolute;right:-10px;top:0}.before-after-vertical .before-after-overlay:before{bottom:-10px;left:0;right:0;top:-10px}.before-after-handle{align-items:center;background:#fff;border:0!important;border-radius:9999px;cursor:grab;display:flex;filter:drop-shadow(0 3px 0 #BDBDBD);height:38px!important;justify-content:space-between;left:50%;padding:0 8px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:91px!important;z-index:9999!important}.before-after-handle:hover{filter:drop-shadow(0 6px 0 #BDBDBD);transform:translate(-50%,-50%) scale(1.1)}.before-after-active .before-after-handle{background:#4f46e5;cursor:grabbing;transform:translate(-50%,-50%) scale(1.05)}.before-after-vertical .before-after-handle{cursor:ns-resize}.before-after-vertical .before-after-active .before-after-handle{cursor:grabbing}.before-after-left-arrow,.before-after-right-arrow{background-position:50%;background-repeat:no-repeat;background-size:24px;border:0!important;height:24px!important;margin:0!important;position:relative;width:24px!important}.before-after-left-arrow{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDEyYTkgOSAwIDEgMSAxOCAwIDkgOSAwIDAgMS0xOCAwbTktMTFDNS45MjUgMSAxIDUuOTI1IDEgMTJzNC45MjUgMTEgMTEgMTEgMTEtNC45MjUgMTEtMTFTMTguMDc1IDEgMTIgMSIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yOTMgMTEuMjkzYTEgMSAwIDAgMCAwIDEuNDE0bDQgNGExIDEgMCAwIDAgMS40MTQtMS40MTRMMTEuNDE0IDEybDMuMjkzLTMuMjkzYTEgMSAwIDAgMC0xLjQxNC0xLjQxNHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")}.before-after-right-arrow{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMSAxMmE5IDkgMCAxIDAtMTggMCA5IDkgMCAwIDAgMTggME0xMiAxYzYuMDc1IDAgMTEgNC45MjUgMTEgMTFzLTQuOTI1IDExLTExIDExUzEgMTguMDc1IDEgMTIgNS45MjUgMSAxMiAxIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC43MDcgMTEuMjkzYTEgMSAwIDAgMSAwIDEuNDE0bC00IDRhMSAxIDAgMCAxLTEuNDE0LTEuNDE0TDEyLjU4NiAxMiA5LjI5MyA4LjcwN2ExIDEgMCAwIDEgMS40MTQtMS40MTR6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=")}.before-after-after-label,.before-after-before-label{display:none}.before-after-container:hover .before-after-overlay{background:#4f46e5}.before-after-container:hover .before-after-handle{background:#4f46e5;color:#fff}.before-after-container:focus{outline:2px solid #4f46e5;outline-offset:2px}.before-after-active .before-after-overlay{background:#4f46e5!important}.before-after-active .before-after-handle{background:#4f46e5!important;color:#fff}@media (max-width:768px){.before-after-handle{height:32px!important;width:70px!important}.before-after-left-arrow,.before-after-right-arrow{background-size:20px;height:20px!important;width:20px!important}}.before-after-container[data-loading=true]{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-contrast:high){.before-after-overlay{background:#000}.before-after-handle{background:#000;border:2px solid #fff;color:#fff}}