/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/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/blocks-jsx/tabs/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
/* ==========================================================================
	Tabs
============================================================================= */
/* ==========================================================================
		VARIABLES
============================================================================= */
/* ==========================================================================
		Mixins
============================================================================= */
.wp-block-knightowl-blocks-tabs {
  position: relative;
  overflow: visible;
}
.wp-block-knightowl-blocks-tabs:after {
  display: block;
  clear: both;
  content: "";
}
.wp-block-knightowl-blocks-tabs > div > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 782px) {
  .wp-block-knightowl-blocks-tabs > div > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (max-width: 781.98px) {
  .wp-block-knightowl-blocks-tabs > div > ul li {
    width: 100% !important;
  }
}
.wp-block-knightowl-blocks-tabs > div > ul li a {
  display: block;
  height: 100%;
  text-decoration: none;
  color: var(--tab-text-color, var(--wp--custom--tabs--color--text, #000000));
  background-color: var(--tab-background-color, var(--wp--custom--tabs--color--background, #f2f2f2));
  padding: var(--tab-padding-top, var(--wp--custom--tabs--padding--top, 16px)) var(--tab-padding-right, var(--wp--custom--tabs--padding--right, 16px)) var(--tab-padding-bottom, var(--wp--custom--tabs--padding--bottom, 16px)) var(--tab-padding-left, var(--wp--custom--tabs--padding--left, 16px));
}
.wp-block-knightowl-blocks-tabs > div > ul li a:hover {
  color: var(--tab-hover-text-color, var(--wp--custom--tabs--color--hover--text, #000000));
  background-color: var(--tab-hover-background-color, var(--wp--custom--tabs--color--hover--background, #f2f2f2));
}
.wp-block-knightowl-blocks-tabs > div > ul li.is-active a {
  color: var(--tab-active-text-color, var(--wp--custom--tabs--color--active--text, #000000));
  background-color: var(--tab-active-background-color, var(--wp--custom--tabs--color--active--background, #f2f2f2));
}
.wp-block-knightowl-blocks-tabs > div > ul.tabs-equal-width > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wp-block-knightowl-blocks-tabs .tabs-content,
.wp-block-knightowl-blocks-tabs .wp-block-knightowl-blocks-tabs-item {
  min-height: var(--tab-panel-min-height-mobile, var(--wp--custom--tabs--content--min-height-mobile, "auto"));
}
@media (min-width: 782px) {
  .wp-block-knightowl-blocks-tabs .tabs-content,
  .wp-block-knightowl-blocks-tabs .wp-block-knightowl-blocks-tabs-item {
    min-height: var(--tab-panel-min-height, var(--wp--custom--tabs--content--min-height, "auto"));
  }
}
.wp-block-knightowl-blocks-tabs .tabs-content {
  position: relative;
}
.wp-block-knightowl-blocks-tabs .tabs-content .wp-block-knightowl-blocks-tabs-item {
  display: none;
  padding: var(--tab-content-padding-top, var(--wp--custom--tabs--content--padding--top, 16px)) var(--tab-content-padding-right, var(--wp--custom--tabs--content--padding--right, 16px)) var(--tab-content-padding-bottom, var(--wp--custom--tabs--content--padding--bottom, 16px)) var(--tab-content-padding-left, var(--wp--custom--tabs--content--padding--left, 16px));
}
.wp-block-knightowl-blocks-tabs .tabs-content .wp-block-knightowl-blocks-tabs-item.is-active {
  display: block;
}
@media (min-width: 782px) {
  .wp-block-knightowl-blocks-tabs.is-style-vertical > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.wp-block-knightowl-blocks-tabs.is-style-vertical > div > ul {
  display: block;
}
.wp-block-knightowl-blocks-tabs.is-style-vertical > div .tabs-content {
  position: initial;
  width: 100%;
}
@media (max-width: 781.98px) {
  .wp-block-knightowl-blocks-tabs.has-dropdown-menu-mobile > div > ul {
    display: none;
  }
}
.wp-block-knightowl-blocks-tabs .tabs-dropdown-menu-mobile {
  margin-bottom: 16px;
}
@media (min-width: 782px) {
  .wp-block-knightowl-blocks-tabs .tabs-dropdown-menu-mobile {
    display: none;
  }
}
.wp-block-knightowl-blocks-tabs .tabs-navigation {
  display: none;
}
@media (min-width: 782px) {
  .wp-block-knightowl-blocks-tabs .tabs-navigation {
    display: block;
  }
}
.wp-block-knightowl-blocks-tabs .tabs-navigation .previous-tab,
.wp-block-knightowl-blocks-tabs .tabs-navigation .next-tab {
  position: absolute;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: var(--wp--custom--tabs--arrow--width, 24px);
  height: var(--wp--custom--tabs--arrow--height, 24px);
  font-size: 0;
  z-index: 1;
  -webkit-mask-size: var(--wp--custom--tabs--arrow--width, 24px) var(--wp--custom--tabs--arrow--height, 24px);
          mask-size: var(--wp--custom--tabs--arrow--width, 24px) var(--wp--custom--tabs--arrow--height, 24px);
}
.wp-block-knightowl-blocks-tabs .tabs-navigation .previous-tab {
  left: calc(-1 * var(--wp--custom--tabs--arrow--left--offset, 36px));
  background: var(--wp--custom--tabs--arrow--left--color--text, #444);
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNMTQgMTcuNjU0IDguMzQ1IDEybDUuNjUzLTUuNjU0TDE1LjA1MyA3LjRsLTQuNiA0LjYgNC42IDQuNkwxNCAxNy42NTRaIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%;
          mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNMTQgMTcuNjU0IDguMzQ1IDEybDUuNjUzLTUuNjU0TDE1LjA1MyA3LjRsLTQuNiA0LjYgNC42IDQuNkwxNCAxNy42NTRaIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%;
}
.wp-block-knightowl-blocks-tabs .tabs-navigation .previous-tab:hover {
  background: var(--wp--custom--tabs--arrow--left--color--hover--text);
}
.wp-block-knightowl-blocks-tabs .tabs-navigation .next-tab {
  right: calc(-1 * var(--wp--custom--tabs--arrow--right--offset, 36px));
  background: var(--wp--custom--tabs--arrow--right--color--text, #444);
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNOS40IDE3LjY1NCA4LjM0NiAxNi42bDQuNi00LjYtNC42LTQuNkw5LjQgNi4zNDYgMTUuMDUzIDEyIDkuNCAxNy42NTRaIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%;
          mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNOS40IDE3LjY1NCA4LjM0NiAxNi42bDQuNi00LjYtNC42LTQuNkw5LjQgNi4zNDYgMTUuMDUzIDEyIDkuNCAxNy42NTRaIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%;
}
.wp-block-knightowl-blocks-tabs .tabs-navigation .next-tab:hover {
  background: var(--wp--custom--tabs--arrow--right--color--hover--text);
}

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