/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/vertical-tabs/tab/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/**
 * BZ Vertical Tab styles
 */
:root {
  /* Base button styling */
  --bz-vertical-tab-color: var(--wp--custom--vertical-tabs--tab--color, inherit);
  --bz-vertical-tab-background: var(--wp--custom--vertical-tabs--tab--background, transparent);
  --bz-vertical-tab-border: var(--wp--custom--vertical-tabs--tab--border, 1px solid transparent);
  --bz-vertical-tab-border-radius: var(--wp--custom--vertical-tabs--tab--border-radius, var(--wp--custom--radius--md, 0));
  --bz-vertical-tab-padding: var(--wp--custom--vertical-tabs--tab--padding, 0);
  --bz-vertical-tab-shadow: var(--wp--custom--vertical-tabs--tab--shadow, none);
  --bz-vertical-tab-gap: var(--wp--custom--vertical-tabs--tab--gap, 0);
  --bz-vertical-tab-backdrop-filter: var(--wp--custom--vertical-tabs--tab--backdrop-filter, none);
  /* Button hover state */
  --bz-vertical-tab-hover-color: var(--wp--custom--vertical-tabs--tab--hover--color, inherit);
  --bz-vertical-tab-hover-background: var(--wp--custom--vertical-tabs--tab--hover--background, transparent);
  --bz-vertical-tab-hover-border: var(--wp--custom--vertical-tabs--tab--hover--border, var(--wp--preset--color--foreground, transparent));
  --bz-vertical-tab-hover-shadow: var(--wp--custom--vertical-tabs--tab--hover--shadow, none);
  /* Button active state */
  --bz-vertical-tab-active-color: var(--wp--custom--vertical-tabs--tab--active--color, var(--wp--preset--color--white, #FFFFFF));
  --bz-vertical-tab-active-background: var(--wp--custom--vertical-tabs--tab--active--background, transparent);
  --bz-vertical-tab-active-border: var(--wp--custom--vertical-tabs--tab--active--border, 1px solid var(--wp--preset--color--foreground, transparent));
  --bz-vertical-tab-active-shadow: var(--wp--custom--vertical-tabs--tab--active--shadow, none);
  --bz-vertical-tab-active-box-shadow: var(--wp--custom--vertical-tabs--tab--active--box-shadow, 0px 0px 0px 1px rgba(255, 255, 255, 0.06) inset, 0px 1px 1px 0px rgba(255, 255, 255, 0.10) inset, 0px 0px 20px 3px rgba(178, 23, 163, 0.10));
}

.wp-block-bz-vertical-tab {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--bz-vertical-tab-gap);
  padding: var(--bz-vertical-tab-padding);
  text-align: left;
  cursor: pointer;
  color: var(--bz-vertical-tab-color, inherit);
  background: var(--bz-vertical-tab-background);
  border-radius: var(--bz-vertical-tab-border-radius);
  border: var(--bz-vertical-tab-border);
  box-shadow: var(--bz-vertical-tab-shadow);
  transition: all 0.2s ease, color 0.2s ease;
  -webkit-backdrop-filter: var(--bz-vertical-tab-backdrop-filter);
          backdrop-filter: var(--bz-vertical-tab-backdrop-filter);
}
.wp-block-bz-vertical-tab > * {
  margin: 0;
  padding: 0;
}
.wp-block-bz-vertical-tab:hover {
  color: var(--bz-vertical-tab-hover-color);
  background: var(--bz-vertical-tab-hover-background);
  border: var(--bz-vertical-tab-hover-border);
}
.wp-block-bz-vertical-tab:active, [role=tab][aria-selected=true] > .wp-block-bz-vertical-tab {
  color: var(--bz-vertical-tab-active-color);
  background: var(--bz-vertical-tab-active-background);
  border: var(--bz-vertical-tab-active-border);
  box-shadow: var(--bz-vertical-tab-active-shadow);
}

/*# sourceMappingURL=style-index.css.map*/