{"version":3,"file":"blocks/AvatarGroup/index.css","mappings":";;;AAGE;EACC;EACA;AAFH;AAIG;EACC;AAFJ;AAKG;EACC;AAHJ;AAQC;EACC;AANF,C;;;;ACRE;EACC;AAHH;AAME;EACC;AAJH;AASE;EACC;EACA;EACA;AAPH,C;;;;ACVA;EACC;EACA;EACA;EACA;EACA;AACD;AACC;EACC;EACA;EACA;EACA;EACA;EACA;AACF;AACE;EACC;AACH;AAEE;EAGC;EACA;AAFH,C;;;;ACVA;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;;;;AC7BC;EACC;EACA;AANF;AAQE;EACC;AANH;AAYC;EACC;AAVF;AAaC;EACC;AAXF;AAcC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZF,C","sources":["webpack://brandy-blocks/./src/components/PanelBody/index.scss","webpack://brandy-blocks/./src/components/Slider/index.scss","webpack://brandy-blocks/./src/components/ButtonGroup/index.scss","webpack://brandy-blocks/./src/components/ColorPicker/index.scss","webpack://brandy-blocks/./src/blocks/AvatarGroup/editor.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}",".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}",".brandy-editor-btn-group {\n\tdisplay: flex;\n\twidth: 100%;\n\tborder-radius: 3px;\n\tborder: 1px solid #F0F2F4;\n\tbackground: #FFF;\n\n\t&>button {\n\t\tflex: 1;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\toutline: none !important;\n\t\tbox-shadow: none !important;\n\t\tborder: 1px solid rgba(209, 234, 255, 0.70) !important;\n\n\t\t&.selected {\n\t\t\tbackground: rgba(209, 234, 255, 0.70);\n\t\t}\n\n\t\t&:focus,\n\t\t&:focus-visible,\n\t\t&:focus-within {\n\t\t\tbox-shadow: none;\n\t\t\toutline: none;\n\t\t}\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","// Avatar Group — editor-only styles.\n// Recreates the frontend overlap for the InnerBlocks preview and styles the\n// custom \"add avatar\" appender.\n\n.brandy-avatar-group {\n\t// InnerBlocks wraps each child avatar in a block-list wrapper; overlap the\n\t// wrappers so the editor preview matches the frontend stack.\n\t.block-editor-block-list__layout {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\t> *:not(:first-child) {\n\t\t\tmargin-left: calc(var(--brandy-avatar-overlap, 12px) * -1);\n\t\t}\n\t}\n\n\t// Mirror the frontend justification on the InnerBlocks layout so the editor\n\t// preview matches (frontend targets .brandy-avatar-group__list instead).\n\t&.is-justify-center .block-editor-block-list__layout {\n\t\tjustify-content: center;\n\t}\n\n\t&.is-justify-right .block-editor-block-list__layout {\n\t\tjustify-content: flex-end;\n\t}\n\n\t&__appender.components-button {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: var(--brandy-avatar-size, 40px);\n\t\theight: var(--brandy-avatar-size, 40px);\n\t\tmin-width: 0;\n\t\tpadding: 0;\n\t\tmargin-left: 8px;\n\t\tborder: 1px dashed #949494;\n\t\tborder-radius: 50%;\n\t\tbackground: transparent;\n\t}\n}\n"],"names":[],"sourceRoot":""}