/* stylelint-disable */
/* stylelint-enable */
:host {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  hyphens: auto;
  margin: 0;
  max-width: 60ch;
}

.subsection-100 {
  font-family: "TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: calc(1.6rem * var(--voca-rem-multiplier));
  line-height: 1.25;
}

.title-100 {
  font-family: "TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: calc(1.6rem * var(--voca-rem-multiplier));
  line-height: 1.25;
}
@media screen and (min-width: 37.5em) {
  .title-100 {
    font-size: calc(
    calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 *
      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
  );
  }
}
@media screen and (min-width: 90em) {
  .title-100 {
    font-size: calc(2rem * var(--voca-rem-multiplier));
  }
}

.title-200 {
  font-family: "TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: calc(2rem * var(--voca-rem-multiplier));
  line-height: 1.25;
}
@media screen and (min-width: 37.5em) {
  .title-200 {
    font-size: calc(
    calc(2rem * var(--voca-rem-multiplier)) + 0.4 *
      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
  );
  }
}
@media screen and (min-width: 90em) {
  .title-200 {
    font-size: calc(2.4rem * var(--voca-rem-multiplier));
  }
}

.title-300 {
  font-family: "TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: calc(2.4rem * var(--voca-rem-multiplier));
  line-height: 1.25;
}
@media screen and (min-width: 37.5em) {
  .title-300 {
    font-size: calc(
    calc(2.4rem * var(--voca-rem-multiplier)) + 0.8 *
      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
  );
  }
}
@media screen and (min-width: 90em) {
  .title-300 {
    font-size: calc(3.2rem * var(--voca-rem-multiplier));
  }
}

.title-400 {
  font-family: "TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: calc(2.8rem * var(--voca-rem-multiplier));
  line-height: 1.25;
}
@media screen and (min-width: 37.5em) {
  .title-400 {
    font-size: calc(
    calc(2.8rem * var(--voca-rem-multiplier)) + 1.2 *
      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
  );
  }
}
@media screen and (min-width: 90em) {
  .title-400 {
    font-size: calc(4rem * var(--voca-rem-multiplier));
  }
}

.title-500 {
  font-family: "TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: calc(3.2rem * var(--voca-rem-multiplier));
  line-height: 1;
}
@media screen and (min-width: 37.5em) {
  .title-500 {
    font-size: calc(
    calc(3.2rem * var(--voca-rem-multiplier)) + 1.6 *
      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
  );
  }
}
@media screen and (min-width: 90em) {
  .title-500 {
    font-size: calc(4.8rem * var(--voca-rem-multiplier));
  }
}

.title-600 {
  font-family: "TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: calc(3.6rem * var(--voca-rem-multiplier));
  line-height: 1;
}
@media screen and (min-width: 37.5em) {
  .title-600 {
    font-size: calc(
    calc(3.6rem * var(--voca-rem-multiplier)) + 2 *
      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
  );
  }
}
@media screen and (min-width: 90em) {
  .title-600 {
    font-size: calc(5.6rem * var(--voca-rem-multiplier));
  }
}

.title-700 {
  font-family: "TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: calc(4rem * var(--voca-rem-multiplier));
  line-height: 1;
}
@media screen and (min-width: 37.5em) {
  .title-700 {
    font-size: calc(
    calc(4rem * var(--voca-rem-multiplier)) + 2.4 *
      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
  );
  }
}
@media screen and (min-width: 90em) {
  .title-700 {
    font-size: calc(6.4rem * var(--voca-rem-multiplier));
  }
}

.display-25 {
  font-family: "TeliaSansHeading", "TeliaSans", "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: calc(3.2rem * var(--voca-rem-multiplier));
  line-height: 1;
}
@media screen and (min-width: 37.5em) {
  .display-25 {
    font-size: calc(
    calc(3.2rem * var(--voca-rem-multiplier)) + 1.6 *
      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
  );
  }
}
@media screen and (min-width: 90em) {
  .display-25 {
    font-size: calc(4.8rem * var(--voca-rem-multiplier));
  }
}

.display-50 {
  font-family: "TeliaSansHeading", "TeliaSans", "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: calc(3.6rem * var(--voca-rem-multiplier));
  line-height: 1;
}
@media screen and (min-width: 37.5em) {
  .display-50 {
    font-size: calc(
    calc(3.6rem * var(--voca-rem-multiplier)) + 2 *
      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
  );
  }
}
@media screen and (min-width: 90em) {
  .display-50 {
    font-size: calc(5.6rem * var(--voca-rem-multiplier));
  }
}

.display-100 {
  font-family: "TeliaSansHeading", "TeliaSans", "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: calc(4rem * var(--voca-rem-multiplier));
  line-height: 1;
}
@media screen and (min-width: 37.5em) {
  .display-100 {
    font-size: calc(
    calc(4rem * var(--voca-rem-multiplier)) + 2.4 *
      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
  );
  }
}
@media screen and (min-width: 90em) {
  .display-100 {
    font-size: calc(6.4rem * var(--voca-rem-multiplier));
  }
}

.display-200 {
  font-family: "TeliaSansHeading", "TeliaSans", "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: calc(4.8rem * var(--voca-rem-multiplier));
  line-height: 1;
}
@media screen and (min-width: 37.5em) {
  .display-200 {
    font-size: calc(
    calc(4.8rem * var(--voca-rem-multiplier)) + 3.2 *
      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
  );
  }
}
@media screen and (min-width: 90em) {
  .display-200 {
    font-size: calc(8rem * var(--voca-rem-multiplier));
  }
}