/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./blocks/block_history/block_history.scss ***!
  \**********************************************************************************************************************************/
.block_history {
  --gap: 16rem;
  --row-gap: 3rem;
  --base-color: var(--wp--preset--color--primary);
  display: flex;
  flex-direction: column;
  row-gap: var(--row-gap);
  position: relative;
}
.block_history.is-style-secondary {
  --base-color: var(--wp--preset--color--secondary);
}
.block_history.is-style-tertiary {
  --base-color: var(--wp--preset--color--tertiary);
}
@media (min-width: 992px) {
  .block_history::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: var(--base-color);
    left: 50%;
  }
}
@media (min-width: 992px) {
  .block_history {
    --row-gap: 12rem;
  }
}

.block_history-item {
  display: grid;
  gap: calc(var(--gap) / 3);
  grid-template-columns: 1fr;
}

.block_history-legend .date {
  --bullet-width: 1rem;
  font-size: clamp(2.5rem, 6vw, 5rem);
  line-height: 0.9;
  position: relative;
}
@media (min-width: 992px) {
  .block_history-legend .date::after {
    content: "";
    position: absolute;
    width: var(--bullet-width);
    height: var(--bullet-width);
    background-color: var(--base-color);
    border-radius: 100%;
  }
}
.block_history-legend .little-date {
  font-size: max(0.875rem, 0.5em);
}
.block_history-legend h2 em {
  font-style: normal;
  color: var(--base-color);
}
.block_history-legend .sticky-top {
  z-index: 1;
}
@media (min-width: 992px) {
  .block_history-legend .sticky-top {
    top: 10rem;
  }
}

.block_history-picture {
  position: relative;
  max-width: fit-content;
  --padding: 1rem;
  padding: var(--padding);
  overflow: hidden;
}
.block_history-picture img {
  border-radius: var(--wp--custom--radius--large);
}
.block_history-picture .caption {
  left: -100rem;
  bottom: 100rem;
  position: absolute;
}
.block_history-picture::after {
  content: "";
  position: absolute;
  height: calc(100% - var(--padding) * 2);
  width: calc(100% - var(--padding) * 2);
  background-color: var(--base-color);
  opacity: 0;
  top: var(--padding);
  left: var(--padding);
  border-radius: var(--wp--custom--radius--large);
  transition: opacity 0.3s ease;
}
.block_history-picture:hover .caption {
  z-index: 10;
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--base);
  left: 3em;
  bottom: 2em;
  width: 80%;
  margin: 0;
}
.block_history-picture:hover::after {
  opacity: 0.8;
}

@media (min-width: 992px) {
  .block_history-item {
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
    row-gap: var(--row-gap);
  }
  .block_history-item:nth-child(odd) .block_history-pictures {
    grid-row: 1;
    grid-column: 1;
  }
  .block_history-item:nth-child(odd) .date::after {
    left: calc(-1 * (var(--gap) / 2 + var(--bullet-width) / 2));
    top: 50%;
  }
  .block_history-item:nth-child(even) .block_history-pictures {
    grid-row: 1;
    grid-column: 2;
  }
  .block_history-item:nth-child(even) .date::after {
    right: calc(-1 * (var(--gap) / 2 + var(--bullet-width) / 2));
    top: 33%;
  }
}