/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./blocks/legacy/tab_groups/view.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/* Details Block -----------------------------------------------------------------------------------------------------*/
.tablist {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.tab {
  padding: 10px 15px;
  cursor: pointer;
  border: 1px solid var(--wp--preset--color--grey);
  border-bottom: none;
  background-color: var(--wp--preset--color--gainsboro);
  margin-right: 5px;
}
.tab.current {
  font-weight: var(--wp--custom--font-weight--bold);
  border-top: 2px solid var(--wp--preset--color--primary);
}
.panel {
  display: none;
  padding: 15px;
  border: 1px solid var(--wp--preset--color--grey);
  background-color: #fff;
}
.panel.show {
  display: block;
}
/* Optional: Adding some hover effects */
.tab:hover {
  background-color: #fff;
}
/* Glossary styling */
.tabs-wrap.is-style-minimal .tab {
  border: 0;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}
.tabs-wrap.is-style-minimal .tab.current {
  border: 0;
  background-color: var(--wp--preset--color--primary-dark);
  color: var(--wp--preset--color--white);
  pointer-events: none;
}
.tabs-wrap.is-style-minimal .tab.empty {
  pointer-events: none;
  opacity: 0.35;
}
.tabs-wrap.is-style-minimal .tab:hover {
  background-color: #e1eae1;
  color: var(--wp--preset--color--primary-dark);
}
.tabs-wrap.is-style-minimal .panel {
  border: 0;
  background-color: transparent;
  padding: 2rem 0;
}
.tabs-wrap.is-style-minimal .panel h1, .tabs-wrap.is-style-minimal .panel h2, .tabs-wrap.is-style-minimal .panel h3, .tabs-wrap.is-style-minimal .panel h4, .tabs-wrap.is-style-minimal .panel h5, .tabs-wrap.is-style-minimal .panel h6 {
  margin-block-start: 1em;
  margin-block-end: 1em;
}

/*# sourceMappingURL=view.css.map*/