/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/tabs/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Colours
 *
 */
/**
 * Bootstrap customised
 *
 * @see https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
 */
.tabs-block {
  background: #F3F1EE;
  border: 1px solid #D4D4CA;
}
.tabs-block__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  background: #FFFFFF;
  border-block-end: 1px solid #D4D4CA;
}
@media (max-width: 768px) {
  .tabs-block__list {
    flex-direction: column;
  }
}
.tabs-block__list li {
  font-weight: 500;
  padding: 1rem 2rem;
  cursor: pointer;
}
.tabs-block__list li.is-active {
  background: #F3F1EE;
  box-shadow: 0 1px 0 #F3F1EE, 1px 0 0 #D4D4CA, -1px 0 0 #D4D4CA;
}
.tabs-block__list li.is-active a {
  color: #000000;
  background: none;
  cursor: default;
}
.tabs-block__list li a {
  color: #6E6E60;
  position: relative;
  display: inline;
  background-image: linear-gradient(#000000, #000000);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
  transition: all 0.4s ease;
}
.tabs-block__list li a:hover {
  background-size: 100% 1px;
}
.tabs-block__list li a:hover {
  color: #000000;
}
.tabs-block__tab {
  padding: 2rem;
}
.tabs-block__tab.is-hidden {
  display: none;
}

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