{"version":3,"file":"shortcodes/css/bais-triple.css","mappings":";;;AAIA;EACC;ECAA;ADFD;AEGC;;EAEC;AFDF;AEME;EACC;EACA;EACA;AFJH;AEMG;EAEC;AFLJ;AEQG;EACC;AFNJ;AEeE;;;;EAEC;EACA;EACA;EACA;AFXH;AEmBE;;;EACC;EACA;EACA;AFfH;AEkBE;;;EACC;EACA;EACA;AFdH;AEwBG;;EACC;AFrBJ;AEwBG;;EACC;AFrBJ;AE6BE;EACC;EACA;EACA;EACA;EACA;AF3BH;AE+BI;EACC;AF7BL;AEgCI;EACC;AF9BL;AEsCE;EACC;EACA;EACA;AFpCH;AEsCG;EACC;AFpCJ;AEuCG;EACC;AFrCJ;AE4CE;EACC;EACA;AF1CH;AE4CG;EACC;EACA;EACA;AF1CJ;AE6CG;EACC;EACA;EACA;AF3CJ;AE+CE;;EAEC;EACA;EACA;EACA;AF7CH;AEmDE;EACC;EACA;EACA;EACA;EAEA;AFlDH;AEwDE;EACC;EACA;EACA;EACA;AFtDH;AEwDG;EACC;AFtDJ;AEyDG;EACC;AFvDJ;AC1GC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD4GF;AC1GE;EACC;EACA;AD4GH;ACzGE;EACC;EACA;EACA;EACA;AD2GH;ACxGE;EACC;EACA;EACA;AD0GH;ACvGE;EAGC;ADuGH;ACrGG;EACC;ADuGJ;ACnGE;EAEC;ADoGH;ACjGE;EACC;ADmGH;AA9IC;EACC;AAgJF;AA7IC;EACC;AA+IF;AA7IE;EACC;AA+IH;AA5IE;EACC;EACA;EACA;AA8IH;AA1IC;EG1BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHuKD;AGrKC;EACC;EACA;AHuKF;AGpKC;EACC;EACA;AHsKF;AAxJC;EACC;EACA;EACA;EACA;AA0JF;AAxJE;EACC;EACA;EACA;EACA;EACA;EACA;AA0JH,C","sources":["webpack://@codecanel/before-after-image-slider/./src/shortcodes/bais-triples/styles.scss","webpack://@codecanel/before-after-image-slider/./src/common/styles/popup-button.scss","webpack://@codecanel/before-after-image-slider/./src/common/styles/slider-template-triple.scss","webpack://@codecanel/before-after-image-slider/./src/common/styles/components-notice.scss"],"sourcesContent":["@use \"../../common/styles/slider-template-triple\" as *;\n@use \"../../common/styles/popup-button\" as *;\n@use \"../../common/styles/components-notice\" as *;\n\n.coca-bais-shortcode {\n\tdisplay: block;\n\t@include slider-template;\n\t@include popup-button;\n\n\t&:has(.coca-bais-triple-container) {\n\t\toverflow: hidden;\n\t}\n\n\t.coca-bais-triple-container {\n\t\tdisplay: block;\n\n\t\t&:not(.coca-image-compare-triple-container) {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\timg {\n\t\t\tborder: none;\n\t\t\tborder-radius: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t.components-notice {\n\t\t@include components-notice;\n\t}\n\n\t.coca-bais-caption-wrapper {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: stretch;\n\t\tgap: 10px;\n\n\t\th3 {\n\t\t\tfont-size: 16px;\n\t\t\tflex: 1;\n\t\t\ttext-align: center;\n\t\t\tbox-sizing: border-box;\n\t\t\tpadding: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n}\n","// Class Prefix\n$pluginPrefix: \"coca-image-compare\" !default;\n\n\n@mixin popup-button() {\n\tposition: relative;\n\n\t.popup-button {\n\t\tposition: absolute;\n\t\tright: 10px;\n\t\tbottom: 10px;\n\t\tz-index: 999;\n\t\tpadding: 5px;\n\t\tline-height: 0;\n\t\tcursor: pointer;\n\t\tbackground-color: #fff;\n\t\tborder-radius: 5px;\n\n\t\t&.bottom-left {\n\t\t\tright: auto;\n\t\t\tleft: 10px;\n\t\t}\n\n\t\t&.top-left {\n\t\t\ttop: 10px;\n\t\t\tright: auto;\n\t\t\tbottom: auto;\n\t\t\tleft: 10px;\n\t\t}\n\n\t\t&.top-right {\n\t\t\ttop: 10px;\n\t\t\tright: 10px;\n\t\t\tbottom: auto;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus,\n\t\t&:active {\n\t\t\tbackground: rgba(234, 84, 0, 1);\n\n\t\t\tsvg {\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\t\t}\n\n\t\t&,\n\t\t& svg {\n\t\t\ttransition: 300ms ease-in-out;\n\t\t}\n\n\t\tsvg {\n\t\t\tpointer-events: none;\n\t\t}\n\t}\n}\n","// Class Prefix\n$pluginPrefix: \"coca-image-compare\" !default;\n\n\n@mixin slider-template() {\n\n\t.left-arrow,\n\t.right-arrow {\n\t\ttransition: 300ms ease-in-out;\n\t}\n\n\t.template-style01 {\n\n\t\t.scroller {\n\t\t\t--coca-image-compare-handle-radius: 0;\n\t\t\tmargin-left: calc(-1 * var(--coca-image-compare-handle-stroke) + 3px);\n\t\t\ttransform: rotate(45deg);\n\n\t\t\t&::before,\n\t\t\t&::after {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.scroller__thumb {\n\t\t\t\ttransform: rotate(138deg);\n\t\t\t}\n\t\t}\n\n\t}\n\n\t.template-style02,\n\t.template-style03 {\n\n\t\t.after-label,\n\t\t.before-label {\n\t\t\ttop: 80%;\n\t\t\tpadding: 16px 30px;\n\t\t\tmargin-top: 0;\n\t\t\tline-height: 1.5;\n\t\t}\n\t}\n\n\t.template-style02,\n\t.template-style03,\n\t.template-style04 {\n\n\t\t.before-label {\n\t\t\tleft: 0;\n\t\t\tborder-top-right-radius: 50px;\n\t\t\tborder-bottom-right-radius: 50px;\n\t\t}\n\n\t\t.after-label {\n\t\t\tright: 0;\n\t\t\tborder-top-left-radius: 50px;\n\t\t\tborder-bottom-left-radius: 50px;\n\t\t}\n\n\t}\n\n\t.template-style02,\n\t.template-style05 {\n\n\t\t.scroller .scroller__thumb {\n\n\t\t\t.left-arrow {\n\t\t\t\tborder-right-color: #737373;\n\t\t\t}\n\n\t\t\t.right-arrow {\n\t\t\t\tborder-left-color: #737373;\n\t\t\t}\n\t\t}\n\n\t}\n\n\t.template-style02 {\n\n\t\t.scroller {\n\t\t\t--coca-image-compare-handle-circle-width: 30px;\n\t\t\t--coca-image-compare-handle-circle-height: 126px;\n\t\t\t--coca-image-compare-handle-stroke: 1px;\n\t\t\tmargin-left: calc(-1 * var(--coca-image-compare-handle-stroke) + 9px);\n\t\t\tbackground: #fff;\n\n\t\t\t.scroller__thumb {\n\n\t\t\t\t.left-arrow {\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\n\t\t\t\t.right-arrow {\n\t\t\t\t\tright: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.template-style03 {\n\n\t\t.scroller {\n\t\t\t--coca-image-compare-handle-circle-width: 85px;\n\t\t\t--coca-image-compare-handle-circle-height: 85px;\n\t\t\tmargin-left: calc(-1 * (var(--coca-image-compare-handle-stroke) + 18px));\n\n\t\t\t.scroller__thumb .left-arrow {\n\t\t\t\tmargin-left: calc(var(--coca-image-compare-handle-circle-width) / 2 - 19px);\n\t\t\t}\n\n\t\t\t.scroller__thumb .right-arrow {\n\t\t\t\tmargin-right: calc(var(--coca-image-compare-handle-circle-width) / 2 - 19px);\n\t\t\t}\n\t\t}\n\t}\n\n\t.template-style04 {\n\n\t\t.scroller {\n\t\t\tborder: none;\n\t\t\tbox-shadow: none;\n\n\t\t\t&::before {\n\t\t\t\ttop: 0;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tmargin-left: 0 !important;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tbottom: 0;\n\t\t\t\tmargin-top: 0;\n\t\t\t\tmargin-left: 0 !important;\n\t\t\t}\n\t\t}\n\n\t\t.after-label,\n\t\t.before-label {\n\t\t\ttop: 10%;\n\t\t\tpadding: 16px 30px;\n\t\t\tmargin-top: 0;\n\t\t\tline-height: 1.5;\n\t\t}\n\t}\n\n\t.template-style05 {\n\n\t\t.scroller {\n\t\t\t--coca-image-compare-handle-stroke: 3px;\n\t\t\tbackground-color: #fff;\n\t\t\t-webkit-background-clip: padding-box;\n\t\t\tbackground-clip: padding-box;\n\t\t\t// border-color: rgba(255, 255, 255, 0.53);\n\t\t\tborder-style: solid;\n\t\t}\n\t}\n\n\t.template-style06 {\n\n\t\t.scroller {\n\t\t\t--coca-image-compare-handle-circle-height: 70px;\n\t\t\t--coca-image-compare-handle-circle-width: 15px;\n\t\t\t--coca-image-compare-handle-triangle-position: 15px;\n\t\t\tmargin-left: calc(-1 * var(--coca-image-compare-handle-stroke) + 16px);\n\n\t\t\t.left-arrow {\n\t\t\t\tmargin-left: calc(-1 * (var(--coca-image-compare-handle-stroke) + 25px));\n\t\t\t}\n\n\t\t\t.right-arrow {\n\t\t\t\tmargin-right: calc(-1 * (var(--coca-image-compare-handle-stroke) + 25px));\n\t\t\t}\n\t\t}\n\t}\n}\n","@mixin components-notice {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 8px 12px;\n\tmargin: 5px 0 2px;\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n\tfont-size: 13px;\n\tbackground-color: #fff;\n\tborder-left: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));\n\n\t&.is-warning {\n\t\tbackground-color: #fef8ee;\n\t\tborder-left-color: #f0b849;\n\t}\n\n\t.components-notice__content {\n\t\tflex-grow: 1;\n\t\tmargin: 4px 25px 4px 0;\n\t}\n}\n"],"names":[],"sourceRoot":""}