.mindstore-compare-wrapper{--mindstore-compare-arrow-size: 6px;--mindstore-compare-line-width: 0px;--mindstore-compare-line-color: rgba(0, 0, 0, 0.5);--mindstore-compare-handle-width: 8px;--mindstore-compare-handle-height: 54px;--mindstore-compare-handle-color: rgba(255, 255, 255, 0.8);position:relative;line-height:0;overflow:hidden}.mindstore-compare-wrapper img{-khtml-user-select:none;-o-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;object-fit:cover;object-position:right}.mindstore-compare-wrapper.left img{object-position:left}.mindstore-compare-wrapper.left .mindstore-compare-after-image-wrapper{right:unset;left:0;width:60%}.mindstore-compare-wrapper.right img{object-position:right}.mindstore-compare-wrapper.right .mindstore-compare-after-image-wrapper{left:unset;right:0;width:40%}.mindstore-compare-wrapper .mindstore-compare-before-image{width:100%;height:100%}.mindstore-compare-wrapper .mindstore-compare-after-image-wrapper{position:absolute;top:0;right:0;width:40%;height:100%;z-index:2}.mindstore-compare-wrapper .mindstore-compare-after-image-wrapper .mindstore-compare-after-image{overflow:hidden;width:100%;height:100%;position:relative;object-fit:cover}.mindstore-compare-wrapper .mindstore-compare-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;background:rgba(0,0,0,0)}.mindstore-compare-wrapper.left .mindstore-compare-handle{right:0;left:unset}.mindstore-compare-wrapper.right .mindstore-compare-handle{left:0;right:unset}.mindstore-compare-wrapper .mindstore-compare-handle{position:absolute;top:var(--mindstore-space);height:calc(100% - var(--mindstore-space)*2);width:var(--mindstore-compare-line-width);z-index:3;background-color:var(--mindstore-compare-line-color);padding:0}.mindstore-compare-wrapper .mindstore-compare-handle .handle{position:absolute;top:50%;transform:translate(-50%, -50%);cursor:ew-resize;width:var(--mindstore-compare-handle-width);height:var(--mindstore-compare-handle-height);background-color:var(--mindstore-compare-handle-color);box-shadow:0 0 10px rgba(0,0,0,.2)}.mindstore-compare-wrapper .mindstore-compare-handle .handle::before,.mindstore-compare-wrapper .mindstore-compare-handle .handle::after{content:"";display:block;position:absolute;border:var(--mindstore-compare-arrow-size) solid rgba(0,0,0,0);top:calc(50% - var(--mindstore-compare-arrow-size))}.mindstore-compare-wrapper .mindstore-compare-handle .handle::before{border-right:var(--mindstore-compare-arrow-size) solid var(--mindstore-compare-handle-color);right:24px;animation:animateLeft 2s infinite ease-in-out}.mindstore-compare-wrapper .mindstore-compare-handle .handle::after{border-left:var(--mindstore-compare-arrow-size) solid var(--mindstore-compare-handle-color);left:24px;animation:animateRight 2s infinite ease-in-out}@keyframes animateLeft{0%{transform:translateX(0)}50%{transform:translateX(-3px)}100%{transform:translateX(0)}}@keyframes animateRight{0%{transform:translateX(0)}50%{transform:translateX(3px)}100%{transform:translateX(0)}}.mindstore-compare-wrapper.attention.left .mindstore-compare-after-image-wrapper{animation:compare-attention-left-width 3s 1}.mindstore-compare-wrapper.attention.right .mindstore-compare-after-image-wrapper{animation:compare-attention-right-width 3s 1}@keyframes compare-attention-left-width{0%{width:60%}50%{width:calc(60% - 120px)}100%{width:60%}}@keyframes compare-attention-right-width{0%{width:40%}50%{width:calc(40% + 120px)}100%{width:40%}}/*# sourceMappingURL=image_compare.css.map */