/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/tabs/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.wp-block-klingit-basic-tabs.has-text-color .tab-button {
  color: var(--text);
}

.wp-block-klingit-basic-tabs.has-background .tab-button {
  background-color: var(--background);
}

.wp-block-klingit-basic-tabs.has-active-text-color .tab-button.is-active {
  color: var(--active-text);
}

.wp-block-klingit-basic-tabs.has-active-background .tab-button.is-active {
  background-color: var(--active-background);
}

.wp-block-klingit-basic-tabs .tab-button {
  padding: var(--padding-y) var(--padding-x);
  cursor: pointer;
}

.wp-block-klingit-basic-tabs.has-border .tab-button {
  border: var(--border);
}

.wp-block-klingit-basic-tabs.has-borders .tab-button {
  border-top: var(--border-top);
  border-bottom: var(--border-bottom);
  border-left: var(--border-left);
  border-right: var(--border-right);
}

.wp-block-klingit-basic-tabs.has-active-border .tab-button.is-active {
  border: var(--active-border);
}

.wp-block-klingit-basic-tabs.has-active-borders .tab-button.is-active {
  border-top: var(--active-border-top);
  border-bottom: var(--active-border-bottom);
  border-left: var(--active-border-left);
  border-right: var(--active-border-right);
}

.tabs-vertical .tabs-navigation {
  display: none;
}

@media (max-width: 767.98px) {
  .tabs-vertical .wp-block-klingit-basic-tab > .wp-block-group {
    display: none;
    opacity: 0;
  }
  .tabs-vertical .wp-block-klingit-basic-tab.is-active > .wp-block-group {
    display: block;
    transition: opacity ease-out 500ms;
    opacity: 1;
  }
}
@media (min-width: 782px) {
  .wp-block-klingit-basic-tabs {
    display: grid;
    gap: 15px 50px;
  }
  .tabs-vertical .wp-block-klingit-basic-tab {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }
  .tabs-vertical .wp-block-klingit-basic-tab.is-active {
    visibility: visible;
    height: auto;
    transition: opacity ease-out 300ms;
    opacity: 1;
  }
  .tabs-vertical .tabs-navigation {
    display: block !important;
  }
  .tabs-vertical .wp-block-klingit-basic-tab .tab-button {
    display: none;
  }
  .tabs-vertical {
    grid-template-columns: max(33.333%, 320px) 1fr;
  }
}
.tabs-horizontal .splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.tabs-horizontal .splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.tabs-horizontal .tabs-content .splide__track {
  margin: 0 -15px;
}

.tabs-horizontal .splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.tabs-horizontal .tabs-content .splide__slide {
  padding: 0 15px;
}

.tabs-horizontal .splide__sr {
  display: none;
}

.tabs-horizontal .tabs-navigation {
  margin: 24px -15px 32px;
  padding: 4px 15px;
  overflow: auto;
  width: 100%;
  position: relative;
  display: flex;
  gap: 24px;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.tabs-horizontal .tabs-navigation .tab-button {
  flex: 1 0 max(20% - 36px, 160px);
  box-sizing: border-box;
  white-space: initial;
}

.tabs-horizontal .splide__track--nav {
  overflow: visible;
}

@media (min-width: 1024px) {
  .tabs-horizontal .tabs-navigation {
    margin: 48px 0 64px;
    padding: 4px 0;
  }
}

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