{"version":3,"file":"shortcodes/css/bais-default.css","mappings":";;;AAuVA;AAgBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEC;EACA;EACA;AC3UH;;AD+VE;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEC;AClUH;;ADsVE;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEE;EACA;ACzTJ;;AD+TA;AASE;;;;;;;;;;;;;;EAEC;ACxTH;;ADuUE;;;;;;;EACC;AC9TH;ADgUE;;;;;;;EACC;ACxTH;;ADqUE;;;;;;;;;;;;;;EAEC;EACA;EACA;ACtTH;;AAnJA;EACC;ECAA;ADuJD;ADvJC;;;;EAIC;ACyJF;ADrJE;EAGC;ACqJH;ADhJG;EACC;EACA;ACkJJ;ADhJI;EAEC;ACiJL;AD7IG;EACC;EACA;EACA;AC+IJ;AD5IG;EACC;EACA;EACA;AC8IJ;ADtIE;EACC;EACA;ACwIH;ADpIG;EACC;EACA;EACA;ACsIJ;ADnIG;EACC;EACA;EACA;ACqIJ;ADhIG;;EAEC;ACkIJ;ADvHG;EACC;EACA;ACyHJ;ADvHI;EAEC;ACwHL;ADpHG;EACC;EACA;EACA;ACsHJ;ADnHG;EACC;EACA;EACA;ACqHJ;ADlGG;;;;EAEC;EACA;EACA;EACA;ACsGJ;AD5FG;;;;;EACC;EACA;EACA;ACkGJ;AD/FG;;;;;EACC;EACA;EACA;ACqGJ;ADhGG;;;;;;EAEC;EACA;ACsGJ;ADpFG;;;EACC;ACwFJ;ADrFG;;;EACC;ACyFJ;ADpFG;;EACC;ACuFJ;ADpFG;;EACC;ACuFJ;ADjFE;EAEC;EACA;EACA;EACA;ACkFH;AD/EE;EACC;EACA;EACA;EACA;ACiFH;AD5EE;EACC;EACA;AC8EH;ADzEE;EACC;EACA;AC2EH;ADpEI;EACC;EACA;ACsEL;ADnEI;EACC;EACA;ACqEL;ADzDG;;;EAGC;EACA;EACA;AC2DJ;ADpDI;EACC;EACA;EACA;ACsDL;ADnDI;EACC;EACA;EACA;ACqDL;AD9CI;EACC;ACgDL;AD5CG;;EAGC;EACA;EACA;EACA;EACA;AC6CJ;ADjCE;EACC;EACA;EACA;EACA;EACA;EACA;ACmCH;AD7BG;EACC;AC+BJ;AD5BG;EACC;AC8BJ;ADxBG;EACC;AC0BJ;ADvBG;EACC;ACyBJ;ADnBE;EAEC;EACA;EACA;ACoBH;ADjBE;EACC;EACA;EACA;ACmBH;AC9VC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADgWF;AC9VE;EACC;EACA;ADgWH;AC7VE;EACC;EACA;EACA;EACA;AD+VH;AC5VE;EACC;EACA;EACA;AD8VH;AC3VE;EAGC;AD2VH;ACzVG;EACC;AD2VJ;ACvVE;EAEC;ADwVH;ACrVE;EACC;ADuVH;AAlYC;;;EAGC;AAoYF;AAjYC;EACC;EACA;AAmYF;AAjYE;EACC;AAmYH;AAhYE;EACC;EACA;EACA;AAkYH;AA/XE;;EAEC;AAiYH;AA7XC;EACC;EACA;EACA;EACA;AA+XF;AA7XE;EACC;EACA;EACA;EACA;EACA;EACA;AA+XH;AA1XC;EEnDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFgbD;AE9aC;EACC;EACA;AFgbF;AE7aC;EACC;EACA;AF+aF,C","sources":["webpack://@codecanel/before-after-image-slider/./src/common/styles/slider-template.scss","webpack://@codecanel/before-after-image-slider/./src/shortcodes/bais-default/styles.scss","webpack://@codecanel/before-after-image-slider/./src/common/styles/popup-button.scss","webpack://@codecanel/before-after-image-slider/./src/common/styles/components-notice.scss"],"sourcesContent":["// Class Prefix\n$pluginPrefix: \"coca-image-compare\" !default;\n\n\n@mixin slider-template() {\n\t.#{$pluginPrefix}-left-arrow,\n\t.#{$pluginPrefix}-right-arrow,\n\t.#{$pluginPrefix}-down-arrow,\n\t.#{$pluginPrefix}-up-arrow {\n\t\ttransition: 300ms ease-in-out;\n\t}\n\n\t.template-style01 {\n\t\t&.coca-image-compare-wrapper.#{$pluginPrefix}-horizontal .#{$pluginPrefix}-handle,\n\t\t&.coca-image-compare-wrapper.#{$pluginPrefix}-diagonal .#{$pluginPrefix}-handle,\n\t\t&.coca-image-compare-wrapper.#{$pluginPrefix}-vertical .#{$pluginPrefix}-handle {\n\t\t\t--coca-image-compare-handle-triangle-position: 5px;\n\t\t}\n\n\t\t// Horizontal: diamond handle with no divider bars (style01 design).\n\t\t&.#{$pluginPrefix}-horizontal {\n\t\t\t.#{$pluginPrefix}-handle {\n\t\t\t\t--coca-image-compare-handle-radius: 0;\n\t\t\t\ttransform: rotate(45deg);\n\n\t\t\t\t&::before,\n\t\t\t\t&::after {\n\t\t\t\t\twidth: 0 !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.#{$pluginPrefix}-left-arrow {\n\t\t\t\ttop: 78%;\n\t\t\t\tleft: 49%;\n\t\t\t\ttransform: rotate(316deg);\n\t\t\t}\n\n\t\t\t.#{$pluginPrefix}-right-arrow {\n\t\t\t\ttop: 22%;\n\t\t\t\tright: 51%;\n\t\t\t\ttransform: rotate(316deg);\n\t\t\t}\n\t\t}\n\n\t\t// Diagonal: diamond handle WITH divider bars, rotated so bars align with the cut.\n\t\t// Using the base formula (-1 * bais-diagonal-angle): backslash→-45deg, slash→+45deg.\n\t\t// The ::before/::after bars (extending up/down from handle) rotate with the handle,\n\t\t// automatically aligning them with the diagonal clip boundary.\n\t\t&.#{$pluginPrefix}-diagonal:not(.handle-bottom) .#{$pluginPrefix}-handle {\n\t\t\t--coca-image-compare-handle-radius: 0;\n\t\t\ttransform: rotate(calc(-1 * var(--bais-diagonal-angle, -45deg)));\n\t\t}\n\n\t\t&.#{$pluginPrefix}-diagonal {\n\t\t\t.#{$pluginPrefix}-left-arrow {\n\t\t\t\ttop: 78%;\n\t\t\t\tleft: 49%;\n\t\t\t\ttransform: rotate(316deg);\n\t\t\t}\n\n\t\t\t.#{$pluginPrefix}-right-arrow {\n\t\t\t\ttop: 22%;\n\t\t\t\tright: 51%;\n\t\t\t\ttransform: rotate(316deg);\n\t\t\t}\n\t\t}\n\n\t\t&.#{$pluginPrefix}-vertical {\n\t\t\t.#{$pluginPrefix}-after-label::before,\n\t\t\t.#{$pluginPrefix}-before-label::before {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\n\t\t\t// .#{$pluginPrefix}-before-label::before {\n\t\t\t// \ttop: unset;\n\t\t\t// }\n\n\t\t\t// .#{$pluginPrefix}-after-label::before {\n\t\t\t// \tbottom: unset;\n\t\t\t// }\n\n\t\t\t.#{$pluginPrefix}-handle {\n\t\t\t\tborder-radius: 0;\n\t\t\t\ttransform: rotate(45deg);\n\n\t\t\t\t&::before,\n\t\t\t\t&::after {\n\t\t\t\t\twidth: 0 !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.#{$pluginPrefix}-down-arrow {\n\t\t\t\tbottom: 105%;\n\t\t\t\tleft: 25%;\n\t\t\t\ttransform: rotate(136deg);\n\t\t\t}\n\n\t\t\t.#{$pluginPrefix}-up-arrow {\n\t\t\t\ttop: 105%;\n\t\t\t\tleft: 75%;\n\t\t\t\ttransform: rotate(136deg);\n\t\t\t}\n\t\t}\n\t}\n\n\t.template-style02,\n\t.template-style03 {\n\t\t&.#{$pluginPrefix}-horizontal,\n\t\t&.#{$pluginPrefix}-diagonal {\n\t\t\t// .#{$pluginPrefix}-after-label::before,\n\t\t\t// .#{$pluginPrefix}-before-label::before {\n\t\t\t// \ttop: 80%;\n\t\t\t// \tpadding: 12px 20px;\n\t\t\t// \tmargin-top: 0;\n\t\t\t// \tline-height: 1.5;\n\t\t\t// }\n\t\t}\n\n\t\t&.#{$pluginPrefix}-vertical {\n\t\t\t.#{$pluginPrefix}-after-label::before,\n\t\t\t.#{$pluginPrefix}-before-label::before {\n\t\t\t\tpadding: 12px 20px;\n\t\t\t\tmargin-top: 0;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tline-height: 1.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.template-style02,\n\t.template-style03,\n\t.template-style04 {\n\t\t&.#{$pluginPrefix}-horizontal,\n\t\t&.#{$pluginPrefix}-diagonal {\n\t\t\t.#{$pluginPrefix}-before-label::before {\n\t\t\t\tleft: 10px;\n\t\t\t\tborder-top-right-radius: 5px;\n\t\t\t\tborder-bottom-right-radius: 5px;\n\t\t\t}\n\n\t\t\t.#{$pluginPrefix}-after-label::before {\n\t\t\t\tright: 10px;\n\t\t\t\tborder-top-left-radius: 5px;\n\t\t\t\tborder-bottom-left-radius: 5px;\n\t\t\t}\n\t\t}\n\n\t\t&.#{$pluginPrefix}-vertical {\n\t\t\t.#{$pluginPrefix}-before-label::before,\n\t\t\t.#{$pluginPrefix}-after-label::before {\n\t\t\t\tborder-top-left-radius: 5px;\n\t\t\t\tborder-bottom-left-radius: 5px;\n\t\t\t}\n\n\t\t\t// .#{$pluginPrefix}-before-label::before {\n\t\t\t// \ttop: 10%;\n\t\t\t// }\n\n\t\t\t// .#{$pluginPrefix}-after-label::before {\n\t\t\t// \tbottom: 10%;\n\t\t\t// }\n\t\t}\n\n\t}\n\n\t.template-style02,\n\t.template-style05 {\n\t\t&.#{$pluginPrefix}-horizontal,\n\t\t&.#{$pluginPrefix}-diagonal {\n\t\t\t.#{$pluginPrefix}-left-arrow {\n\t\t\t\tborder-right-color: #737373;\n\t\t\t}\n\n\t\t\t.#{$pluginPrefix}-right-arrow {\n\t\t\t\tborder-left-color: #737373;\n\t\t\t}\n\t\t}\n\n\t\t&.#{$pluginPrefix}-vertical {\n\t\t\t.#{$pluginPrefix}-down-arrow {\n\t\t\t\tborder-top-color: #737373;\n\t\t\t}\n\n\t\t\t.#{$pluginPrefix}-up-arrow {\n\t\t\t\tborder-bottom-color: #737373;\n\t\t\t}\n\t\t}\n\t}\n\n\t.template-style02 {\n\t\t&.#{$pluginPrefix}-horizontal .#{$pluginPrefix}-handle,\n\t\t&.#{$pluginPrefix}-diagonal .#{$pluginPrefix}-handle {\n\t\t\t--coca-image-compare-handle-circle-width: 24px;\n\t\t\t--coca-image-compare-handle-circle-height: 120px;\n\t\t\t--coca-image-compare-handle-stroke: 1px;\n\t\t\tbackground: #fff;\n\t\t}\n\n\t\t&.#{$pluginPrefix}-vertical .#{$pluginPrefix}-handle {\n\t\t\t--coca-image-compare-handle-circle-width: 120px;\n\t\t\t--coca-image-compare-handle-circle-height: 24px;\n\t\t\t--coca-image-compare-handle-stroke: 1px;\n\t\t\tbackground: #fff;\n\t\t}\n\t}\n\n\t.template-style03 {\n\t\t.#{$pluginPrefix}-handle {\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}\n\t}\n\n\t.template-style04 {\n\t\t.#{$pluginPrefix}-handle {\n\t\t\tborder: none;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t&.#{$pluginPrefix}-horizontal,\n\t\t&.#{$pluginPrefix}-diagonal {\n\t\t\t.#{$pluginPrefix}-handle {\n\n\t\t\t\t&::before {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\tmargin-left: calc(0px / 1);\n\t\t\t\t}\n\n\t\t\t\t&::after {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\tmargin-left: calc(0px / 1);\n\t\t\t\t}\n\n\t\t\t\t.#{$pluginPrefix}-left-arrow {\n\t\t\t\t\t// margin-left: -15px;\n\t\t\t\t}\n\n\t\t\t\t.#{$pluginPrefix}-right-arrow {\n\t\t\t\t\t// margin-right: -18px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.#{$pluginPrefix}-after-label::before,\n\t\t\t.#{$pluginPrefix}-before-label::before {\n\t\t\t\t// top: 10%;\n\t\t\t\tpadding: 12px 20px;\n\t\t\t\tmargin-top: 0;\n\t\t\t\tline-height: 1.5;\n\t\t\t}\n\t\t}\n\n\t\t&.#{$pluginPrefix}-vertical {\n\t\t\t.#{$pluginPrefix}-handle {\n\n\t\t\t\t&::before {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t&::after {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t.#{$pluginPrefix}-down-arrow {\n\t\t\t\t\t// margin-bottom: -22px;\n\t\t\t\t}\n\n\t\t\t\t.#{$pluginPrefix}-up-arrow {\n\t\t\t\t\tmargin-top: -17px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.#{$pluginPrefix}-after-label::before,\n\t\t\t.#{$pluginPrefix}-before-label::before {\n\t\t\t\t// left: 0;\n\t\t\t\tpadding: 12px 20px;\n\t\t\t\tmargin-top: 0;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tline-height: 1.5;\n\t\t\t\tborder-radius: 0 5px 5px 0;\n\t\t\t}\n\n\t\t\t.#{$pluginPrefix}-before-label::before {\n\t\t\t\t// top: 10%;\n\t\t\t}\n\n\t\t\t//.#{$pluginPrefix}-after-label::before { }\n\t\t}\n\t}\n\n\t.template-style05 {\n\t\t.#{$pluginPrefix}-handle {\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\tborder-color: var(--coca-image-compare-handle-color, rgba(255, 255, 255, 0.53));\n\t\t\tborder-style: solid;\n\t\t}\n\n\t\t&.#{$pluginPrefix}-horizontal:not(.handle-bottom) .#{$pluginPrefix}-handle,\n\t\t&.#{$pluginPrefix}-diagonal:not(.handle-bottom) .#{$pluginPrefix}-handle {\n\n\t\t\t&:before {\n\t\t\t\tmargin-bottom: calc(calc(var(--coca-image-compare-handle-circle-height) / 2) - 1px);\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tmargin-top: calc(var(--coca-image-compare-handle-circle-height) / 2 - 1px);\n\t\t\t}\n\t\t}\n\n\t\t&.#{$pluginPrefix}-vertical:not(.handle-bottom) .#{$pluginPrefix}-handle {\n\n\t\t\t&:before {\n\t\t\t\tmargin-left: calc(var(--coca-image-compare-handle-circle-width) / 2 - 1px);\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tmargin-right: calc(var(--coca-image-compare-handle-circle-width) / 2 - 1px);\n\t\t\t}\n\t\t}\n\t}\n\n\t.template-style06 {\n\t\t&.#{$pluginPrefix}-horizontal .#{$pluginPrefix}-handle,\n\t\t&.#{$pluginPrefix}-diagonal .#{$pluginPrefix}-handle {\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}\n\n\t\t&.#{$pluginPrefix}-vertical .#{$pluginPrefix}-handle {\n\t\t\t--coca-image-compare-handle-circle-width: 70px;\n\t\t\t--coca-image-compare-handle-circle-height: 15px;\n\t\t\t--coca-image-compare-handle-triangle-position: 15px;\n\t\t}\n\t}\n}\n\n/* Label Positioning Template01 horizontal */\n.label-horizontal-top {\n\t.template-style01.coca-image-compare-horizontal,\n\t.template-style01.coca-image-compare-diagonal,\n\t.template-style02.coca-image-compare-horizontal,\n\t.template-style02.coca-image-compare-diagonal,\n\t.template-style03.coca-image-compare-horizontal,\n\t.template-style03.coca-image-compare-diagonal,\n\t.template-style04.coca-image-compare-horizontal,\n\t.template-style04.coca-image-compare-diagonal,\n\t.template-style05.coca-image-compare-horizontal,\n\t.template-style05.coca-image-compare-diagonal,\n\t.template-style06.coca-image-compare-horizontal,\n\t.template-style06.coca-image-compare-diagonal,\n\t.template-style07.coca-image-compare-horizontal,\n\t.template-style07.coca-image-compare-diagonal {\n\t\t.coca-image-compare-after-label::before,\n\t\t.coca-image-compare-before-label::before{\n\t\t\ttop: 10px;\n\t\t\tmargin-top: 0;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t }\n}\n\n.label-horizontal-middle {\n\t.template-style01.coca-image-compare-horizontal,\n\t.template-style01.coca-image-compare-diagonal,\n\t.template-style02.coca-image-compare-horizontal,\n\t.template-style02.coca-image-compare-diagonal,\n\t.template-style03.coca-image-compare-horizontal,\n\t.template-style03.coca-image-compare-diagonal,\n\t.template-style04.coca-image-compare-horizontal,\n\t.template-style04.coca-image-compare-diagonal,\n\t.template-style05.coca-image-compare-horizontal,\n\t.template-style05.coca-image-compare-diagonal,\n\t.template-style06.coca-image-compare-horizontal,\n\t.template-style06.coca-image-compare-diagonal,\n\t.template-style07.coca-image-compare-horizontal,\n\t.template-style07.coca-image-compare-diagonal {\n\t\t.coca-image-compare-after-label::before,\n\t\t.coca-image-compare-before-label::before{\n\t\t\ttop: 50%;\n\t\t}\n\t }\n}\n\n.label-horizontal-bottom {\n\t.template-style01.coca-image-compare-horizontal,\n\t.template-style01.coca-image-compare-diagonal,\n\t.template-style02.coca-image-compare-horizontal,\n\t.template-style02.coca-image-compare-diagonal,\n\t.template-style03.coca-image-compare-horizontal,\n\t.template-style03.coca-image-compare-diagonal,\n\t.template-style04.coca-image-compare-horizontal,\n\t.template-style04.coca-image-compare-diagonal,\n\t.template-style05.coca-image-compare-horizontal,\n\t.template-style05.coca-image-compare-diagonal,\n\t.template-style06.coca-image-compare-horizontal,\n\t.template-style06.coca-image-compare-diagonal,\n\t.template-style07.coca-image-compare-horizontal,\n\t.template-style07.coca-image-compare-diagonal {\n\t\t.coca-image-compare-after-label::before,\n\t\t.coca-image-compare-before-label::before{\n\t\t  top: auto;\n\t\t  margin-top: 0;\n\t\t}\n\t }\n}\n\n\n/* Label Positioning Template01 vertical*/\n.label-vertical-left {\n\t.template-style01.coca-image-compare-vertical,\n\t.template-style02.coca-image-compare-vertical,\n\t.template-style03.coca-image-compare-vertical,\n\t.template-style04.coca-image-compare-vertical,\n\t.template-style05.coca-image-compare-vertical,\n\t.template-style06.coca-image-compare-vertical,\n\t.template-style07.coca-image-compare-vertical {\n\t\t.coca-image-compare-after-label::before,\n\t\t.coca-image-compare-before-label::before{\n\t\t\tleft: 10px;\n\t\t\t// margin-left: 0;\n\t\t\t// transform: translateX(0);\n\t\t}\n\t }\n}\n\n.label-vertical-middle {\n\t.template-style01.coca-image-compare-vertical,\n\t.template-style02.coca-image-compare-vertical,\n\t.template-style03.coca-image-compare-vertical,\n\t.template-style04.coca-image-compare-vertical,\n\t.template-style05.coca-image-compare-vertical,\n\t.template-style06.coca-image-compare-vertical,\n\t.template-style07.coca-image-compare-vertical  {\n\t\t.coca-image-compare-after-label::before{\n\t\t\tbottom: 10px;\n\t\t}\n\t\t.coca-image-compare-before-label::before{\n\t\t\ttop: 10px;\n\t\t}\n\t }\n}\n\n.label-vertical-right {\n\t.template-style01.coca-image-compare-vertical,\n\t.template-style02.coca-image-compare-vertical,\n\t.template-style03.coca-image-compare-vertical,\n\t.template-style04.coca-image-compare-vertical,\n\t.template-style05.coca-image-compare-vertical,\n\t.template-style06.coca-image-compare-vertical,\n\t.template-style07.coca-image-compare-vertical  {\n\t\t.coca-image-compare-after-label::before,\n\t\t.coca-image-compare-before-label::before{\n\t\t\tright: 10px;\n\t\t\tmargin-right: 0;\n\t\t\ttransform: translateX(0);\n\t\t}\n\t }\n}\n\n\n","@use \"../../common/styles/slider-template\" 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.shortcode-container,\n\t.coca-image-compare-wrapper,\n\t.coca-bais-container {\n\t\tposition: relative;\n\t}\n\n\t.coca-bais-container {\n\t\tdisplay: block;\n\t\topacity: 1 !important;\n\n\t\t&:not(.coca-image-compare-container) img:not(:first-child) {\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\n\t\t.coca-image-compare-after-label:before,\n\t\t.coca-image-compare-before-label:before {\n\t\t\tmin-width: fit-content;\n\t\t}\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\t\t\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\n\t\t}\n\t}\n\n\t.components-notice {\n\t\t@include components-notice;\n\t}\n}\n\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","@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":""}