.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{border-radius:inherit;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:#072a40;bottom:0;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;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{transform:translate(-50%,-50%) scale(1.1)}.before-after-active .before-after-handle{background:#072a40;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:contain;border:0!important;height:26px!important;margin:0!important;position:relative;width:26px!important}.before-after-left-arrow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23072a40' fill-rule='evenodd' d='M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0m9-11C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1' clip-rule='evenodd'/%3E%3Cpath fill='%23072a40' fill-rule='evenodd' d='M9.293 11.293a1 1 0 0 0 0 1.414l4 4a1 1 0 0 0 1.414-1.414L11.414 12l3.293-3.293a1 1 0 0 0-1.414-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E")}.before-after-right-arrow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23072a40' fill-rule='evenodd' d='M21 12a9 9 0 1 0-18 0 9 9 0 0 0 18 0M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1' clip-rule='evenodd'/%3E%3Cpath fill='%23072a40' fill-rule='evenodd' d='M14.707 11.293a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 1.414-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E")}.before-after-after-label,.before-after-before-label{display:none}.before-after-container:hover .before-after-overlay{background:#072a40}.before-after-container:hover .before-after-handle{background:#072a40;color:#fff}.before-after-container:hover .before-after-left-arrow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0m9-11C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M9.293 11.293a1 1 0 0 0 0 1.414l4 4a1 1 0 0 0 1.414-1.414L11.414 12l3.293-3.293a1 1 0 0 0-1.414-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E")}.before-after-container:hover .before-after-right-arrow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M21 12a9 9 0 1 0-18 0 9 9 0 0 0 18 0M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M14.707 11.293a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 1.414-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E")}.before-after-container:focus{outline:2px solid #072a40;outline-offset:2px}.before-after-active .before-after-overlay{background:#072a40!important}.before-after-active .before-after-handle{background:#072a40!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}}