/* interactive_blocks/timeline - Complete extraction from Rise blocks_v2.css */

.block-audio.bg--type-black .audio-player:not(.audio-player--overlay),.block-audio.bg--type-dark .audio-player:not(.audio-player--overlay),.block-process.bg--card-transparent.bg--type-black .audio-player:not(.audio-player--overlay),.block-process.bg--card-transparent.bg--type-dark .audio-player:not(.audio-player--overlay),.block-process.bg--card-transparent.bg--type-image.bg--overlay-light .audio-player .block-timeline.bg--card-transparent.bg--type-dark .audio-player:not(.audio-player--overlay),.block-timeline.bg--card-transparent.bg--type-black .audio-player:not(.audio-player--overlay),.block-timeline.bg--card-transparent.bg--type-image.bg--overlay-light .audio-player:not(.audio-player--overlay) {
  --color-track:#fff;
  --color-action:#fff;
  --color-track-opacity:0.4}
.block-process.bg--card-transparent.bg--type-image .audio-player .block-timeline.bg--card-transparent.bg--type-image .audio-player:not(.audio-player--overlay) {
  --color-track:var(--arc-color-mono-black);
  --color-action:var(--arc-color-mono-black)}
  .block-timeline {
  background-color:var(--color-background)!important}
.block-timeline .timeline {
  padding-block:5rem;
  padding-inline:2rem}
.block-timeline .timeline__container>div {
  width:100%}
  .block-timeline .timeline__container>div {
  max-width:95%;
  width:80rem}
.block-timeline .timeline__container>.timeline-card:first-child:after,.block-timeline .timeline__container>div:first-child .timeline-card:after {
  border:none}
.block-timeline .timeline__container>.timeline-card:last-child,.block-timeline .timeline__container>div:last-child .timeline-card {
  margin-block-end:0}
.timeline {
  --color-border-connector:#0000001a}
.bg--range-dark .timeline,.bg--range-near-black .timeline,.bg--type-image:not(.bg--overlay-light) .timeline {
  --color-border-connector:#fff3}
.timeline__container {
  align-items:center;
  display:flex;
  flex-direction:column;
  position:relative;
  z-index:2}
  .timeline__container {
  background-color:transparent;
  margin-block:0;
  margin-inline:0;
  padding-block-end:0}
.timeline__card-wrapper {
  position:relative;
  width:100%}
  .timeline__card-wrapper {
  max-width:95%;
  width:80rem}
.timeline__card-wrapper:after {
  border:1px solid var(--color-border-connector);
  content:"";
  height:6.7rem;
  inset-block-start:-7rem;
  inset-inline-start:50%;
  position:absolute}
.timeline__card-wrapper:first-child:after {
  border:none}
.timeline__card-wrapper:last-child {
  margin-block-end:0}
.timeline-card {
  border-radius:.4rem;
  box-sizing:initial;
  margin-block:0 7rem;
  margin-inline:auto;
  pointer-events:none;
  position:relative;
  -webkit-user-select:none;
  user-select:none;
  width:100%}
.timeline-card:before {
  border-radius:.4rem 0 0 .4rem;
  box-shadow:0 0 1rem 0 #0000001a;
  content:"";
  inset-block:0;
  inset-inline:0;
  position:absolute}
.timeline-card__body {
  backface-visibility:hidden;
  border-radius:.4rem;
  box-shadow:0 0 1rem 0 #0000;
  min-height:21rem;
  opacity:.93;
  outline:.1rem solid #0000;
  overflow:hidden;
  padding-block:3rem 4rem;
  padding-inline:2rem;
  position:relative;
  transform-style:preserve-3d;
  transition:opacity .3s}
  .timeline-card__body {
  opacity:1}
.timeline-card__body:before {
  background-color:var(--color-theme);
  border-radius:.4rem 0 0 .4rem;
  content:"";
  inset-block:0;
  inset-inline-start:0;
  opacity:.4;
  position:absolute;
  transition:opacity .3s;
  width:.4rem}
.bg--type-accent .timeline-card__body:before,.bg--type-image.bg--card-transparent .timeline-card__body:before {
  content:none}
  .timeline-card__body:before {
  opacity:1}
.timeline-card--active .timeline-card__body {
  opacity:1;
  pointer-events:auto;
  -webkit-user-select:text;
  user-select:text}
.timeline-card--active .timeline-card__body:before {
  opacity:1}
.timeline-card__main-wrap {
  opacity:.25;
  transition:opacity .3s}
  .timeline-card__main-wrap {
  opacity:1}
.timeline-card--active .timeline-card__main-wrap {
  opacity:1}
.timeline-card__date {
  --color-date:var(--color-theme-decorative);
  color:var(--color-date,var(--color-theme));
  font-family:var(--font-family-body);
  font-style:italic;
  font-weight:700;
  margin-block-end:1rem}
.timeline-card__date h2,.timeline-card__date h3,.timeline-card__date h4 {
  font-family:var(--font-family-head)}
.timeline-card__date h2 {
  font-size:2rem}
  .timeline-card__date h2 {
  font-size:1.5rem}
.timeline-card__date h3 {
  font-size:1.8rem}
  .timeline-card__date h3 {
  font-size:1.3rem}
.timeline-card__date h4 {
  font-size:1.6rem}
  .timeline-card__date h4 {
  font-size:1.1rem}
.timeline-card__title {
  color:var(--color-text);
  font-size:2rem;
  font-weight:700;
  letter-spacing:.02rem;
  line-height:1.85;
  margin-block-end:1rem}
.timeline-card__title,.timeline-card__title h3,.timeline-card__title h4,.timeline-card__title h5 {
  font-family:var(--font-family-head)}
.timeline-card__title h3 {
  font-size:2rem}
  .timeline-card__title h3 {
  font-size:1.8rem}
.timeline-card__title h4 {
  font-size:1.8rem}
  .timeline-card__title h4 {
  font-size:1.6rem}
.timeline-card__description {
  font-size:1.6rem;
  line-height:var(--rise-line-height-base)}