{"version":3,"file":"common/css/popup.css","mappings":";;;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACD;AACC;;EAEC;AACF;AAEC;EACC;AAAF;AAGC;EACC;AADF;AAGE;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFH;AASE;EACC;EACA;EACA;EACA;EACA;AAPH;AAUG;EAEC;;IAEC;IACA;IACA;EATH;AACF;AAcE;;EAEC;EACA;EACA;AAZH;AAeE;EACC;EAEA;AAdH;AAiBG;;;EAGC;AAfJ;AAmBG;EACC;EACA;AAjBJ;AAuBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArBF;AAuBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArBH;AAuBG;EAGC;AAvBJ;AA0BG;EACC;AAxBJ;AA4BE;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AA3BH;AA4BG;;EAEC;AA1BJ;;AAgCA;EAEC;IACC;EA9BA;EAiCD;IACC;EA/BA;AACF;AAkCA;EAEC;IACC;EAjCA;EAoCD;IACC;EAlCA;AACF;AAqCC;EACC;AAnCF;AAsCE;EACC;AApCH;AAqCG;EACC;AAnCJ,C","sources":["webpack://@codecanel/before-after-image-slider/./src/common/styles/popup.scss"],"sourcesContent":["#coca-popup {\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tz-index: 99999999;\n\ttext-align: center;\n\ttransition: 300ms ease-in-out;\n\n\t.shortcode-container,\n\t.elementor-widget-container {\n\t\tdisplay: none;\n\t}\n\n\t&.hide {\n\t\tdisplay: none;\n\t}\n\n\t&.view .popup-container {\n\t\tanimation: coca-zoom-in-zoom-out 300ms ease;\n\n\t\t&::before {\n\n\t\t\t/* position the div in center */\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\tdisplay: block;\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t\tmargin: 0;\n\t\t\tcontent: \"\";\n\t\t\tborder-color: #fff transparent #fff transparent;\n\t\t\tborder-style: solid;\n\t\t\tborder-width: 2px;\n\t\t\tborder-radius: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\tanimation: coca-dual-ring-anime 1000ms linear infinite;\n\t\t}\n\t}\n\n\t&.loaded .popup-wrapper .popup-container {\n\t\t//align-items: normal;\n\n\t\t> :first-child {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 100vw;\n\t\t\theight: 100vh;\n\t\t\t\n\n\t\t\t@media screen and (max-width: 1280px) {\n\t\t\t\t// padding: 40px;\n\t\t\t\t.shortcode-container,\n\t\t\t\t.elementor-widget-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\talign-items: center;\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t}\n\n\t\t.shortcode-container,\n\t\t.elementor-widget-container {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\n\t\t.coca-image-compare-wrapper {\n\t\t\tdisplay: flex;\n\t\t\t//flex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\t//align-items: center;\n\n\t\t\t&,\n\t\t\t.coca-image-compare-container,\n\t\t\timg {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\n\t\t\t.coca-image-compare-container {\n\t\t\t\tmax-width: inherit;\n\t\t\t\tanimation: coca-zoom-in-zoom-out 300ms ease;\n\t\t\t\t//transition: 1000ms ease-in-out;\n\t\t\t}\n\t\t}\n\t}\n\n\t.popup-wrapper {\n\t\tposition: relative;\n\t\tz-index: 1000000;\n\t\tbox-sizing: border-box;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: auto;\n\t\tcolor: #000;\n\t\tbackground: rgba(0, 0, 0, 0.70);\n\t\tborder-radius: 0;\n\t\ttransition: 300ms ease-in-out;\n\n\t\t.popup-close {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\tz-index: 2;\n\t\t\tdisplay: block;\n\t\t\tpadding: 25px;\n\t\t\tline-height: 0;\n\t\t\tcolor: #fff;\n\t\t\tcursor: pointer;\n\t\t\ttransition: 0.5s;\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\tcolor: #f00;\n\t\t\t}\n\n\t\t\t* {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t}\n\n\t\t.popup-container {\n\t\t\tposition: fixed;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\t//flex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\twidth: 100vw;\n\t\t\theight: 100vh;\n\t\t\toverflow: auto;\n\t\t\t.popup-button,\n\t\t\t.coca-image-compare-wrapper {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@keyframes coca-zoom-in-zoom-out {\n\n\t0% {\n\t\ttransform: scale(.3, .3);\n\t}\n\n\t100% {\n\t\ttransform: scale(1, 1);\n\t}\n}\n\n@keyframes coca-dual-ring-anime {\n\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n#coca-popup {\n\t.coca-bais-image-add-height {\n\t\theight: 100% !important;\n\t}\n\t&.loaded {\n\t\t.coca-bais-container{\n\t\t\tmax-width: unset !important;\n\t\t\timg{\n\t\t\t\twidth: 100% !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// #coca-popup .template-default.coca-image-compare-wrapper.coca-image-compare-vertical {\n//     top: 100px;\n// }"],"names":[],"sourceRoot":""}