{"version":3,"file":"blocks/Slider/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;AAYE;EACE;EACA;EACA;AAFJ;AAII;EACE;EAKA;EACA;EACA;EACA;AANN;AAUI;EACE;AARN;AAfA;EA2BE;;;;;;IAAA;AAHF;AAUE;;EAEE;AARJ,C","sources":["webpack://brandy-blocks/./src/components/ColorPicker/index.scss","webpack://brandy-blocks/./src/blocks/Slider/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 * Slider — editor styles.\n *\n * Static row preview. embla.min.css is loaded admin-side too, so the same\n * padding-left gap has to be swapped for the margin-right one the frontend\n * uses (see style.scss) — otherwise a slide with a background or border shows\n * no gap in the editor while showing one on the frontend.\n */\n.brandy-slider.is-editor-preview {\n  // Positioning context and dot visibility for the static control skeleton come\n  // from embla.min.css's .is-editor-preview rules (shared with Media Gallery).\n\n  .brandy-slider__slides {\n    display: flex;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n\n    > * {\n      flex: 0 0\n        calc(\n          (100% - var(--embla-gap, 16px) * (var(--embla-slides-desktop, 1) - 1)) /\n            var(--embla-slides-desktop, 1)\n        );\n      min-width: 0;\n      padding-left: 0;\n      margin-right: var(--embla-gap, 16px);\n      box-sizing: border-box;\n    }\n\n    // No wrap-around to space in a static preview.\n    > *:last-child {\n      margin-right: 0;\n    }\n  }\n\n  /*\n   * The settle animation is driven by `.is-selected`, which only exists once\n   * Embla is running — and Embla never runs in the canvas. Every slide would\n   * therefore sit permanently in the 3% overscan it is supposed to relax out\n   * of, cropping each photo by a hair for no reason the author can see. Show\n   * them at true size instead; the movement is a frontend concern.\n   */\n  .brandy-zoom-settle:not(.wp-block-cover),\n  .brandy-zoom-settle.wp-block-cover .wp-block-cover__image-background {\n    transform: none;\n  }\n}\n"],"names":[],"sourceRoot":""}