@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Manrope"),
    url("https://static.rambler.ru/fonts/Manrope/regular.woff2") format("woff2");
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Manrope"),
    url("https://static.rambler.ru/fonts/Manrope/medium.woff2") format("woff2");
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Manrope"),
    url("https://static.rambler.ru/fonts/Manrope/semibold.woff2") format("woff2");
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Manrope"),
    url("https://static.rambler.ru/fonts/Manrope/bold.woff2") format("woff2");
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local("Manrope"),
    url("https://static.rambler.ru/fonts/Manrope/extrabold.woff2") format("woff2");
}

/* Set up Manrope for modern browsers, all weights */
@supports (font-variation-settings: normal) {
  @font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 400 800;
    font-stretch: normal;
    font-display: swap;
    src: local("Manrope"),
      url("https://static.rambler.ru/fonts/Manrope/variable.woff2") format('woff2 supports variations'),
      url("https://static.rambler.ru/fonts/Manrope/variable.woff2") format('woff2-variations');
  }
}