.SliderFacts {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  grid-column-gap: 32px;
  -moz-column-gap: 32px;
       column-gap: 32px;
  padding-top: 32px;
}

@media screen and (min-width: 769px) {

.SliderFacts {
    grid-template-columns: 275px minmax(0, 1fr);
    padding-top: 48px;
}
  }

.SliderFacts-year {
  grid-column: 1;
  align-self: flex-start;
  font-family: var(--font-secondary-wide);
  font-size: var(--font-size-2xl);
  font-weight: 900;
  line-height: var(--font-line-height-2xl);
  color: var(--clr-primary-02);
}

@media screen and (min-width: 769px) {

.SliderFacts-year {
    max-width: 270px;
    font-size: var(--font-size-4xl);
    hyphens: auto;
    line-height: var(--font-line-height-4xl);
    word-break: break-word;
}
  }

.SliderFacts-year.is--fixed {
    position: fixed;
    z-index: 20;
    top: 228px;
  }

.SliderFacts-year.is--bottom {
    position: absolute;
    top: auto;
    bottom: 48px;
  }

.SliderFacts-content {
  grid-column: 2;
  margin-top: -32px;
}

@media screen and (min-width: 769px) {

.SliderFacts-content {
    margin-top: -48px;
}
  }

.Text + .SliderFacts,
.Headline + .SliderFacts,
.Columns + .SliderFacts,
.SliderFacts + .SliderFacts {
  margin-top: var(--margin-m);
}

@media screen and (max-width: 768px) {

.Text + .SliderFacts,
.Headline + .SliderFacts,
.Columns + .SliderFacts,
.SliderFacts + .SliderFacts {
    margin-top: var(--margin-m--mobile);
}
  }
