.compare-modal{position:absolute;top:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,.1);backdrop-filter:blur(5rem);transition:all .2s ease}.compare-modal .compare-modal-container{position:relative;width:50rem;height:30rem;background-color:rgba(150,150,150,.3);border-radius:var(--border-radius);overflow:hidden}.compare-modal .compare-modal-container .modal-button{width:2rem;height:2rem;border-radius:1rem;background-color:rgba(200,200,200,.3);backdrop-filter:blur(5rem);background-repeat:no-repeat;background-position:center;cursor:pointer;z-index:10;transition:all .2s ease}.compare-modal .compare-modal-container .modal-button:active{transform:scale(0.95)}.compare-modal .compare-modal-container .close-btn{position:absolute;top:.5rem;right:.5rem;background-image:url(/static/icons/icon-close-small.svg)}.compare-modal .compare-modal-container .modal-image-container{position:relative;display:flex;flex-direction:row;height:calc(100% - 5rem)}.compare-modal .compare-modal-container .modal-image-container .image{position:relative;width:50%;height:100%;background-color:rgba(0,0,0,.1);backdrop-filter:blur(5rem);overflow:hidden}.compare-modal .compare-modal-container .modal-image-container .image img,.compare-modal .compare-modal-container .modal-image-container .image video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:all .2s ease;pointer-events:none;-webkit-user-drag:none}.compare-modal .compare-modal-container .modal-image-container .image-contrast-btn{position:absolute;left:.5rem;bottom:.5rem;background-image:url(/static/icons/icon-switch-contrast.svg);background-size:1rem;display:none}.compare-modal .compare-modal-container .modal-image-container .modal-image-tip{display:none;position:absolute;left:50%;bottom:.5rem;transform:translateX(-50%);padding:.5rem 1rem;background-color:rgba(200,200,200,.3);backdrop-filter:blur(5rem);color:#fff;border-radius:var(--border-radius);z-index:10}.compare-modal .compare-modal-container .modal-button-container{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:4.5rem}.compare-modal .compare-modal-container .modal-button-container .download-btn,.compare-modal .compare-modal-container .modal-button-container .enhance-btn,.compare-modal .compare-modal-container .modal-button-container .reupload-btn{display:flex;align-items:center;justify-content:center;padding:1.15rem 1.5rem;width:auto;color:#fff;text-decoration:none}.compare-modal .compare-modal-container .modal-button-container .icon{padding:0;width:40px;height:40px}.compare-modal .compare-modal-container .modal-button-container .icon svg{width:20px;height:20px}@media screen and (max-width: 600px){.compare-modal .compare-modal-container{display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;width:100%;height:100%;border-radius:0}.compare-modal .compare-modal-container .close-btn{top:1rem;right:1rem}.compare-modal .compare-modal-container .modal-image-container{flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--border-radius)}.compare-modal .compare-modal-container .modal-image-container[data-show=origin] .image-origin{z-index:1}.compare-modal .compare-modal-container .modal-image-container[data-show=origin] .modal-image-tip.before{display:block}.compare-modal .compare-modal-container .modal-image-container:not([data-show]) .image-target,.compare-modal .compare-modal-container .modal-image-container[data-show=""] .image-target,.compare-modal .compare-modal-container .modal-image-container[data-show=target] .image-target{z-index:1}.compare-modal .compare-modal-container .modal-image-container:not([data-show]) .modal-image-tip.after,.compare-modal .compare-modal-container .modal-image-container[data-show=""] .modal-image-tip.after,.compare-modal .compare-modal-container .modal-image-container[data-show=target] .modal-image-tip.after{display:block}.compare-modal .compare-modal-container .modal-image-container .image{position:absolute;width:100%;height:50%;overflow:visible}.compare-modal .compare-modal-container .modal-image-container .image-contrast-btn{display:block}}