{"version":3,"file":"blocks/CubeSlider/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;AASE;EACE;EACA;AAAJ;AAHA;EAME;;;;IAAA;AAIF;AACE;EACE;EACA;AACJ,C","sources":["webpack://brandy-blocks/./src/components/ColorPicker/index.scss","webpack://brandy-blocks/./src/blocks/CubeSlider/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 * Cube Slider — canvas-only styles.\n *\n * The canvas shows the faces as a plain stack: the rotation needs a live Embla\n * instance to read progress from, and the block's own preview says so rather\n * than implying the author is looking at the finished cube.\n */\n\n.brandy-cube-slider.is-editor-preview {\n  .brandy-cube-slider__faces {\n    display: grid;\n    gap: 1rem;\n  }\n\n  /*\n   * Outline each face box so the ratio is legible while authoring — without it\n   * an empty slide is an invisible region and the ratio control appears to do\n   * nothing.\n   */\n  .brandy-cube-slider__faces > * {\n    outline: 1px dashed rgba(0, 0, 0, 0.15);\n    outline-offset: 2px;\n  }\n}\n"],"names":[],"sourceRoot":""}