/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./resources/blocks/block-library/tabs/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.wp-block-photobooths-tabs {
  --tab-bg: var(--custom-tab-inactive-color, transparent);
  --tab-bg-hover: var(
  	--custom-tab-hover-color,
  	var(--wp--preset--color--secondary-background)
  );
  --tab-bg-active: var(
  	--custom-tab-active-color,
  	var(--wp--preset--color--secondary-background)
  );
  --tab-text: var(--custom-tab-text-color, inherit);
  --tab-text-hover: var(--custom-tab-hover-text-color, inherit);
  --tab-text-active: var(--custom-tab-active-text-color, inherit);
  --tab-opacity: 0.5;
  --tab-opacity-hover: 1;
  --tab-opacity-active: 1;
  --tab-outline-width: 0;
  --tab-underline-width: 0;
  --tab-side-border-width: 0;
  --tab-border-color: var(--custom-tab-inactive-color, transparent);
  --tab-border-color-hover: var(
  	--custom-tab-hover-color,
  	var(--wp--preset--color--secondary-background)
  );
  --tab-border-color-active: var(
  	--custom-tab-active-color,
  	var(--wp--preset--color--secondary-background)
  );
  --tab-padding-block: var(--wp--preset--spacing--20, 0.5em);
  --tab-padding-inline: var(--wp--preset--spacing--30, 1em);
  --tab-border-radius: var(--wp--preset--spacing--20, 0.5em);
  --tabs-divider-color: var(
  	--custom-tab-active-color,
  	var(--wp--preset--color--secondary-background)
  );
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--wp--style--unstable-tabs-gap, 0);
  box-sizing: border-box;
}
.wp-block-photobooths-tabs .tabs__title {
  display: none;
}
.wp-block-photobooths-tabs .tabs__list {
  display: flex;
  min-width: 100px;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: flex-end;
  flex-grow: 1;
  flex-basis: 100%;
  gap: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.wp-block-photobooths-tabs .tabs__list::-webkit-scrollbar {
  display: none;
}
.wp-block-photobooths-tabs .tabs__list button.tabs__tab-label {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}
.wp-block-photobooths-tabs .tabs__list .tabs__tab-label {
  display: block;
  box-sizing: border-box;
  width: -moz-max-content;
  width: max-content;
  margin: 0;
  border: var(--tab-outline-width) solid var(--tab-border-color);
  opacity: var(--tab-opacity);
  color: var(--tab-text);
  background-color: var(--tab-bg);
  text-decoration: none;
  cursor: pointer;
  padding-block: var(--tab-padding-block);
  padding-inline: var(--tab-padding-inline);
  border-block-end: var(--tab-underline-width) solid var(--tab-border-color);
  border-inline-end: var(--tab-side-border-width) solid var(--tab-border-color);
}
@media (max-width: 599px) {
  .wp-block-photobooths-tabs .tabs__list .tabs__tab-label {
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
.wp-block-photobooths-tabs .tabs__list .tabs__tab-label:focus-visible {
  outline: 2px solid var(--tab-border-color-active);
  outline-offset: 2px;
}
.wp-block-photobooths-tabs .tabs__list .tabs__tab-label:hover {
  border-color: var(--tab-border-color-hover);
  border-top-left-radius: var(--tab-border-radius);
  border-top-right-radius: var(--tab-border-radius);
  opacity: var(--tab-opacity-hover);
  color: var(--tab-text-hover);
  background-color: var(--tab-bg-hover);
}
.wp-block-photobooths-tabs .tabs__list .tabs__tab-label[aria-selected=true] {
  border-color: var(--tab-border-color-active);
  border-top-left-radius: var(--tab-border-radius);
  border-top-right-radius: var(--tab-border-radius);
  opacity: var(--tab-opacity-active);
  color: var(--tab-text-active);
  background-color: var(--tab-bg-active);
}
.wp-block-photobooths-tabs:not(.is-vertical) .tabs__list {
  overflow-x: auto;
  border-block-end: 1px solid var(--tabs-divider-color);
}
.wp-block-photobooths-tabs.is-vertical {
  flex-wrap: nowrap;
}
.wp-block-photobooths-tabs.is-vertical .tabs__list {
  overflow-x: hidden;
  flex-direction: column;
  max-width: 30%;
  flex-grow: 0;
  border-inline-end: 1px solid var(--tabs-divider-color);
  border-block-end: none;
}
.wp-block-photobooths-tabs.is-vertical .tabs__tab-label {
  max-width: 100%;
  text-align: end;
}
.wp-block-photobooths-tabs.is-style-links {
  --tabs-divider-color: var(--custom-tab-hover-color, #000);
  --tab-bg: transparent;
  --tab-bg-hover: transparent;
  --tab-bg-active: transparent;
  --tab-text: var(--custom-tab-text-color, #000);
  --tab-text-hover: var(--custom-tab-hover-text-color, #000);
  --tab-text-active: var(--custom-tab-active-text-color, #000);
  --tab-border-color: var(--custom-tab-inactive-color, transparent);
  --tab-border-color-hover: var(--custom-tab-hover-color, #000);
  --tab-border-color-active: var(
  	--custom-tab-active-color,
  	var(--wp--preset--color--secondary-background)
  );
  --tab-underline-width: 2px;
}
.wp-block-photobooths-tabs.is-style-links .tabs__tab-label {
  /* preserve extra

   bottom space for u
  nderline */
  padding-block-end: 0.5em;
  border-bottom: 2px solid var(--tab-border-color);
}
.wp-block-photobooths-tabs.is-style-links .tabs__tab-label[aria-selected=true] {
  border-color: var(--tab-border-color-active);
  color: var(--tab-text-active);
  background-color: inherit;
}
.wp-block-photobooths-tabs.is-style-links .tabs__tab-label:hover:not([aria-selected=true]) {
  border-color: var(--tab-border-color-hover);
  color: var(--tab-text-hover);
  background-color: inherit;
}
.wp-block-photobooths-tabs.is-style-links.is-vertical .tabs__list {
  border-block-end: none;
  border-inline-end: 1px solid var(--tabs-divider-color);
}
.wp-block-photobooths-tabs.is-style-links.is-vertical .tabs__tab-label {
  --tab-underline-width: 0;
  --tab-side-border-width: 2px;
  /* switch underline to side for vertical */
  border-block-end: 0;
  padding-block-end: 0;
  padding-inline-end: 0.5em;
}
.wp-block-photobooths-tabs.is-style-button {
  --tab-border-radius: 9999px;
  --tab-bg: var(--custom-tab-inactive-color, transparent);
  --tab-bg-hover: var(--custom-tab-hover-color, #000);
  --tab-bg-active: var(--custom-tab-active-color, #000);
  --tab-text: var(--custom-tab-text-color, #000);
  --tab-text-hover: var(--custom-tab-hover-text-color, #000);
  --tab-text-active: var(--custom-tab-active-text-color, #000);
  --tab-padding-block: 0.5em;
  --tab-padding-inline: 1em;
}
.wp-block-photobooths-tabs.is-style-button .tabs__list {
  border-block-end: none;
  align-items: center;
}
.wp-block-photobooths-tabs.is-style-button .tabs__tab-label {
  border-width: 0;
}
.wp-block-photobooths-tabs.is-style-button .tabs__tab-label:hover:not([aria-selected=true]) {
  background-color: var(--tab-bg-hover);
}
.wp-block-photobooths-tabs.is-style-button.is-vertical .tabs__list {
  border-block-end: none;
  border-inline-end: none;
  align-items: flex-end;
}

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