{"version":3,"file":"blocks/Tabs/index.css","mappings":";;;AAEC;EACC;AADF;AAOE;EACC;EACA;KAAA;UAAA;EACA;EACA;AALH;AAWE;EAGC;AAXH;AAQE;EAGC;AARH;AAKE;EAGC;AALH;AAEE;EAGC;AAFH;AADE;EAGC;AACH;AAJE;EAGC;AAIH;AAPE;EAGC;AAOH;AAVE;EAGC;AAUH;AAbE;EAGC;AAaH;AAhBE;EAGC;AAgBH;AAXC;EACC;AAaF;AARE;EACC;EACA;AAUH;AAHE;EACC;AAKH,C","sources":["webpack://brandy-blocks/./src/blocks/Tabs/editor.scss"],"sourcesContent":[".wp-block-brandy-tabs {\n\t// Editor tab nav\n\t.brandy-tabs__nav {\n\t\tmargin-bottom: 16px;\n\n\t\t// Editor renders tabs as <Button> from @wordpress/components, which\n\t\t// is `display: inline-flex; justify-content: flex-start` by default,\n\t\t// so its text would align left. Frontend uses a plain <button> (UA\n\t\t// default `text-align: center`). Force the editor to match.\n\t\t.brandy-tabs__tab {\n\t\t\tcursor: pointer;\n\t\t\tuser-select: none;\n\t\t\tjustify-content: center;\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\n\t// Panel visibility — controlled by active-tab-N class\n\t@for $i from 0 through 9 {\n\t\t&.active-tab-#{$i}\n\t\t\t.brandy-tabs__panels\n\t\t\t> .wp-block-brandy-tab:not(:nth-child(#{$i + 1})) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// Ensure active panel is visible\n\t.brandy-tabs__panels > .wp-block-brandy-tab {\n\t\tdisplay: block;\n\t}\n\n\t// Tab position bottom in editor\n\t&.tab-position-bottom {\n\t\t.brandy-tabs__nav {\n\t\t\tmargin-bottom: 0;\n\t\t\tmargin-top: 16px;\n\t\t}\n\t}\n\n\t// Vertical layout in editor\n\t&.tab-position-left,\n\t&.tab-position-right {\n\t\t.brandy-tabs__nav {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}