/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/block_CC2-403_tab/scss/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.tab-button-wrap {
  min-width: -moz-fit-content;
  min-width: fit-content;
  flex-grow: 1;
  padding: 1rem 0.5rem;
  box-sizing: border-box;
  text-align: center;
  border-bottom: solid 1px var(--Color-Text-Disabled);
  transition: border-color ease-out 0.25s;
  cursor: pointer;
}
.tab-button-wrap .tab-name {
  display: inline-flex;
}
.tab-button-wrap .tab-name.has-info {
  position: relative;
  gap: 0.5rem;
}
.tab-button-wrap .tab-name.has-info::after {
  content: "";
  width: 1.25rem;
  display: block;
  background-color: var(--Color-Text-Subtle);
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"16\" viewBox=\"0 0 17 16\" fill=\"none\"><g clip-path=\"url%28%23clip0_130_760%29\"><path d=\"M8.74992 10.6666V7.99992M8.74992 5.33325H8.75547M15.4166 7.99992C15.4166 11.6818 12.4318 14.6666 8.74992 14.6666C5.06802 14.6666 2.08325 11.6818 2.08325 7.99992C2.08325 4.31802 5.06802 1.33325 8.74992 1.33325C12.4318 1.33325 15.4166 4.31802 15.4166 7.99992Z\" stroke=\"%239CA3AF\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></g><defs><clipPath id=\"clip0_130_760\"><rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate%280.75%29\"/></clipPath></defs></svg>");
          mask-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"16\" viewBox=\"0 0 17 16\" fill=\"none\"><g clip-path=\"url%28%23clip0_130_760%29\"><path d=\"M8.74992 10.6666V7.99992M8.74992 5.33325H8.75547M15.4166 7.99992C15.4166 11.6818 12.4318 14.6666 8.74992 14.6666C5.06802 14.6666 2.08325 11.6818 2.08325 7.99992C2.08325 4.31802 5.06802 1.33325 8.74992 1.33325C12.4318 1.33325 15.4166 4.31802 15.4166 7.99992Z\" stroke=\"%239CA3AF\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></g><defs><clipPath id=\"clip0_130_760\"><rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate%280.75%29\"/></clipPath></defs></svg>");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.tab-button-wrap .tab-name p {
  color: var(--Color-Text-Subtle);
  transition: color ease-out 0.25s;
}
.tab-button-wrap.tab-active {
  border-bottom: solid 2px var(--Color-Text-Accent);
}
.tab-button-wrap.tab-active .has-info::after {
  background-color: var(--Color-Text);
}
.tab-button-wrap.tab-active .tab-name p {
  color: var(--Color-Text);
  font-weight: 700;
}
.tab-button-wrap .tab-name[data-tooltip]:hover::before {
  content: attr(data-tooltip);
  display: block;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  right: 0;
  bottom: -0.25rem;
  transform: translate(50%, 100%);
  padding: 0.75em;
  border-radius: 0.25rem;
  background: var(--Color-Background-Button);
  color: var(--Color-Text-Inverse);
  font-family: var(--Font-Text);
  font-size: 0.875rem;
}
.tab-button-wrap .tab-name[data-tooltip]:hover p::before {
  content: "";
  position: absolute;
  right: 0.35rem;
  bottom: -0.25rem;
  transform: translate(50%, 1px);
  width: 1rem;
  height: 0.625rem;
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"9\" viewBox=\"0 0 16 9\" fill=\"none\"><path d=\"M5.69644 2.27965C6.12636 1.74225 6.43876 1.35211 6.70742 1.07084C6.97468 0.791033 7.17944 0.640189 7.38611 0.562772C7.78194 0.414492 8.21806 0.414492 8.6139 0.562772C8.82056 0.64019 9.02532 0.791033 9.29258 1.07084C9.56124 1.35211 9.87364 1.74225 10.3036 2.27965L15.4798 8.75H0.520156L5.69644 2.27965Z\" fill=\"%23111827\" stroke=\"%23111827\" stroke-width=\"0.5\"/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}

.tab-tooltip {
  display: none;
  visibility: hidden;
}

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