/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/deprecated_CC2-381_date-tabulation/scss/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.tabs-wrapper-left {
  padding: 40px 30px;
  width: 100%;
  max-width: 103px;
  border-radius: 12px;
  background: var(--ds-semantic-color-accent1-surface-subtlest);
}
.tabs-wrapper-left .tabs-primary-wrapper-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tabs-wrapper-left .tabs-primary-wrapper-header .tabs-primary-wrapper-item.isActive .wp-element-button {
  background: var(--ds-semantic-color-accent1-surface-medium);
  color: var(--ds-semantic-color-layout-invert-content-medium);
}
.tabs-wrapper-left .tabs-primary-wrapper-header .tabs-primary-wrapper-item.isActive .wp-element-button::before, .tabs-wrapper-left .tabs-primary-wrapper-header .tabs-primary-wrapper-item.isActive .wp-element-button::after {
  background-color: var(--ds-semantic-color-layout-invert-content-medium);
}
.tabs-wrapper-left .tabs-primary-wrapper-header .wp-element-button {
  width: 100%;
}
.tabs-wrapper-left .tabs-primary-wrapper-header .tabs-primary-wrapper-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tabs-wrapper-left .tabs-primary-wrapper-header .tabs-primary-wrapper-header-dots {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.tabs-wrapper-left .tabs-primary-wrapper-header .tabs-primary-wrapper-header-dots .dots {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: var(--ds-semantic-color-accent1-surface-subtle);
}

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