{"version":3,"file":"blocks/MediaGallery/index.css","mappings":";;;AAWA;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;;;;ACpCA,gBAAgB;AAAhB;;;;;;;;;;;;;;;;;;;EAAA;AAsBC;EACC;EACA;AAAF;AAIE;EACC;EACA;AAFH;AAKE;EACC;AAHH;AAME;EACC;EACA;AAJH,C","sources":["webpack://brandy-blocks/./src/components/ColorPicker/index.scss","webpack://brandy-blocks/./src/blocks/MediaGallery/editor.scss"],"sourcesContent":["// 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","/**\n * Media Gallery — canvas-only affordances for slider mode.\n *\n * style.scss hides the horizontal scrollbar on the item strip, which is right\n * on the frontend: Embla owns the scrolling there and moves it through the\n * arrows and dots, so a scrollbar would be a second, uglier control for the\n * same job.\n *\n * Embla never runs in the canvas, and the arrows and dots rendered there are a\n * static skeleton — they show the author which controls the block will have,\n * but they do not move anything. With the scrollbar hidden as well, every item\n * past the visible column count becomes unreachable: present in the DOM, laid\n * out beyond the strip's edge, and with no affordance to bring it into view.\n * The items are still editable via the List View, which scrolls the selection\n * into view, but nothing on the canvas says so.\n *\n * Restoring the scrollbar here is the smallest thing that makes those items\n * directly reachable, and it is scoped to `.is-editor-preview` so the frontend\n * keeps the clean strip.\n */\n\n.brandy-media-gallery.is-display-slider.is-editor-preview {\n\t.brandy-media-gallery__items {\n\t\tscrollbar-width: thin;\n\t\t-ms-overflow-style: auto;\n\n\t\t// Undoing a `display: none` needs the same pseudo-element and more\n\t\t// specificity, which the `.is-editor-preview` above supplies.\n\t\t&::-webkit-scrollbar {\n\t\t\tdisplay: block;\n\t\t\theight: 8px;\n\t\t}\n\n\t\t&::-webkit-scrollbar-track {\n\t\t\tbackground: transparent;\n\t\t}\n\n\t\t&::-webkit-scrollbar-thumb {\n\t\t\tbackground: rgba(0, 0, 0, 0.25);\n\t\t\tborder-radius: 4px;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}