{"version":3,"file":"global/index.css","mappings":";;;AAAA,gBAAgB;AAAhB;;EAAA;ACAA;;CAAA;AAIA;EACI;ADIJ;;ACDA;EACI;ADIJ;;ACAA;EACI;ADGJ;ACFI;EACI;EACA;ADIR;ACAQ;EACI;ADEZ;ACEI;EACI;EACA;ADAR;;ACKI;EACI;EACA;ADFR;;ACOA;EACI;ADJJ;;ACOA;EACI;ADJJ;;ACOA;EACI;ADJJ;;ACOA;EACI;ADJJ;;ACOA;EACI;ADJJ;;ACQA;EACI;ADLJ;;ACSA;EACI;ADNJ;;ACSA;EACI;ADNJ;;ACUA;EACI;EACA;ADPJ;ACQI;EACI;EACA;ADNR;ACOQ;EACI;EACA;EACA;ADLZ;ACQI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ADNR;ACOQ;EACI;EACA;ADLZ;ACOQ;EACI;EACA;ADLZ;;ACWA;;EAEI;EACA;EACA;EACA;ADRJ;;ACYA;EACI;EACA;EACA;EACA;EACA;EACA;ADTJ;ACUI;EACI;EACA;ADRR;ACUI;EACI;ADRR;ACSQ;EACI;ADPZ;ACWQ;EACI;ADTZ;ACYI;EACI;EACA;ADVR;;ACeI;EACI;ADZR;ACcI;EACI;ADZR;ACcI;EACI;EACA;EACA;ADZR;ACcQ;EACI;EACA;EACA;EACA;ADZZ;ACeI;EACI;ADbR;;ACkBA;EACI;EACA;EACA;ADfJ;ACgBI;EACI;EACA;ADdR;ACgBI;;EAEI;EACA;EACA;ADdR;ACgBI;EACI;ADdR;ACeQ;EACI;ADbZ;;ACuBQ;EACI;EACA;EACA;ADpBZ;ACqBY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADnBhB;ACoBgB;EACI;ADlBpB;AC0BI;EACI;EACA;ADxBR;;AC8BI;EACI;AD3BR;;ACgCA;EACI;EACA;AD7BJ;AC8BI;EACI;AD5BR;;ACiCI;EACI;AD9BR;;ACmCA;EACI;EACA;EACA;EACA;EACA;ADhCJ;;ACqCI;EACI;ADlCR;ACoCI;EACI;ADlCR;;ACwCI;EACI;ADrCR;ACsCQ;EACI;EACA;ADpCZ;;AC6CI;EACI;EACA;EACA;AD1CR;AC2CQ;EACI;ADzCZ;AC4CI;EACI;EACA;EACA;AD1CR;AC2CQ;EACI;ADzCZ;;AC+CA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD5CJ;AC6CI;EACI;AD3CR;;ACgDA;EACI;EACA;EACA;AD7CJ;AC+CI;EACI;AD7CR;;ACiDA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD9CJ;;ACiDA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AD9CJ;AC+CI;EACI;AD7CR;;AExTA;;CAAA;AAKI;EACI;EACA;AFyTR;AEvTQ;EACI;AFyTZ;AExTY;EACI;AF0ThB;AEpTQ;EACI;AFsTZ;AElTI;EACI;AFoTR;AEjTI;EACI;AFmTR;AE/SQ;EACI;EACA;AFiTZ;AE7SI;EACI;AF+SR;AE5SI;EACI;AF8SR;AE7SQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF+SZ;AE9SY;EACI;EACA;AFgThB;AE9SY;EACI;EACA;EACA;EACA;AFgThB;AE9SY;EACI;AFgThB;AE1SI;EACI;AF4SR;AExSI;EACI;AF0SR;AExSI;EACI;AF0SR;AExSI;EACI;EACA;EACA;AF0SR;AExSQ;EACI;EACA;EACA;EACA;AF0SZ;AEvSI;EACI;AFySR;AEtSI;;EAEI;AFwSR;AEpSI;EACI;EACA;AFsSR;AElSI;EACI;EACA;AFoSR;AEjSI;EACI;AFmSR;AE/RI;EACI;EACA;AFiSR;AE/RI;EACI;AFiSR;AE9RI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AFgSR;AE/RQ;EACI;AFiSZ;AE/RQ;EACI;AFiSZ;AE7RI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF+RR;AE3RI;EACI;AF6RR;AEzRI;EACI;AF2RR;AExRI;EACI;EACA;EACA;AF0RR;AEtRI;EACI;AFwRR;AEtRI;;EAEI;EACA;AFwRR;AErRI;EACI;EACA;AFuRR;AEnRI;EACI;AFqRR;;AEjRA;EACI;EACA;EACA;AFoRJ;;AAxdA;;EAAA;AGJI;EACI;AHkeR;AG/dI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHieR;AGheQ;EACI;EACA;AHkeZ;AGheQ;EACI;EACA;AHkeZ;AG/dY;EACI;AHiehB;;AIzfA;EACI;EACA;EACA;EACA;EACA;AJ4fJ;;AKjgBI;EACI;EACA;ALogBR;AKngBQ;EACI;EACA;EACA;EACA;ALqgBZ;AKpgBY;EACI;EACA;ALsgBhB;AKpgBY;EACI;EACA;ALsgBhB;AKrgBgB;EACI;ALugBpB;AKjgBI;EACI;EACA;EACA;ALmgBR;AKlgBQ;EACI;ALogBZ;;AK5fY;EACI;AL+fhB;AK5fgB;EACI;AL8fpB;;AMtiBI;EACI;EACA;ANyiBR;AMviBI;EACI;ANyiBR;AMviBI;EACI;ANyiBR;;AOjjBI;EACI;EACA;APojBR;AOjjBI;EACI;EACA;EACA;APmjBR;AOljBQ;EACI;APojBZ;;AO/iBA;EACI;APkjBJ;;AApjBA;;EAAA;AQbQ;EACI;ARukBZ;AQrkBQ;EACI;EACA;EACA;EACA;ARukBZ;AQtkBY;EACI;ARwkBhB;AQvkBgB;EACI;ARykBpB;;AQlkBA;EACI;EACA;ARqkBJ;AQnkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARqkBR;AQjkBI;EACI;ARmkBR;AQjkBI;EACI;ARmkBR;AQjkBI;EACI;EACA;EACA;ARmkBR;AQjkBQ;EACI;EACA;EACA;EACA;ARmkBZ;AQhkBI;EACI;ARkkBR;AQ/jBI;;EAEI;ARikBR;AQ7jBI;EACI;EACA;AR+jBR;AQ3jBI;EACI;EACA;AR6jBR;AQzjBI;EACI;EACA;AR2jBR;AQzjBI;EACI;AR2jBR;;AQtjBI;EACI;EACA;EACA;ARyjBR;AQtjBI;EACI;ARwjBR;;ASnpBQ;;EAEI;ATspBZ;ASppBQ;EACI;ATspBZ;ASlpBQ;EACI;EACA;ATopBZ;AShpBY;EACI;ATkpBhB;ASjpBgB;EACI;ATmpBpB;AS5oBQ;EACI;AT8oBZ;AS1oBI;EACI;EACA;AT4oBR;;ASvoBI;EACI;AT0oBR;ASxoBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AT0oBR;ASvoBI;EACI;ATyoBR;;ASroBA;EACI;EACA;EACA;ATwoBJ;AStoBI;EACI;EACA;EACA;EACA;EACA;EACA;ATwoBR;ASvoBQ;EACI;ATyoBZ;AStoBI;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;ATuoBR;ASpoBI;EACI;ATsoBR;ASnoBI;EACI;ATqoBR;ASjoBQ;;;EAGI;ATmoBZ;AShoBQ;EACI;EACA;EACA;ATkoBZ;AS9nBI;EACI;ATgoBR;AS7nBI;EACI;AT+nBR;;AS3nBA;EACI;EACA;EACA;AT8nBJ;;AS3nBA;EACI;AT8nBJ;;AS3nBA;EACI;AT8nBJ;;AU9vBQ;EACI;EACA;EACA;EACA;EACA;EACA;AViwBZ;AU/vBQ;EACI;AViwBZ;AUhwBY;EACI;EACA;AVkwBhB;AUhwBY;EACI;AVkwBhB;;AU7vBA;EACI;EACA;EACA;AVgwBJ;AU9vBI;EACI;AVgwBR;AU/vBQ;;;EAGI;AViwBZ;AU9vBQ;EACI;EACA;EACA;EACA;EACA;EACA;AVgwBZ;AU9vBQ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AV+vBZ;AU3vBI;EACI;AV6vBR;;AWrzBI;;EAEI;AXwzBR;AWrzBI;EACI;EACA;EACA;EACA;EACA;EACA;AXuzBR;AWtzBQ;EACI;AXwzBZ;AWrzBI;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AXszBR;;AWjzBA;EACI;EACA;EACA;EACA;EACA;AXozBJ;;AWjzBA;EACI;EACA;EACA;EACA;EACA;OAAA;EACA;AXozBJ;;AWjzBA;EACI;AXozBJ;;AWjzBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXozBJ;;AYr3BI;EACI;EACA;AZw3BR;AYv3BQ;EACI;EACA;AZy3BZ;AYr3BI;EACI;EACA;EACA;EACA;AZu3BR;AYt3BQ;EACI;AZw3BZ;AYv3BY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AZy3BhB;AYx3BgB;EACI;EACA;AZ03BpB;AYx3BgB;EACI;AZ03BpB;AY33BgB;EACI;AZ03BpB;AYr3BgB;EACI;AZu3BpB;AYn3BY;EACI;AZq3BhB;AYl3BY;EACI;AZo3BhB;AYj3BY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AZm3BhB;AYh3BY;;EAEI;EACA;AZk3BhB;AY/2BY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AZi3BhB;AYh3BgB;EACI;EACA;AZk3BpB;AYh3BgB;EACI;EACA;AZk3BpB;AYh3BgB;EACI;AZk3BpB;AYj3BoB;EACI;AZm3BxB;;Aar8BI;EACI;EACA;EACA;EACA;EACA;EACA;Abw8BR;Aat8BI;EACI;EACA;EACA;Abw8BR;Aar8BQ;EACI;EACA;Abu8BZ;Aap8BI;EACI;EACA;EACA;EACA;EACA;EACA;Abs8BR;Aar8BQ;EACI;Abu8BZ;Aap8BI;EACI;EACA;EACA;EACA;Abs8BR;Aap8BI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Abs8BR;Aar8BQ;EACI;EACA;Abu8BZ;Aap8BI;EACI;EACA;Abs8BR;Aap8BI;EACI;EACA;Abs8BR;Aar8BQ;EACI;Abu8BZ;Aap8BI;EACI;Abs8BR;Aap8BI;EACI;EACA;EACA;EACA;Abs8BR;;Aaj8BA;EACI;EACA;EACA;EACA;EACA;Abo8BJ;;Aaj8BA;EACI;Abo8BJ;;AcxhCQ;;EAEI;Ad2hCZ;AczhCQ;EACI;EACA;EACA;EACA;EACA;Ad2hCZ;Ac1hCY;EACI;EACA;EACA;Ad4hChB;;ActhCA;EACI;EACA;EACA;AdyhCJ;AcvhCI;EACI;EACA;AdyhCR;ActhCI;EACI;EACA;EACA;EACA;EACA;EACA;AdwhCR;AcrhCI;EACI;AduhCR;AcphCI;EACI;AdshCR;AcjhCY;EACI;AdmhChB;AchhCgB;EACI;AdkhCpB;Ac5gCI;EACI;Ad8gCR;Ac3gCI;EACI;Ad6gCR;;Ae/kCA;EACI;EACA;EACA;EACA;AfklCJ;AejlCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AfmlCR;AejlCQ;EACI;EACA;AfmlCZ;;Ae9kCA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AfilCJ;;Ae7kCI;EACI;AfglCR;;AgBxnCI;EACI;AhB2nCR;AgBznCI;EACI;EACA;EACA;AhB2nCR;AgBznCI;EACI;AhB2nCR;;AgBrnCQ;EACI;EACA;EACA;EACA;EACA;EACA;AhBwnCZ;;AgBnnCA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhBsnCJ;AgBrnCI;EACI;EACA;EACA;EACA;EACA;AhBunCR;;AgBlnCI;EACI;EACA;AhBqnCR;AgBpnCQ;EACI;EACA;EACA;AhBsnCZ;AgBpnCQ;EACI;EACA;EACA;AhBsnCZ;AgBrnCY;EACI;EACA;EACA;EACA;EACA;EACA;AhBunChB;AgBtnCgB;EACI;AhBwnCpB;AgBpnCQ;EACI;AhBsnCZ;AgBpnCQ;EACI;EACA;EACA;EACA;AhBsnCZ;AgBnnCQ;EACI;EACA;EACA;EACA;EACA;AhBqnCZ;AgBlnCQ;EACI;EACA;AhBonCZ;AgBnnCY;EACI;AhBqnChB;AgBnnCY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhBqnChB;AgBnnCgB;EACI;AhBqnCpB;AgBpnCoB;EACI;AhBsnCxB;;AiBnuCI;EACI;AjBsuCR;AiBnuCI;EACI;EACA;EACA;EACA;EACA;AjBquCR;AiBluCI;EACI;EACA;EACA;AjBouCR;AiBjuCI;EACI;AjBmuCR;;AiB9tCA;EACI;EACA;EACA;AjBiuCJ;AiB/tCI;EACI;AjBiuCR;AiB7tCQ;EACI;AjB+tCZ;AiB5tCI;EACI;EACA;AjB8tCR;AiB3tCI;EACI;AjB6tCR;;AiBxtCI;EACI;EACA;AjB2tCR;AiB1tCQ;EACI;EACA;AjB4tCZ;;AkBnxCA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AlBsxCJ;AkBpxCI;EACI;EACA;EACA;AlBsxCR;AkBrxCQ;EACI;EACA;AlBuxCZ;AkBpxCI;EACI;EACA;EACA;KAAA;AlBsxCR;AkBnxCI;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBqxCR;AkBnxCQ;;EACI;EACA;EACA;AlBsxCZ;AkBlxCI;EACI;EACA;EACA;AlBoxCR;AkBjxCI;EACI;EACA;EACA;AlBmxCR;;AmBr0CA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AnBw0CJ;AmBv0CI;EACI;EACA;EACA;EACA;AnBy0CR;;AoBr1CA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ApBw1CJ;AoBv1CI;EACI;EACA;ApBy1CR;;AoBn1CI;EACI;EACA;EACA;ApBs1CR;AoBn1CI;EACI;ApBq1CR;;AqB/2CA;EACI;EACA;EACA;EACA;EACA;ArBk3CJ;AqBj3CI;EACI;ArBm3CR;AqBl3CQ;EACI;EACA;EACA;EACA;ArBo3CZ;;AqB/2CA;EACI;EACA;EACA;EACA;EACA;EACA;ArBk3CJ;AqBj3CI;EACI;ArBm3CR;;AqB/2CA;EACI;EACA;EACA;ArBk3CJ;AqBh3CI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ArBk3CR;AqBh3CQ;EACI;ArBk3CZ;AqB/2CQ;EACI;EACA;ArBi3CZ;AqBh3CY;EACI;ArBk3ChB;AqB72CY;EACI;ArB+2ChB;AqB12CI;EACI;EACA;EACA;ArB42CR;;AsB56CI;EACI;AtB+6CR;;AuBj7CA;EACI;AvBo7CJ;AuBn7CI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvBq7CR;;AuBj7CA;EACI;EAEA;EACA;AvBm7CJ;AuBj7CI;EACI;AvBm7CR;AuBh7CI;EACI;EACA;EACA;EACA;EACA;AvBk7CR;AuB/6CI;EACI;EACA;EACA;EACA;EACA;AvBi7CR;;AuB76CA;EACI;EACA;AvBg7CJ;;AuB76CA;EACI;EACA;EACA;AvBg7CJ;;AuB76CA;EACI;EACA;EACA;EACA;EACA;AvBg7CJ;;AuB76CA;EACI;EACA;EACA;EACA;EACA;AvBg7CJ;;AwBh/CI;EACI;AxBm/CR;AwBr/CA;EAII;EACA;EACA;AxBo/CJ;;AwBz/CI;EACI;AxB4/CR;AwB9/CA;EAII;EACA;EACA;AxB6/CJ;;AyBlgDI;EACI;EACA;EACA;EACA;AzBqgDR;AyBlgDI;;EAEI;AzBogDR;AyBjgDI;EACI;AzBmgDR;AyB//CQ;EACI;AzBigDZ;;A0BphDA;EACI;EACA;EACA;EACA;A1BuhDJ;A0BrhDI;EACI;EACA;EACA;EACA;EACA;A1BuhDR;;A2BliDA;EACI;EACA;EACA;EACA;A3BqiDJ;A2BpiDI;EACI;EACA;EACA;A3BsiDR,C","sources":["webpack://progressmatify-blocks/./src/scss/styles.scss","webpack://progressmatify-blocks/./src/scss/common/controls.scss","webpack://progressmatify-blocks/./src/scss/common/header-tab.scss","webpack://progressmatify-blocks/./src/scss/controls/res-btn.scss","webpack://progressmatify-blocks/./src/scss/controls/res-label-control.scss","webpack://progressmatify-blocks/./src/scss/controls/button-group.scss","webpack://progressmatify-blocks/./src/scss/controls/reset-btn.scss","webpack://progressmatify-blocks/./src/scss/controls/switcher-control.scss","webpack://progressmatify-blocks/./src/scss/controls/popover-control.scss","webpack://progressmatify-blocks/./src/scss/controls/background-control.scss","webpack://progressmatify-blocks/./src/scss/controls/boxshadow-control.scss","webpack://progressmatify-blocks/./src/scss/controls/color-control.scss","webpack://progressmatify-blocks/./src/scss/controls/res-box-control.scss","webpack://progressmatify-blocks/./src/scss/controls/select-control.scss","webpack://progressmatify-blocks/./src/scss/controls/typography-control.scss","webpack://progressmatify-blocks/./src/scss/controls/units-control.scss","webpack://progressmatify-blocks/./src/scss/controls/border-control.scss","webpack://progressmatify-blocks/./src/scss/controls/link-control.scss","webpack://progressmatify-blocks/./src/scss/controls/image-preview.scss","webpack://progressmatify-blocks/./src/scss/controls/upload-btn.scss","webpack://progressmatify-blocks/./src/scss/controls/query-control.scss","webpack://progressmatify-blocks/./src/scss/controls/icon-picker-control.scss","webpack://progressmatify-blocks/./src/scss/controls/mask-control.scss","webpack://progressmatify-blocks/./src/scss/controls/sortable.scss","webpack://progressmatify-blocks/./src/scss/controls/rating.scss","webpack://progressmatify-blocks/./src/scss/controls/inline-input-control.scss","webpack://progressmatify-blocks/./src/scss/controls/section-title.scss","webpack://progressmatify-blocks/./src/scss/controls/note.scss"],"sourcesContent":["/**\r\n * Common Style\r\n */\r\n@import './common/controls.scss';\r\n@import './common/header-tab.scss';\r\n\r\n/**\r\n * Internal Components\r\n */\r\n@import './controls/res-btn.scss';\r\n@import './controls/res-label-control.scss';\r\n@import './controls/button-group.scss';\r\n@import './controls/reset-btn.scss';\r\n@import './controls/switcher-control.scss';\r\n\r\n/**\r\n * Components\r\n */\r\n@import './controls/popover-control.scss';\r\n@import './controls/background-control.scss';\r\n@import './controls/boxshadow-control.scss';\r\n@import './controls/color-control.scss';\r\n@import './controls/res-box-control.scss';\r\n@import './controls/select-control.scss';\r\n@import './controls/typography-control.scss';\r\n@import './controls/units-control.scss';\r\n@import './controls/border-control.scss';\r\n@import './controls/link-control.scss';\r\n@import './controls/image-preview.scss';\r\n@import './controls/upload-btn.scss';\r\n@import './controls/query-control.scss';\r\n@import './controls/icon-picker-control.scss';\r\n@import './controls/mask-control.scss';\r\n@import './controls/sortable.scss';\r\n@import './controls/rating.scss';\r\n@import './controls/rating.scss';\r\n@import './controls/inline-input-control.scss';\r\n@import './controls/section-title.scss';\r\n@import './controls/note.scss';\r\n","/*\r\n* Base CSS for all controls\r\n*/\r\n\r\n.components-popover {\r\n    z-index: 99999 !important;\r\n}\r\n\r\n.components-input-control__input {\r\n    text-align: center;\r\n}\r\n\r\n// Controls Container\r\n.progressmatify-control-container {\r\n    margin-bottom: 16px !important;\r\n    .components-flex {\r\n        margin-bottom: 8px;\r\n        width: 100%;\r\n    }\r\n\r\n    &.progressmatify-box {\r\n        .components-flex {\r\n            align-items: center;\r\n        }\r\n    }\r\n\r\n    .components-input-control__input {\r\n        height: 32px !important;\r\n        text-align: center !important;\r\n    }\r\n}\r\n\r\n.progressmatify-btn {\r\n    &:focus {\r\n        outline: none !important;\r\n        box-shadow: none !important;\r\n    }\r\n}\r\n\r\n// Margin Bottom\r\n.progressmatify-mb-0 {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.progressmatify-mb-8 {\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.progressmatify-mb-12 {\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.progressmatify-mb-16 {\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.progressmatify-mb-24 {\r\n    margin-bottom: 24px;\r\n}\r\n\r\n// Padding Bottom\r\n.progressmatify-pb-0 {\r\n    padding-bottom: 0;\r\n}\r\n\r\n// Display\r\n.progressmatify-inline-block {\r\n    display: inline-block;\r\n}\r\n\r\n.progressmatify-block {\r\n    display: block;\r\n}\r\n\r\n// Buttons Group\r\n.progressmatify-btn-group {\r\n    display: inline-flex;\r\n    width: 100%;\r\n    &.progressmatify-full-group {\r\n        width: 100%;\r\n        display: flex;\r\n        .components-button {\r\n            width: 100%;\r\n            padding: 0;\r\n            justify-content: center;\r\n        }\r\n    }\r\n    .components-button {\r\n        box-shadow: inset 0 0 0 1px #e0e0e0;\r\n        font-size: 11px;\r\n        text-transform: capitalize;\r\n        font-weight: 500;\r\n        box-sizing: border-box;\r\n        height: 30px;\r\n        width: 100%;\r\n        &:focus {\r\n            outline: none;\r\n            box-shadow: inset 0 0 0 1px #e0e0e0;\r\n        }\r\n        &.active {\r\n            background: #eee;\r\n            color: #014568;\r\n        }\r\n    }\r\n}\r\n\r\n// label\r\n.progressmatify-label,\r\n.progressmatify-control-container .components-base-control__label {\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    text-transform: none !important;\r\n    display: inline-block;\r\n}\r\n\r\n// reset button\r\n.progressmatify-reset-button {\r\n    width: 12px;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    min-width: unset !important;\r\n    height: auto !important;\r\n    color: #2563eb;\r\n    &:focus {\r\n        outline: none !important;\r\n        box-shadow: none !important;\r\n    }\r\n    &.disabled {\r\n        cursor: not-allowed;\r\n        .dashicon {\r\n            color: #e0e0e0;\r\n        }\r\n    }\r\n    &.active {\r\n        .dashicon {\r\n            color: #2563eb;\r\n        }\r\n    }\r\n    .dashicon {\r\n        font-size: 12px;\r\n        line-height: 20px;\r\n    }\r\n}\r\n\r\n.progressmatify-reset-control {\r\n    .components-base-control__field {\r\n        margin-bottom: 0 !important;\r\n    }\r\n    .components-range-control__wrapper span[aria-hidden='true'] {\r\n        height: 2px !important;\r\n    }\r\n    .components-range-control__thumb-wrapper {\r\n        height: 8px !important;\r\n        width: 8px !important;\r\n        margin-top: 10px !important;\r\n\r\n        span:before {\r\n            height: 12px !important;\r\n            width: 12px !important;\r\n            left: -2px !important;\r\n            top: -5px !important;\r\n        }\r\n    }\r\n    .components-simple-tooltip {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n// editor icon\r\n.progressmatify-editor-icon {\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: center;\r\n    &:focus {\r\n        outline: none;\r\n        box-shadow: none !important;\r\n    }\r\n    svg,\r\n    .dashicon {\r\n        width: 16px;\r\n        font-size: 12px;\r\n        line-height: 20px;\r\n    }\r\n    &.active-btn {\r\n        background-color: #f3f4f5;\r\n        svg {\r\n            fill: #2563eb;\r\n        }\r\n    }\r\n}\r\n\r\n// Control unit\r\n.progressmatify-control-container {\r\n    // margin-bottom: 16px;\r\n    .components-flex {\r\n        // padding-bottom: 8px;\r\n        .progressmatify-units-wrapper {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n            .unit-btn {\r\n                background: none;\r\n                border: none;\r\n                cursor: pointer;\r\n                font-size: 10px;\r\n                font-weight: 600;\r\n                text-transform: uppercase;\r\n                margin: 0;\r\n                padding: 0;\r\n                &.active {\r\n                    color: #2563eb;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // control label\r\n    // .components-base-control__label,\r\n    .components-base-control__field {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n}\r\n\r\n// Popover\r\n.progressmatify-popover {\r\n    .components-input-control__backdrop {\r\n        border: 1px solid #e5e5e5 !important;\r\n    }\r\n}\r\n\r\n// inner popover\r\n.gutslider-inner-popover {\r\n    width: 250px;\r\n    padding: 10px;\r\n    .progressmatify-control-container {\r\n        margin: 0;\r\n    }\r\n}\r\n\r\n.progressmatify-res-btn {\r\n    .components-button-group {\r\n        margin-bottom: 0 !important;\r\n    }\r\n}\r\n\r\n// custom help\r\n.progressmatify_custom__help {\r\n    margin-top: 8px;\r\n    font-size: 12px;\r\n    color: #999;\r\n    font-style: italic;\r\n    display: block;\r\n}\r\n\r\n// progressmatify reset range control\r\n.progressmatify-reset-control {\r\n    .components-range-control__track {\r\n        color: #2563eb !important;\r\n    }\r\n    .components-range-control__thumb-wrapper {\r\n        background-color: #2563eb !important;\r\n    }\r\n}\r\n\r\n// style copy-paste\r\n.progressmatify-copy-paste-styles-popover {\r\n    .components-popover__content {\r\n        width: 150px;\r\n        svg {\r\n            margin-right: 5px;\r\n            width: 16px;\r\n        }\r\n    }\r\n}\r\n\r\n// editor responsive canvas\r\n\r\n//class=\"edit-post-visual-editor has-inline-canvas progressmatify-desktop\"\r\n.edit-post-visual-editor.has-inline-canvas {\r\n    &.progressmatify-tablet > div {\r\n        width: 768px !important;\r\n        margin-left: auto !important;\r\n        margin-right: auto !important;\r\n        .editor-styles-wrapper.has-global-padding {\r\n            padding: 0 20px !important;\r\n        }\r\n    }\r\n    &.progressmatify-mobile > div {\r\n        width: 360px !important;\r\n        margin-left: auto !important;\r\n        margin-right: auto !important;\r\n        .editor-styles-wrapper.has-global-padding {\r\n            padding: 0 20px !important;\r\n        }\r\n    }\r\n}\r\n\r\n// Editor Append Button\r\n.progressmatify-append-btn {\r\n    background: #2d62ff;\r\n    border: none;\r\n    line-height: 1;\r\n    height: 50px;\r\n    width: 150px;\r\n    border-radius: 3px;\r\n    color: #fff;\r\n    margin-top: 10px;\r\n    font-size: 14px;\r\n    text-transform: uppercase;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n    &:hover {\r\n        background: #1545d4;\r\n    }\r\n}\r\n\r\n// flex\r\n.progressmatify-flex {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n\r\n    .progressmatify-flex-item {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n.progressmatify-add-btn {\r\n    display: inline-block;\r\n    width: 100px;\r\n    background: #fff;\r\n    color: #1545d4;\r\n    border: 1px solid #1545d4;\r\n    border-radius: 3px;\r\n    padding: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 15px;\r\n    cursor: pointer;\r\n    font-size: 15px;\r\n    text-transform: uppercase;\r\n    font-weight: 500;\r\n}\r\n\r\n.progressmatify-remove-btn {\r\n    background: none;\r\n    border: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    color: #cacaca;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n    &:hover {\r\n        color: #ff0c0b;\r\n    }\r\n}\r\n","/*\r\n* Editor CSS:\r\n*/\r\n.progressmatify-panels {\r\n    // toolspanel\r\n    .components-tools-panel {\r\n        padding: 0 !important;\r\n        gap: 0 !important;\r\n\r\n        .components-tools-panel-header {\r\n            padding: 16px !important;\r\n            .components-heading {\r\n                font-weight: 600 !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .components-toggle-control {\r\n        .components-flex {\r\n            flex-direction: row-reverse;\r\n        }\r\n    }\r\n\r\n    .components-button-group .components-button {\r\n        height: 32px !important;\r\n    }\r\n\r\n    .components-base-control {\r\n        margin-bottom: 16px !important;\r\n    }\r\n\r\n    .components-flex.components-input-base.components-select-control {\r\n        .components-input-control__container {\r\n            width: 110px !important;\r\n            flex: none !important;\r\n        }\r\n    }\r\n\r\n    .components-range-control__thumb-wrapper {\r\n        top: 0 !important;\r\n    }\r\n    //  Header Tab CSS\r\n    .components-button-group {\r\n        display: flex;\r\n        .tab-button {\r\n            width: 100%;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 5px;\r\n            box-shadow: none !important;\r\n            border-top: 1px solid #e0e0e0;\r\n            border-left: 1px solid #e0e0e0;\r\n            border-bottom: 1px solid #e0e0e0;\r\n            height: 65px;\r\n            font-size: 11px;\r\n            text-transform: uppercase;\r\n            font-weight: 600;\r\n            border-radius: 0 !important;\r\n            background: #f5f5f5;\r\n            flex-direction: column;\r\n            padding: 10px;\r\n            &.setting-tab {\r\n                border-right: 1px solid #e0e0e0;\r\n                border-left: 0;\r\n            }\r\n            &.active {\r\n                background: #fff;\r\n                color: #2563eb;\r\n                border-top-color: #2563eb;\r\n                border-top-width: 2px;\r\n            }\r\n            &:hover {\r\n                color: #2563eb;\r\n            }\r\n        }\r\n    }\r\n\r\n    // common css\r\n    .components-input-control__backdrop {\r\n        border: 1px solid #e0e0e0 !important;\r\n    }\r\n\r\n    // rangle control\r\n    .components-base-control__field {\r\n        margin-bottom: 0 !important;\r\n    }\r\n    .components-range-control__wrapper span[aria-hidden='true'] {\r\n        height: 2px !important;\r\n    }\r\n    .components-range-control__thumb-wrapper {\r\n        height: 8px !important;\r\n        width: 8px !important;\r\n        margin-top: 10px !important;\r\n\r\n        span:before {\r\n            height: 12px !important;\r\n            width: 12px !important;\r\n            left: -2px !important;\r\n            top: -5px !important;\r\n        }\r\n    }\r\n    .components-simple-tooltip {\r\n        display: none !important;\r\n    }\r\n\r\n    .components-range-control__track,\r\n    .components-range-control__thumb-wrapper {\r\n        background-color: #2563eb;\r\n    }\r\n\r\n    // text input control\r\n    .components-text-control__input {\r\n        border: 1px solid #e0e0e0 !important;\r\n        height: 36px !important;\r\n    }\r\n\r\n    // toggle control\r\n    .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track {\r\n        box-shadow: none !important;\r\n        outline: none !important;\r\n    }\r\n\r\n    .components-form-toggle.is-checked .components-form-toggle__track {\r\n        background-color: #2563eb !important;\r\n    }\r\n\r\n    // textarea\r\n    textarea {\r\n        border: 1px solid #e0e0e0 !important;\r\n        resize: none !important;\r\n    }\r\n    .components-base-control__help {\r\n        font-style: italic !important;\r\n    }\r\n\r\n    .components-button.photo-comparison-add-item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        background: #2563eb;\r\n        width: 100%;\r\n        margin-bottom: 10px;\r\n        color: #fff;\r\n        &:active {\r\n            color: #fff;\r\n        }\r\n        svg path {\r\n            stroke: #fff;\r\n        }\r\n    }\r\n\r\n    .photo-comparison-upload-btn {\r\n        width: 100%;\r\n        height: 130px;\r\n        text-align: center;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border: 1px solid #e0e0e0;\r\n        margin-bottom: 16px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    // panel title\r\n    .components-panel__body.is-opened > .components-panel__body-title {\r\n        margin-bottom: 16px !important;\r\n    }\r\n\r\n    // select contrl\r\n    .components-select-control__input {\r\n        height: 32px !important;\r\n    }\r\n\r\n    label {\r\n        font-size: 13px !important;\r\n        text-transform: none !important;\r\n        font-weight: 400 !important;\r\n    }\r\n\r\n    // form input control\r\n    .components-form-token-field__input-container {\r\n        border: 1px solid #e0e0e0 !important;\r\n    }\r\n    .components-form-token-field__help,\r\n    .progressmatify-help-note {\r\n        font-style: italic !important;\r\n        color: #757575 !important;\r\n    }\r\n\r\n    .progressmatify-help-note {\r\n        margin-top: 8px !important;\r\n        font-size: 12px !important;\r\n    }\r\n\r\n    // custom css\r\n    .cm-scroller {\r\n        border: 1px solid #e0e0e0 !important;\r\n    }\r\n}\r\n\r\n.progressmatify-label {\r\n    font-size: 13px !important;\r\n    text-transform: capitalize !important;\r\n    font-weight: 400 !important;\r\n    // line-height: 1 !important;\r\n}\r\n","// Responsive Button Control\r\n.progressmatify-res-btn {\r\n    .components-button-group {\r\n        gap: 3px;\r\n    }\r\n\r\n    .progressmatify-device-btn {\r\n        padding: 2px !important;\r\n        margin: 0;\r\n        min-height: auto !important;\r\n        width: 18px;\r\n        height: 18px !important;\r\n        border-radius: 50% !important;\r\n        justify-content: center;\r\n        box-shadow: none !important;\r\n        &:focus {\r\n            outline: none;\r\n            box-shadow: none !important;\r\n        }\r\n        svg {\r\n            width: 14px;\r\n            height: 8px;\r\n        }\r\n        &.progressmatify-active {\r\n            svg {\r\n                fill: #2563eb;\r\n            }\r\n        }\r\n    }\r\n}\r\n","// Responsive Label Control\r\n.progressmatify-res-label-control {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    gap: 8px;\r\n    margin-bottom: 8px;\r\n}\r\n",".progressmatify-btns-group {\r\n    .components-button-group {\r\n        width: 100%;\r\n        display: flex;\r\n        .components-button {\r\n            width: 100%;\r\n            box-shadow: inset 0 0 0 1px #e0e0e0 !important;\r\n            padding: 0;\r\n            justify-content: center;\r\n            svg {\r\n                width: 20px;\r\n                fill: none;\r\n            }\r\n            &.progressmatify-btn-active {\r\n                background: #eee;\r\n                color: #2d62ff;\r\n                svg {\r\n                    stroke: #2563eb;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    &.side {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        .progressmatify-res-label-control {\r\n            margin-bottom: 0 !important;\r\n        }\r\n    }\r\n}\r\n\r\n.progressmatify-btns-group-alt {\r\n    .progressmatify-btns-group {\r\n        .components-button {\r\n            svg {\r\n                fill: #1e1e1e !important;\r\n            }\r\n            &.progressmatify-btn-active {\r\n                svg {\r\n                    fill: #2563eb !important;\r\n                    // stroke: none !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n",".progressmatify-reset-control {\r\n    .components-flex {\r\n        padding-bottom: 0;\r\n        margin-bottom: 0;\r\n    }\r\n    .components-range-control {\r\n        margin-bottom: 0 !important;\r\n    }\r\n    .components-number-control {\r\n        margin-bottom: 0 !important;\r\n    }\r\n}\r\n",".progressmatify-switcher {\r\n    .components-button-group {\r\n        width: 100%;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .switcher-button {\r\n        width: 100%;\r\n        justify-content: center;\r\n        box-shadow: inset 0 0 0 1px #e0e0e0 !important;\r\n        &.progressmatify-active {\r\n            background-color: #eeeeee;\r\n        }\r\n    }\r\n}\r\n\r\n.progressmatify-switcher-content {\r\n    margin-top: 8px !important;\r\n}\r\n",".progressmatify-control-container {\r\n    &.popover-control {\r\n        .components-base-control {\r\n            margin-bottom: 0 !important;\r\n        }\r\n        .components-button.popover-expand {\r\n            border: 1px solid #e0e0e0;\r\n            padding: 0 5px;\r\n            height: 28px;\r\n            background: #eeeeee !important;\r\n            &.active {\r\n                border-color: #2563eb !important;\r\n                svg {\r\n                    fill: #2563eb;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.progressmatify-popover-panel {\r\n    padding: 8px;\r\n    min-width: 240px;\r\n\r\n    .photo-comparison-upload-btn {\r\n        width: 100%;\r\n        height: 130px;\r\n        text-align: center;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border: 1px solid #e0e0e0;\r\n        margin-bottom: 16px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    // rangle control\r\n    .components-base-control__field {\r\n        margin-bottom: 0 !important;\r\n    }\r\n    .components-range-control__wrapper span[aria-hidden='true'] {\r\n        height: 2px !important;\r\n    }\r\n    .components-range-control__thumb-wrapper {\r\n        height: 8px !important;\r\n        width: 8px !important;\r\n        margin-top: 10px !important;\r\n\r\n        span:before {\r\n            height: 12px !important;\r\n            width: 12px !important;\r\n            left: -2px !important;\r\n            top: -5px !important;\r\n        }\r\n    }\r\n    .components-simple-tooltip {\r\n        display: none !important;\r\n    }\r\n\r\n    .components-range-control__track,\r\n    .components-range-control__thumb-wrapper {\r\n        background-color: #2563eb;\r\n    }\r\n\r\n    // text input control\r\n    .components-text-control__input {\r\n        border: 1px solid #e0e0e0 !important;\r\n        height: 36px !important;\r\n    }\r\n\r\n    // toggle control\r\n    .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track {\r\n        box-shadow: none !important;\r\n        outline: none !important;\r\n    }\r\n\r\n    // textarea\r\n    textarea {\r\n        border: 1px solid #e0e0e0 !important;\r\n        resize: none !important;\r\n    }\r\n    .components-base-control__help {\r\n        font-style: italic !important;\r\n    }\r\n}\r\n\r\n.progressmatify-popover {\r\n    .components-base-control__label {\r\n        font-size: 13px !important;\r\n        text-transform: capitalize !important;\r\n        font-weight: 400 !important;\r\n    }\r\n\r\n    .components-range-control__thumb-wrapper {\r\n        top: 0 !important;\r\n    }\r\n}\r\n",".progressmatify-control-container {\r\n    &.background-control {\r\n        .components-base-control,\r\n        .components-button-group {\r\n            margin-bottom: 0 !important;\r\n        }\r\n        .components-base-control__label {\r\n            margin-bottom: 0 !important;\r\n        }\r\n    }\r\n    .bg-type {\r\n        .components-button {\r\n            box-shadow: inset 0 0 0 1px #e0e0e0;\r\n            height: 30px;\r\n            // &:focus {\r\n            // \toutline: none !important;\r\n            // }\r\n            &.active {\r\n                background: #eeeeee;\r\n                path {\r\n                    fill: #2563eb;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    &.progressmatify-gradient-control {\r\n        .components-base-control__label {\r\n            margin-bottom: 8px !important;\r\n        }\r\n    }\r\n\r\n    .progressmatify-editor-icon.progressmatify-reset-button {\r\n        min-width: none;\r\n        padding: 0;\r\n    }\r\n}\r\n\r\n.progressmatify-img-background {\r\n    .components-flex {\r\n        gap: 0;\r\n    }\r\n    button.progressmatify-btn {\r\n        background: #eee;\r\n        border: 1px solid #e0e0e0;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 30px;\r\n        height: 30px;\r\n        min-width: auto !important;\r\n        cursor: pointer;\r\n    }\r\n\r\n    button.progressmatify-btn svg {\r\n        fill: #2d62ff;\r\n    }\r\n}\r\n\r\n.progressmatify-bg-panel {\r\n    width: 250px;\r\n    padding: 15px;\r\n    box-sizing: border-box;\r\n\r\n    .color-indicator {\r\n        background: none;\r\n        border: none;\r\n        cursor: pointer;\r\n        position: relative;\r\n        width: 25px;\r\n        height: 25px;\r\n        &.hover-colors {\r\n            margin-left: 5px;\r\n        }\r\n    }\r\n    .component-color-indicator {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0),\r\n            linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);\r\n        background-size: 10px 10px;\r\n        background-position: 0 0, 0 5px, 5px -5px, -5px 0;\r\n    }\r\n\r\n    .components-toggle-control {\r\n        margin: 16px 0 !important;\r\n    }\r\n\r\n    .components-base-control {\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .components-flex-item {\r\n        .components-base-control,\r\n        .components-base-control__label,\r\n        .components-base-control__field {\r\n            margin-bottom: 0 !important;\r\n        }\r\n\r\n        .components-base-control__label {\r\n            font-size: 13px !important;\r\n            text-transform: capitalize !important;\r\n            font-weight: 400 !important;\r\n        }\r\n    }\r\n\r\n    .components-form-toggle.is-checked .components-form-toggle__track {\r\n        background-color: #2d62ff !important;\r\n    }\r\n\r\n    .single-rangle {\r\n        margin-top: 16px !important;\r\n    }\r\n}\r\n\r\n.progressmatify-bg-panel .components-input-control__label {\r\n    font-size: 13px !important;\r\n    text-transform: capitalize !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.progressmatify-bg-panel .components-input-control__backdrop {\r\n    border-color: #cccccc !important;\r\n}\r\n\r\n.progressmatify-bg-panel .components-select-control__input {\r\n    height: 36px !important;\r\n}\r\n",".progressmatify-control-container {\r\n    &.box-shadow-control {\r\n        .shadow-indicator {\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            position: relative;\r\n            width: 25px;\r\n            height: 25px;\r\n        }\r\n        .shadow-indicator {\r\n            transform: translateY(5px);\r\n            &:focus {\r\n                outline: none !important;\r\n                box-shadow: none !important;\r\n            }\r\n            .dashicon {\r\n                font-size: 18px;\r\n            }\r\n        }\r\n    }\r\n}\r\n.progressmatify-shadow-panel {\r\n    min-width: 250px;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n\r\n    .box-shadow-color-picker {\r\n        margin: 15px 0;\r\n        .components-base-control__field,\r\n        .components-base-control__label,\r\n        .components-base-control {\r\n            margin: 0 !important;\r\n        }\r\n\r\n        .color-indicator {\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            position: relative;\r\n            width: 25px;\r\n            height: 25px;\r\n        }\r\n        .component-color-indicator {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0),\r\n                linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);\r\n            background-size: 10px 10px;\r\n            background-position: 0 0, 0 5px, 5px -5px, -5px 0;\r\n        }\r\n    }\r\n\r\n    .components-input-control__backdrop {\r\n        border-color: #e0e0e0 !important;\r\n    }\r\n}\r\n",".progressmatify-color-control {\r\n    .components-base-control__field,\r\n    .components-base-control {\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .color-indicator {\r\n        background: none;\r\n        border: none;\r\n        cursor: pointer;\r\n        position: relative;\r\n        width: 25px;\r\n        height: 25px;\r\n        &.hover-colors {\r\n            margin-left: 5px;\r\n        }\r\n    }\r\n    .component-color-indicator {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0),\r\n            linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);\r\n        background-size: 10px 10px;\r\n        background-position: 0 0, 0 5px, 5px -5px, -5px 0;\r\n    }\r\n}\r\n\r\n// colors palette\r\n.progressmatify-color-indicator {\r\n    position: relative;\r\n    display: block;\r\n    cursor: pointer;\r\n    height: 25px;\r\n    width: 25px;\r\n}\r\n\r\ndiv#progressmatify-colors-palette {\r\n    display: grid;\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    column-gap: 3px px;\r\n    row-gap: 10px;\r\n}\r\n\r\n.progressmatify-colors-palette {\r\n    padding: 0 15px 15px;\r\n}\r\n\r\n.progressmatify-color-indicator.active:after {\r\n    position: absolute;\r\n    top: 50%;\r\n    display: flex;\r\n    left: 50%;\r\n    width: 15px;\r\n    height: 15px;\r\n    content: '✓';\r\n    background: black;\r\n    color: #fff;\r\n    align-items: center;\r\n    transform: translate(-50%, -50%);\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    font-size: 10px;\r\n}\r\n",".progressmatify-control-container {\r\n    .single-inputs-group {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        .components-input-control__input {\r\n            height: 36px !important;\r\n            text-align: center !important;\r\n        }\r\n    }\r\n\r\n    .progressmatify-single-inputs-group {\r\n        display: flex;\r\n        align-items: stretch;\r\n        justify-content: space-between;\r\n        gap: 0;\r\n        .single-input {\r\n            width: 20%;\r\n            input[type='number'] {\r\n                width: 100%;\r\n                border: 1px solid #e0e0e0;\r\n                height: 36px;\r\n                padding: 0 2px 0 8px !important;\r\n                border-right: 0;\r\n                border-radius: 0 !important;\r\n                text-align: center;\r\n                &:focus {\r\n                    outline: none;\r\n                    box-shadow: 0 0 0 1px #2271b1 inset !important;\r\n                }\r\n                &::placeholder {\r\n                    color: #d8d8d8;\r\n                }\r\n            }\r\n\r\n            &.first-item {\r\n                input[type='number'] {\r\n                    border-radius: 2px 0 0 2px !important;\r\n                }\r\n            }\r\n\r\n            &:first-child .components-input-control {\r\n                border-right: 0 !important;\r\n            }\r\n\r\n            .components-flex {\r\n                align-items: center !important;\r\n            }\r\n\r\n            label.input-label {\r\n                font-size: 10px !important;\r\n                text-transform: capitalize !important;\r\n                color: #b3b3b3;\r\n                display: block;\r\n                margin-top: 2px;\r\n                text-align: center;\r\n                cursor: pointer;\r\n            }\r\n\r\n            .components-input-control__input,\r\n            .components-button {\r\n                height: 36px;\r\n                text-align: center !important;\r\n            }\r\n\r\n            .components-button {\r\n                border: 1px solid #e0e0e0;\r\n                background: #ffffff;\r\n                padding: 6px;\r\n                align-items: center;\r\n                justify-content: center;\r\n                width: 100% !important;\r\n                border-radius: 0 2px 2px 0 !important;\r\n                &:focus {\r\n                    outline: none;\r\n                    box-shadow: none !important;\r\n                }\r\n                .dashicon {\r\n                    font-size: 16px;\r\n                    line-height: 20px;\r\n                }\r\n                &.active {\r\n                    background: #eeeeee;\r\n                    .dashicon {\r\n                        color: #2563eb;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n",".progressmatify {\r\n    &__control {\r\n        height: auto !important;\r\n        min-height: auto !important;\r\n        box-shadow: none;\r\n        border: 1px solid #e5e5e5;\r\n        border-radius: 3px;\r\n        padding: 0 5px;\r\n    }\r\n    &__value-container {\r\n        height: 32px !important;\r\n        min-height: auto !important;\r\n        overflow: hidden !important;\r\n    }\r\n    &__single-value {\r\n        &:focus {\r\n            border: none;\r\n            outline: none;\r\n        }\r\n    }\r\n    &__option {\r\n        height: auto !important;\r\n        min-height: auto !important;\r\n        padding: 2px 8px;\r\n        background: #fff;\r\n        padding: 0.5rem 1rem;\r\n        font-size: 12px !important;\r\n        &--is-focused {\r\n            background-color: #e5e5e5;\r\n        }\r\n    }\r\n    &__input-container {\r\n        position: relative;\r\n        height: auto;\r\n        overflow: hidden;\r\n        min-height: auto !important;\r\n    }\r\n    &__input {\r\n        cursor: pointer;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n        outline: none;\r\n        background: none;\r\n        border-radius: 0;\r\n        font-size: 12px !important;\r\n        &:focus {\r\n            box-shadow: none !important;\r\n            outline: none !important;\r\n        }\r\n    }\r\n    &__indicators {\r\n        height: auto;\r\n        min-height: auto !important;\r\n    }\r\n    &__indicator {\r\n        padding-left: 8px;\r\n        cursor: pointer;\r\n        svg {\r\n            fill: #aaaaaa;\r\n        }\r\n    }\r\n    &__indicator-separator {\r\n        background: #e5e5e5;\r\n    }\r\n    &__menu {\r\n        border-radius: 3px;\r\n        box-shadow: 0 0 0 1px #e5e5e5;\r\n        margin-top: 3px;\r\n        background: #fff;\r\n    }\r\n}\r\n\r\n// multiple\r\n.progressmatify__multi-value {\r\n    background: #ebebeb !important;\r\n    margin-right: 4px !important;\r\n    padding: 3px !important;\r\n    border-radius: 2px !important;\r\n    font-size: 11px !important;\r\n}\r\n\r\n.progressmatify__placeholder {\r\n    color: #9e9e9e !important;\r\n}\r\n",".progressmatify-control-container {\r\n    &.typography-control {\r\n        .components-base-control,\r\n        .components-base-control__label {\r\n            margin: 0 !important;\r\n        }\r\n        .progressmatify-btn {\r\n            width: 30px;\r\n            height: 30px;\r\n            background: #eeeeee;\r\n            min-width: auto;\r\n            border-radius: 50%;\r\n            svg {\r\n                width: 15px;\r\n                fill: #2563eb;\r\n                stroke: #2563eb;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.progressmatify-typography-panel {\r\n    width: 280px;\r\n    padding: 10px;\r\n    box-sizing: border-box;\r\n\r\n    .progressmatify-units-wrapper {\r\n        display: flex;\r\n        gap: 5px;\r\n    }\r\n\r\n    .unit-btn {\r\n        border: none;\r\n        background: none;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-size: 11px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .progressmatify-controls-body {\r\n        margin-top: 8px;\r\n    }\r\n\r\n    .progressmatify-reset-button.range-btn {\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .progressmatify-btn-group {\r\n        &.text-transform-btn-group {\r\n            .components-button {\r\n                text-transform: none !important;\r\n            }\r\n            .text-transform-btn {\r\n                svg {\r\n                    width: 18px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .font-style-btn svg {\r\n        width: 18px;\r\n    }\r\n\r\n    .progressmatify__indicators {\r\n        display: none !important;\r\n    }\r\n}\r\n",".progressmatify-units-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    .unit-btn {\r\n        background: none;\r\n        border: none;\r\n        cursor: pointer;\r\n        font-size: 10px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n        padding: 0;\r\n        opacity: 0.3;\r\n\r\n        &.progressmatify-active {\r\n            color: #2563eb;\r\n            opacity: 1;\r\n        }\r\n    }\r\n}\r\n\r\n.progressmatify-selected-unit {\r\n    border: none !important;\r\n    background: #eeeeee;\r\n    width: 20px;\r\n    height: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 8px;\r\n    text-transform: uppercase;\r\n    border-radius: 50%;\r\n    font-weight: 700;\r\n    color: #004365;\r\n    cursor: pointer;\r\n}\r\n\r\n.progressmatify-units-content-wrapper {\r\n    .components-popover__content {\r\n        margin-top: -5px !important;\r\n    }\r\n}\r\n",".progressmatify-border-style {\r\n    .components-flex {\r\n        flex-direction: row !important;\r\n    }\r\n    .components-flex-item {\r\n        flex: 1 1 auto !important;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    .components-select-control__input {\r\n        min-width: 100px;\r\n    }\r\n}\r\n\r\n.progressmatify-single-inputs-group {\r\n    .single-input {\r\n        .components-input-control__label {\r\n            font-size: 10px !important;\r\n            text-transform: capitalize !important;\r\n            color: #b3b3b3;\r\n            display: block;\r\n            margin-top: 2px;\r\n            text-align: center;\r\n        }\r\n    }\r\n}\r\n\r\n.affra-color-style-btn {\r\n    background: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 24px;\r\n    height: 24px;\r\n    min-height: auto;\r\n    border-radius: 50%;\r\n    border: none;\r\n    cursor: pointer;\r\n    .component-color-indicator {\r\n        width: 18px;\r\n        height: 18px;\r\n        display: block;\r\n        min-width: 18px;\r\n        border: 0;\r\n    }\r\n}\r\n\r\n.progressmatify-color-style-popover {\r\n    .components-popover__content {\r\n        width: 230px;\r\n        padding: 15px;\r\n        .border-style-label {\r\n            font-size: 13px;\r\n            font-weight: 400;\r\n            text-transform: capitalize;\r\n        }\r\n        .colors-tabs {\r\n            display: flex;\r\n            align-items: stretch;\r\n            margin-bottom: 16px;\r\n            .single-tab {\r\n                background: none;\r\n                border: none;\r\n                width: 100%;\r\n                padding: 0px 15px 15px;\r\n                border-bottom: 1px solid #e0e0e0;\r\n                cursor: pointer;\r\n                &.active {\r\n                    border-bottom: 2px solid #2563eb;\r\n                }\r\n            }\r\n        }\r\n        .components-color-palette__custom-color-button {\r\n            height: 45px !important;\r\n        }\r\n        .components-color-palette__custom-color-text-wrapper {\r\n            flex-direction: row !important;\r\n            justify-content: space-between !important;\r\n            align-items: center !important;\r\n            gap: 8px;\r\n        }\r\n\r\n        .border-styles {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            margin-bottom: 16px;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .b-styles {\r\n            display: flex;\r\n            gap: 8px;\r\n            .progressmatify-btn-group {\r\n                display: inline-flex !important;\r\n            }\r\n            .border-style-btn {\r\n                background: none;\r\n                border: none;\r\n                padding: 0;\r\n                height: 25px;\r\n                cursor: pointer;\r\n                width: 30px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n\r\n                &.active {\r\n                    background: #000;\r\n                    svg {\r\n                        fill: #fff;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n",".progressmatify-linked-control {\r\n    .components-base-control {\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    .progressmatify-link-extra-btn {\r\n        padding: 4px !important;\r\n        border: 1px solid #e0e0e0;\r\n        height: auto;\r\n        border-radius: 2px;\r\n        height: 36px;\r\n    }\r\n\r\n    .progressmatify-link-extra-btn span {\r\n        font-size: 16px;\r\n        display: block;\r\n        line-height: 20px;\r\n    }\r\n\r\n    .progressmatify-link-extra-btn.progressmatify-le-active {\r\n        color: #2563eb;\r\n    }\r\n}\r\n\r\n// Popover\r\n.progressmatify-link-extra-popover {\r\n    width: 240px;\r\n    padding: 10px;\r\n    box-sizing: border-box;\r\n\r\n    .components-flex {\r\n        flex-direction: row-reverse;\r\n    }\r\n\r\n    .components-toggle-control {\r\n        &:last-child {\r\n            margin-bottom: 0 !important;\r\n        }\r\n    }\r\n    .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track {\r\n        box-shadow: none !important;\r\n        outline: none !important;\r\n    }\r\n\r\n    .components-form-toggle.is-checked .components-form-toggle__track {\r\n        background-color: #2563eb !important;\r\n    }\r\n}\r\n\r\n.progressmatify-link-toolbar-popover {\r\n    .components-popover__content {\r\n        width: 320px;\r\n        padding: 15px;\r\n        .components-text-control__input {\r\n            height: 36px !important;\r\n            border: 1px solid #ccc !important;\r\n        }\r\n    }\r\n}\r\n",".gutslider-image-preview {\r\n    border: 1px solid #e0e0e0;\r\n    padding: 10px;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    margin-bottom: 16px;\r\n    width: 100%;\r\n    height: 140px;\r\n\r\n    &.svg {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        img {\r\n            max-width: 250px;\r\n            max-height: 120px;\r\n        }\r\n    }\r\n    img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: none;\r\n    }\r\n\r\n    .edit-btn,\r\n    .remove-btn {\r\n        position: absolute;\r\n        top: 15px;\r\n        background: rgba(227, 227, 227, 0.8) !important;\r\n        width: 25px !important;\r\n        height: 25px !important;\r\n        border-radius: 50%;\r\n        padding: 3px !important;\r\n        min-width: auto !important;\r\n\r\n        .dashicons {\r\n            width: 15px;\r\n            height: 15px;\r\n            font-size: 15px !important;\r\n        }\r\n    }\r\n\r\n    .edit-btn {\r\n        right: 15px;\r\n        left: auto;\r\n        color: #0c7938 !important;\r\n    }\r\n\r\n    .remove-btn {\r\n        left: 15px;\r\n        right: auto;\r\n        color: #8b0606;\r\n    }\r\n}\r\n","// Upload button\r\n.gutslider-upload-btn {\r\n    width: 100%;\r\n    height: 140px;\r\n    border: 1px solid #ccc;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    margin-bottom: 16px;\r\n    svg {\r\n        width: 30px;\r\n        height: 30px;\r\n        fill: #ccc;\r\n        margin-bottom: 8px;\r\n    }\r\n}\r\n","// button\r\nbutton.progressmatify-button {\r\n    width: 28px;\r\n    height: 28px;\r\n    background: #eaeaea;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 2px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    svg {\r\n        width: 12px;\r\n        height: 12px;\r\n    }\r\n}\r\n\r\n// popover\r\n.components-popover.posten-popover {\r\n    .components-popover__content {\r\n        width: 250px;\r\n        padding: 15px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .components-base-control {\r\n        margin-bottom: 16px !important;\r\n    }\r\n}\r\n",".components-modal__frame.progressmatify-icons-modal {\r\n    width: 900px;\r\n    height: 500px;\r\n    max-height: 100%;\r\n    overflow-x: hidden;\r\n    overflow-y: scroll;\r\n    .progressmatify-icons-search {\r\n        margin-bottom: 15px;\r\n        input {\r\n            width: 100%;\r\n            border: 1px solid #ccc;\r\n            height: 40px;\r\n            padding: 15px;\r\n        }\r\n    }\r\n}\r\n\r\n.progressmatify-icon-btn.progressmatify-preview {\r\n    width: 100%;\r\n    height: 180px;\r\n    border: 1px solid #ccc;\r\n    background: #fefefe;\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n    i {\r\n        font-size: 50px;\r\n    }\r\n}\r\n\r\n.progressmatify-icons-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(12, 1fr);\r\n    gap: 10px;\r\n\r\n    .progressmatify-icon-btn {\r\n        width: 100%;\r\n        height: 54px;\r\n        border: 1px solid #ccc;\r\n        border-radius: 3px;\r\n        background: #fff;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n\r\n        path {\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        &.active {\r\n            border-color: #2563eb;\r\n            background: #2563eb;\r\n            path {\r\n                fill: #fff;\r\n            }\r\n        }\r\n\r\n        &:hover {\r\n            path {\r\n                fill: #fff;\r\n            }\r\n        }\r\n    }\r\n\r\n    .progressmatify-icon-btn:hover {\r\n        border-color: #2563eb;\r\n        color: #ffffff;\r\n        background: #2563eb;\r\n    }\r\n}\r\n",".single-mask-property {\r\n    .components-select-control__input {\r\n        width: 120px !important;\r\n    }\r\n}\r\n",".progressmatify-sortable-header {\r\n    display: flex;\r\n    .sortable-title {\r\n        flex: 1;\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        padding-left: 10px;\r\n        cursor: pointer;\r\n    }\r\n}\r\n\r\n.progressmatify-dnd-fields-wrapper {\r\n    border: 1px solid #e0e0e0;\r\n\r\n    box-sizing: border-box;\r\n    border-radius: 3px;\r\n\r\n    + .progressmatify-dnd-fields-wrapper {\r\n        margin-top: 8px;\r\n    }\r\n\r\n    .drag-btn {\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        padding-right: 10px;\r\n        cursor: move;\r\n    }\r\n\r\n    .progressmatify-delete-btn {\r\n        border: none;\r\n        background: #ffffff;\r\n        width: 36px;\r\n        cursor: pointer;\r\n        border-left: 1px solid #e0e0e0;\r\n    }\r\n}\r\n\r\n.progressmatify-sortable-content {\r\n    padding: 10px;\r\n    border-top: 1px solid #e0e0e0;\r\n}\r\n\r\n.progressmatify-repeater-new {\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 16px 0;\r\n}\r\n\r\n.progressmatify-repeater-title {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    margin: 0;\r\n    padding: 0;\r\n    flex: 1;\r\n}\r\n\r\n.progressmatify-repeater-new button {\r\n    margin: 0;\r\n    padding: 0;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n}\r\n",".progressmatify-star-rating {\r\n    svg {\r\n        width: 16px;\r\n    }\r\n    display: inline-flex;\r\n    gap: 1px;\r\n    justify-content: flex-start;\r\n}\r\n",".progressmatify-inline-control-wrapper {\r\n    .components-base-control__field {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 8px;\r\n    }\r\n\r\n    .progressmatify-inline-control .components-base-control,\r\n    .progressmatify-inline-control .components-input-base {\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .components-base-control__label {\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    .progressmatify-inline-control.left {\r\n        .components-input-control__input {\r\n            text-align: left !important;\r\n        }\r\n    }\r\n}\r\n",".progressmatify-section {\r\n    padding: 12px 16px;\r\n    box-sizing: border-box;\r\n    border-top: 1px solid #e0e0e0;\r\n    background: #f2f2f2;\r\n\r\n    .progressmatify-section-title {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        font-size: 13px !important;\r\n        font-weight: 700 !important;\r\n        color: #2463eb;\r\n    }\r\n}\r\n",".aff-note {\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    color: #838383;\r\n    span.note-title {\r\n        font-weight: 500;\r\n        display: inline-block;\r\n        margin-right: 8px;\r\n    }\r\n}\r\n"],"names":[],"sourceRoot":""}