&.n-scrollytelling--theme-sans {
  font-family: var(--o3-font-family-metric), sans-serif;

  .n-scrollytelling__overlay-text-box {
    padding: 28px;
  }

  .n-scrollytelling__overlay-text {
    font-size: var(--o3-type-body-lg-font-size);
    line-height: var(--o3-font-lineheight-3);
    text-align: left;
  }

  .n-scrollytelling__overlay-text strong {
    font-weight: 600;
  }

  .n-scrollytelling__overlay-text-slide {
    width: 100%;
    box-sizing: border-box;
    border: 20px solid transparent;
    margin-left: auto;
    margin-right: auto;
  }

  @include oGridRespondTo($from: M) {
    .n-scrollytelling__overlay-text-slide {
      width: 60%;
    }

    .n-scrollytelling__overlay-text-slide--position-left {
      margin-left: 50px;
      width: 50%;
    }

    .n-scrollytelling__overlay-text-slide--position-right {
      margin-right: 50px;
      width: 50%;
    }
  }

  @include oGridRespondTo($from: L) {
    .n-scrollytelling__overlay-text-slide {
      width: 55.56%;
    }

    .n-scrollytelling__overlay-text-slide--position-left {
      margin-left: 100px;
      width: 30%;
    }

    .n-scrollytelling__overlay-text-slide--position-right {
      margin-right: 100px;
      width: 30%;
    }
  }
}