/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/templates/paragraph/tabs/component/paragraph.tabs.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.tabs__list {
  display: flex;
  border-bottom: 1px solid var(--border--color, #adb5bd);
}
.tabs__list-item:not(:first-child) a {
  margin-left: -1px;
}
.tabs__list-item a {
  --a--padding: 0.375em 0.75em;
  --a--color: #263b97;
  --a--color--active: #ffffff;
  --a--bg-color: #ffffff;
  --a--bg-color--active: #4678BA;
  --focus-visible--outline-color: #4678BA;
  margin-bottom: -1px;
  border: 1px solid var(--border--color, #adb5bd);
}
.tabs__list-item a.is-active {
  --a--bg-color: #263b97;
  --a--bg-color--active: #263b97;
  --a--color: #ffffff;
  --focus-visible--outline-color: #263b97;
}
.tabs__tab {
  display: none;
}
.tabs__tab.is-active {
  display: block;
}
.tabs__content-item {
  margin-top: 18px;
}