/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/timeline/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.wp-block-threea-timeline {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 0;
}
@media screen and (min-width: 1300px) {
  .wp-block-threea-timeline {
    flex-direction: row;
  }
}
.wp-block-threea-timeline--header {
  top: 5rem;
  align-self: flex-start;
}
@media screen and (min-width: 1300px) {
  .wp-block-threea-timeline--header {
    position: sticky;
  }
}
.wp-block-threea-timeline--items {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background: #f0f0f0;
  padding: var(--box-padding);
  border-radius: var(--radius-box);
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .wp-block-threea-timeline--items {
    gap: 1rem;
  }
}
@media screen and (min-width: 1300px) {
  .wp-block-threea-timeline--items {
    max-width: 750px;
  }
}
.wp-block-threea-timeline--items_expanded::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 450px;
  background: linear-gradient(to bottom, transparent 20%, #f0f0f0 70%);
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .wp-block-threea-timeline--items_expanded::before {
    width: 190px;
  }
}
@media screen and (min-width: 1300px) {
  .wp-block-threea-timeline--items_expanded::before {
    width: 190px;
  }
}
.wp-block-threea-timeline--toggle {
  background: transparent;
  border: 0;
}
.wp-block-threea-timeline--toggle:hover {
  text-decoration: underline;
}

.wp-block-threea-timeline--items {
  height: 700px;
  padding-bottom: 100px;
}
.wp-block-threea-timeline--items::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 325px;
  background: linear-gradient(to bottom, transparent 0%, #f0f0f0 70%);
  z-index: 1;
}
.wp-block-threea-timeline--items_expanded {
  height: unset;
}
.wp-block-threea-timeline--items_expanded::after {
  display: none;
}
.wp-block-threea-timeline--toggle {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  z-index: 2;
}
.wp-block-threea-timeline--close-text {
  display: none;
}
.wp-block-threea-timeline--items_expanded .wp-block-threea-timeline--close-text {
  display: inline;
}
.wp-block-threea-timeline--items_expanded .wp-block-threea-timeline--open-text {
  display: none;
}

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