/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./packages/module-library/content-timeline/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.dsm_content_timeline .dsm-content-timeline-content-wrapper,
.dsm_content_timeline .dsm-content-timeline-content-wrapper::before {
  background-color: #f6f6f6;
}

.dsm_content_timeline .dsm-content-timeline-middle-circle {
  background-color: #4161d4;
  transition: background-color var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1);
}

.dsm_content_timeline .dsm-content-timeline-middle-circle.dsm-timeline-pointer-active {
  background-color: #7cda24;
}

.dsm_content_timeline .dsm-content-timeline-middle-circle .dsm-icon {
  color: #ffffff;
  font-size: 20px;
  transition: color var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1);
}

.dsm_content_timeline .dsm-content-timeline-middle-line {
  background-color: #4161d4;
}

.dsm_content_timeline .dsm-content-timeline-middle .dsm-content-timeline-tree-animation {
  background-color: #e09900;
}

.dsm_content_timeline .dsm-content-timeline-middle-line,
.dsm_content_timeline .dsm-content-timeline-middle .dsm-content-timeline-tree-animation {
  width: 3px;
}

.dsm_content_timeline .dsm-icon-wrapper .dsm-icon {
  color: #000000;
  font-size: 32px;
}

.dsm_content_timeline .dsm-image-wrapper .dsm-image {
  max-width: 100%;
}

.dsm_content_timeline .dsm-content-timeline-content-wrapper {
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
}

.dsm_content_timeline .dsm-content-timeline-middle-circle.dsm-timeline-pointer-active .dsm-icon {
  color: #000000;
}