{"version":3,"file":"editor.css","mappings":";;;AAAA;EACC;EACA;EACA;AACD;;AAGE;EACC;EACA;EACA;EACA;AAAH;AACG;EACC;EACA;AACJ;AAIC;EACC;EACA;EACA;AAFF;AAGE;EACC;AADH;AAKC;EACC;EACA;EACA;EACA;EACA;EACA;AAHF;AAIE;EACC;AAFH;AAIE;EAGC;AAJH;AAME;EACC;AAJH;AAME;EACC;AAJH;AAQC;EAEC;EACA;AAPF;AAUE;EACC;AARH;AAUE;EACC;AARH;AASG;EACC;AAPJ;AASG;EACC;AAPJ;AAWE;EACC;AATH;AAaC;EAEC;AAZF;AAgBE;EACC;EACA;AAdH;AAeG;EACC;EACA;EACA;EACA;AAbJ;AAcI;EACC;EACA;AAZL;AAkBC;EACC;AAhBF;AAmBC;EACC;EACA;EACA;AAjBF;AAkBE;EACC;EACA;EACA;EACA;EACA;AAhBH;AAiBG;EACC;EACA;EACA;EACA;EACA;EACA;AAfJ;AAgBI;EACC;EACA;AAdL;AAkBE;EACC;AAhBH;AAoBC;EACC;AAlBF;AAmBE;EACC;AAjBH;AAkBG;EACC;AAhBJ;AAmBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAjBH;AAkBG;EACC;EACA;EACA;EACA;AAhBJ;AAmBE;EACC;EACA;EACA;EACA;EACA;AAjBH;AAkBG;EACC;EACA;EACA;AAhBJ;AAiBI;EACC;AAfL;AAmBE;EACC;AAjBH;AAmBE;EACC;EACA;EACA;AAjBH;AAkBG;EACC;EACA;AAhBJ,C","sources":["webpack://crocoblock-style-manager/./assets/src/editor.scss"],"sourcesContent":[":root {\n\t--csm-border-color: #e0e0e0;\n\t--csm-border-dark-color: #757575;\n\t--csm-accent-color: #0073aa;\n}\n.crocoblock-style-manager {\n\t&__inline-control {\n\t\t> .components-base-control__field {\n\t\t\tdisplay: flex;\n\t\t\talign-items: flex-start;\n\t\t\tjustify-content: space-between;\n\t\t\tgap: 15px;\n\t\t\t> .components-base-control__label {\n\t\t\t\tmargin: 0;\n\t\t\t\tline-height: 20px;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__color-indicator {\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tgap: 5px;\n\t\t&-label {\n\t\t\tfont-size: 12px;\n\t\t}\n\t}\n\n\t&__usage-marker {\n\t\tposition: absolute;\n\t\ttop: 7px;\n\t\tleft: -10px;\n\t\twidth: 6px;\n\t\theight: 6px;\n\t\tborder-radius: 50%;\n\t\t.is-control--dimensions & {\n\t\t\ttop: 11px;\n\t\t}\n\t\t.is-control--choose &,\n\t\t.is-control--range &,\n\t\t.is-control--border & {\n\t\t\ttop: 4px;\n\t\t}\n\t\t&.is-used {\n\t\t\tbackground-color: var(--csm-accent-color);\n\t\t}\n\t\t&.is-inherited {\n\t\t\tbackground-color: var(--csm-border-color);\n\t\t}\n\t}\n\n\t&__control,\n\t&__with-spacing {\n\t\tposition: relative;\n\t\tpadding: 0 0 25px;\n\n\t\t// Fixes for vertical alignment of controls\n\t\t.components-input-control {\n\t\t\tmargin: 0;\n\t\t}\n\t\t> div[data-wp-component=\"Grid\"] {\n\t\t\talign-items: center;\n\t\t\t.components-base-control__label {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t\tdiv[data-wp-component=\"HStack\"] {\n\t\t\t\tgap: 16px;\n\t\t\t}\n\t\t}\n\n\t\t.components-border-radius-control {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t&__border-control,\n\t&__dimensions-control {\n\t\tmargin: 0;\n\t}\n\n\t&__color-palette {\n\t\t&-item {\n\t\t\twidth: 28px;\n\t\t\theight: 28px;\n\t\t\t&-indicator {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tcursor: pointer;\n\t\t\t\t&--active {\n\t\t\t\t\toutline: 2px solid var( --csm-border-dark-color );\n\t\t\t\t\toutline-offset: 1px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__typography-controls {\n\t\tmin-width: 300px;\n\t}\n\n\t&__controls-tabs {\n\t\tmargin: 0 -16px;\n\t\tborder-top: 1px solid var(--csm-border-color);\n\t\tborder-bottom: 1px solid var(--csm-border-color);\n\t\t&-navigation {\n\t\t\tdisplay: flex;\n\t\t\tgap: 10px;\n\t\t\tborder-bottom: 1px solid var(--csm-border-color);\n\t\t\tbackground-color: #efefef;\n\t\t\tpadding: 8px 16px;\n\t\t\tbutton.crocoblock-style-manager__controls-tabs-button {\n\t\t\t\tflex: 1;\n\t\t\t\ttext-align: center;\n\t\t\t\tborder: none;\n\t\t\t\tbackground: transparent;\n\t\t\t\tpadding: 8px 0;\n\t\t\t\tcursor: pointer;\n\t\t\t\t&.is-active {\n\t\t\t\t\tbackground-color: #1e1e1e;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&-content {\n\t\t\tpadding: 15px 16px 0;\n\t\t}\n\t}\n\n\t&__popover {\n\t\tmin-width: 250px;\n\t\t&-content {\n\t\t\tpadding: 20px;\n\t\t\t.components-input-control__container {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t\t&-header {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tborder-bottom: 1px solid var(--csm-border-color);\n\t\t\tpadding: 10px 20px;\n\t\t\tfont-weight: bold;\n\t\t\tline-height: 24px;\n\t\t\tbutton.crocoblock-style-manager__popover-close {\n\t\t\t\twidth: 24px;\n\t\t\t\theight: 24px;\n\t\t\t\tmin-width: 0;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\t\t&-trigger {\n\t\t\tcursor: pointer;\n\t\t\tborder: 1px solid var(--csm-border-color);\n\t\t\tpadding: 5px;\n\t\t\tborder-radius: 3px;\n\t\t\tmargin-top: -3px;\n\t\t\tsvg {\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16pxr;\n\t\t\t\tdisplay: block;\n\t\t\t\tpath {\n\t\t\t\t\tfill: currentColor;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&-control {\n\t\t\tpadding-bottom: 10px;\n\t\t}\n\t\t&-controls-row {\n\t\t\tdisplay: flex;\n\t\t\tgap: 10px;\n\t\t\twidth: 100%;\n\t\t\t.w-50 {\n\t\t\t\twidth: calc( 50% - 5px );\n\t\t\t\tflex: 0 0 calc( 50% - 5px );\n\t\t\t}\n\t\t}\n\t}\n}"],"names":[],"sourceRoot":""}