{"version":3,"file":"tabs/style-index.css","mappings":";;;AAAA,gBAAgB;AAEf;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AASE;EACC;EACA;EACA;EACA;AANH;AASE;EACC;EACA;EACA;AAPH;;AAcC;EACC;AAXF;AAcC;EACC;AAZF;AAeC;EACC;EACA;EACA;EACA;AAbF;AAgBC;EACC;EAAA;EACA;EACA;EACA;EAAA;AAdF;AAiBC;EACC;AAfF;;AAoBC;EACC;EACA;EACA;AAjBF;;AAqBA;EACC;EACA;AAlBD;AAoBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uEACC;EAED;EACA;EAAA;AApBF;AAsBE;EACC;EACA;AApBH;AAuBE;EACC;AArBH;AAwBE;EACC;EACA;AAtBH;AA0BG;EACC;AAxBJ;AA4BE;EACC;AA1BH;AA4BG;EACC;AA1BJ;AA6BG;EACC;AA3BJ;AA+BE;EACC;EACA;AA7BH;AAgCE;EACC;AA9BH;AAgCG;EACC;AA9BJ;AAiCG;EACC;AA/BJ;AAkCG;EACC;AAhCJ;AAqCC;EACC;AAnCF;AAqCE;EACC;EACA;AAnCH;AAuCC;EACC;AArCF;AAuCE;EACC;AArCH;AAwCE;EACC;EACA;EACA;EAAA;AAtCH;AA0CC;EACC;AAxCF;AA2CC;EACC;AAzCF;AA4CC;EACC;AA1CF;AA6CC;EACC;AA3CF;AA8CC;EACC;AA5CF;;AAgDA;AACA;EACC;IACC;IACA;IACA;EA7CA;EAkDD;IACC;EAhDA;EAmDD;EACA;IACC;EAjDA;EAoDD;EACA;IACC;EAlDA;EAqDD;EACA;IACC;EAnDA;EAsDD;EACA;IACC;IACA;IACA;IACA;EApDA;EAuDD;IACC;EArDA;AACF,C","sources":["webpack://blablablocks-tabs-block/./src/tabs/style.scss"],"sourcesContent":[".wp-block-blablablocks-tabs.is-style-pointing-tabs {\n\n\t.blablablock-tab-btn.is-bbb-active-tab::after,\n\t&.blablablock-tab-btn.is-bbb-active-tab::after {\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\tmargin-left: -10px;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder: solid transparent;\n\t\tborder-width: 10px;\n\t\tborder-top-color: var(--bbb-tab-background-active-color);\n\t\tcontent: \"\";\n\t\tpointer-events: none;\n\t\ttransition: border-top-color 0.25s ease-in-out;\n\t}\n}\n\n.wp-block-blablablocks-tabs.is-style-pointing-tabs {\n\n\t.blablablocks-tabs__vertical,\n\t&.blablablocks-tabs__vertical {\n\t\t.blablablock-tab-btn.is-bbb-active-tab::after {\n\t\t\ttop: 50%;\n\t\t\tleft: 100%;\n\t\t\tmargin-left: 0px;\n\t\t\ttransform: translateY(-50%) rotate(270deg);\n\t\t}\n\n\t\t&.blablablocks-tabs__right .blablablock-tab-btn.is-bbb-active-tab::after {\n\t\t\tleft: 0%;\n\t\t\tmargin-left: -20px;\n\t\t\ttransform: translateY(-50%) rotate(90deg);\n\t\t}\n\t}\n}\n\n.blablablocks-tabs {\n\n\t&.blablablocks-tabs__autoWidth .blablablock-tab-btn {\n\t\tflex: 1 1 auto !important;\n\t}\n\n\t&.blablablocks-tabs__autoWidth .blablablocks-tabs-buttons {\n\t\tmargin: 0 auto;\n\t}\n\n\t.blablablocks-tabs-buttons {\n\t\tgap: var(--bbb-tabs-list-gap, 0);\n\t\tdisplay: flex;\n\t\tpadding: 0;\n\t\tflex-wrap: wrap;\n\t}\n\n\t&:not(.blablablocks-tabs__autoWidth) .blablablocks-tabs-buttons {\n\t\tmin-width: fit-content;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tmax-width: fit-content;\n\t}\n\n\t.blablablocks-tab-content {\n\t\twidth: 100%;\n\t}\n}\n\n.blablablocks-tabs__vertical {\n\t.blablablock-tab-btn {\n\t\twidth: 100% !important;\n\t\tflex: 0 0 auto !important;\n\t\tjustify-content: var(--bbb-tab-buttons-justify-content, left) !important;\n\t}\n}\n\n.blablablocks-tab-container {\n\tdisplay: flex;\n\tgap: var(--bbb-tabs-gap, 0);\n\n\t.blablablock-tab-btn {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 8px;\n\t\theight: auto;\n\t\tflex: none;\n\t\tcursor: pointer;\n\t\tpadding: var(--bbb-tab-padding);\n\t\tbackground-color: var(--bbb-tab-background-default-color);\n\t\ttransition:\n\t\t\tbackground-color 0.25s ease-in-out,\n\t\t\tcolor 0.25s ease-in-out;\n\t\tbox-sizing: border-box;\n\t\twidth: fit-content;\n\n\t\t.bbb-tab-icon {\n\t\t\twidth: var(--bbb-tab-icon-size, 24px);\n\t\t\theight: var(--bbb-tab-icon-size, 24px);\n\t\t}\n\n\t\t.tab-button-text {\n\t\t\tcolor: var(--bbb-tab-text-default-color);\n\t\t}\n\n\t\t.bbb-tab-icon svg {\n\t\t\tcolor: var(--bbb-tab-icon-default-color);\n\t\t\theight: 100%;\n\t\t}\n\n\t\t&:not(.is-bbb-active-tab) {\n\t\t\t.bbb-tab-icon svg {\n\t\t\t\tcolor: var(--bbb-tab-icon-default-color);\n\t\t\t}\n\t\t}\n\n\t\t&.is-bbb-active-tab {\n\t\t\tbackground-color: var(--bbb-tab-background-active-color);\n\n\t\t\t.tab-button-text {\n\t\t\t\tcolor: var(--bbb-tab-text-active-color);\n\t\t\t}\n\n\t\t\t.bbb-tab-icon svg {\n\t\t\t\tcolor: var(--bbb-tab-icon-active-color);\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\toutline: 2px solid currentColor;\n\t\t\toutline-offset: 2px;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--bbb-tab-background-hover-color);\n\n\t\t\t.tab-button-text {\n\t\t\t\tcolor: var(--bbb-tab-text-hover-color);\n\t\t\t}\n\n\t\t\t.bbb-tab-icon svg {\n\t\t\t\tcolor: var(--bbb-tab-icon-hover-color);\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tborder-top-color: var(--bbb-tab-background-hover-color) !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.blablablocks-tabs__horizontal {\n\t\tflex-direction: column;\n\n\t\t.blablablocks-tabs-buttons {\n\t\t\tflex-direction: row;\n\t\t\tjustify-content: var(--bbb-tab-buttons-justify-content, left);\n\t\t}\n\t}\n\n\t&.blablablocks-tabs__vertical {\n\t\tflex-direction: row;\n\n\t\t&.blablablocks-tabs__right {\n\t\t\tflex-direction: row-reverse;\n\t\t}\n\n\t\t.blablablocks-tabs-buttons {\n\t\t\tflex-direction: column;\n\t\t\tmargin: 0;\n\t\t\tmax-width: fit-content;\n\t\t}\n\t}\n\n\t&.blablablocks-tabs-icon__top .blablablock-tab-btn {\n\t\tflex-direction: column;\n\t}\n\n\t&.blablablocks-tabs-icon__bottom .blablablock-tab-btn {\n\t\tflex-direction: column-reverse;\n\t}\n\n\t&.blablablocks-tabs-icon__right .blablablock-tab-btn {\n\t\tflex-direction: row-reverse;\n\t}\n\n\t&.blablablocks-tabs-icon__left .blablablock-tab-btn {\n\t\tflex-direction: row;\n\t}\n\n\t.blablablocks-tab-content {\n\t\tmin-width: 0;\n\t}\n}\n\n/* Horizontal Stacked below 768px */\n@media (max-width: 768px) {\n\t.blablablocks-tabs-buttons {\n\t\tflex-wrap: nowrap !important;\n\t\toverflow-x: auto;\n\t\toverflow-y: hidden;\n\t\t// scrollbar-width: none;\n\t\t// -ms-overflow-style: none;\n\t}\n\n\t.is-style-pointing-tabs .blablablocks-tabs-buttons {\n\t\tpadding-bottom: 16px !important;\n\t}\n\n\t/* Change the overall layout from row to column */\n\t.blablablocks-tabs__vertical {\n\t\tflex-direction: column !important;\n\t}\n\n\t/* Make the buttons strip go across, wrap if needed */\n\t.blablablocks-tabs__vertical .blablablocks-tabs-buttons {\n\t\tflex-direction: row !important;\n\t}\n\n\t/* Let each button flex-grow to fill available space evenly */\n\t.blablablocks-tabs__vertical .blablablock-tab-btn {\n\t\tmax-width: 150px;\n\t}\n\n\t/* Reposition the “pointer” arrow under each button */\n\t.blablablocks-tabs__vertical .blablablock-tab-btn.is-bbb-active-tab::after {\n\t\ttop: 100% !important;\n\t\tleft: 50% !important;\n\t\tmargin-left: -10px !important;\n\t\ttransform: none !important;\n\t}\n\n\t.blablablocks-tabs:not(.blablablocks-tabs__autoWidth) .blablablocks-tabs-buttons {\n\t\tmin-width: auto !important;\n\t}\n}\n"],"names":[],"sourceRoot":""}