{"version":3,"file":"blocks/ProgressBar/index.css","mappings":";;;AAGE;EACC;EACA;AAFH;AAIG;EACC;AAFJ;AAKG;EACC;AAHJ;AAQC;EACC;AANF,C;;;;ACDA;EACC;EACA;EACA;EACA;EACA;EACA;AAVD;AAYC;EAEC;AAXF;AAcC;EACC;EACA;AAZF;AAeC;EACC;EACA;EACA;EACA;AAbF;AAgBC;EACC;EACA;EACA;EACA;EACA;EACA;AAdF;AAgBE;EACC;AAdH;;AAmBA;EACC;EACA;AAhBD,C;;;;AChCE;EACC;AAHH;AAME;EACC;AAJH;AASE;EACC;EACA;EACA;AAPH,C","sources":["webpack://brandy-blocks/./src/components/PanelBody/index.scss","webpack://brandy-blocks/./src/components/ColorPicker/index.scss","webpack://brandy-blocks/./src/components/Slider/index.scss"],"sourcesContent":[".brandy-editor-panel-body {\n\n\t&.is-opened {\n\t\t.components-panel__body-title {\n\t\t\tborder-bottom: 1px solid #F0F2F4;\n\t\t\tmargin-bottom: 20px;\n\n\t\t\tbutton {\n\t\t\t\tcolor: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tcolor: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))\n\t\t\t}\n\t\t}\n\t}\n\n\t.components-panel__body-title {\n\t\tbackground: #fff;\n\n\n\t}\n}","// These rules were nested under `.brandy-editor`, so the swatch only got its\n// size, border and background when some ancestor happened to carry that class.\n// Only the Pricing settings panels do; every other consumer — Avatar Group's\n// ring colour, Social Icons' icon/background/hover colours — rendered a bare\n// unstyled div: a visible label with no visible control beside it.\n//\n// A component's own styles must not depend on an ancestor the component does\n// not render, so the gate is gone. Nothing else in the codebase styles\n// `.color-picker`, so un-nesting changes no other rule's outcome. The Pricing\n// panels keep their `.brandy-editor` wrapper for the Typography component,\n// which is still gated the same way.\n.color-picker {\n\tborder-radius: 5px;\n\tborder: 1px solid #E3E8EE;\n\tbackground: #FFF;\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 120px;\n\n\t&__head,\n\t&__tail {\n\t\tpadding: 7px;\n\t}\n\n\t&__head {\n\t\tdisplay: flex;\n\t\tborder-right: 1px solid #E3E8EE;\n\t}\n\n\t&__tail {\n\t\ttext-transform: uppercase;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t}\n\n\t.color-indicator {\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tborder-radius: 5px;\n\t\tborder: 2px solid #F1F4F8;\n\t\tbackground: #fff;\n\t\tcursor: pointer;\n\n\t\tspan:empty {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n\n.brandy-color-modal {\n\tpadding: 16px;\n\twidth: 260px;\n}\n",".brandy-editor-slider {\n\n\t.components-range-control__wrapper {\n\n\t\t&>:nth-child(2) {\n\t\t\tbackground-color: #E3E8EE;\n\t\t}\n\n\t\t.components-range-control__track {\n\t\t\tbackground-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));\n\t\t}\n\t}\n\n\t.components-input-control {\n\t\t.components-input-control__backdrop {\n\t\t\tborder-color: #E3E8EE !important;\n\t\t\tborder-radius: 3px !important;\n\t\t\tpadding: 9px 12px !important;\n\t\t}\n\t}\n}"],"names":[],"sourceRoot":""}