* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}

@font-face {
  font-family: "Benzin-Bold";
  src: local("Benzin Bold"), url("https://gb.ru/channels/shared-components_banners/fonts/Benzin-Bold.woff") format("woff"), url("https://gb.ru/channels/shared-components_banners/fonts/Benzin-Bold.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Benzin-Medium";
  src: local("Benzin Medium"), url("https://gb.ru/channels/shared-components_banners/fonts/Benzin-Medium.woff") format("woff"), url("https://gb.ru/channels/shared-components_banners/fonts/Benzin-Medium.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}
body {
  margin: 0 16px;
}
@media (min-width: 768px) {
  body {
    margin: 0 24px;
  }
}
@media (min-width: 1280px) {
  body {
    margin: 0 32px;
  }
}
@media (min-width: 1920px) {
  body {
    margin: 0 48px;
  }
}

.ny-banner {
  width: 100%;
  height: 140px;
  background-color: #007AFF;
  color: #FFF;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .ny-banner {
    height: 80px;
  }
}
.ny-banner.--theme-purple {
  background-color: #8D46F6;
}
.ny-banner.--theme-developer {
  border-radius: 24px;
  margin: 8px 0;
}
.ny-banner__decor-left {
  display: none;
}
@media (min-width: 768px) {
  .ny-banner__decor-left {
    display: block;
    width: 965px;
    position: absolute;
    top: -426px;
    left: -681px;
    mix-blend-mode: hard-light;
    z-index: 0;
    filter: blur(4px);
    transform: rotate(148deg);
  }
}
@media (min-width: 1024px) {
  .ny-banner__decor-left {
    left: -681px;
  }
}
@media (min-width: 1280px) {
  .ny-banner__decor-left {
    top: -262px;
    left: -381px;
  }
}
.ny-banner__decor-right {
  width: 965px;
  position: absolute;
  top: -342px;
  right: -591px;
  mix-blend-mode: hard-light;
  z-index: 0;
  filter: blur(4px);
}
@media (min-width: 768px) {
  .ny-banner__decor-right {
    right: -669px;
  }
}
@media (min-width: 1024px) {
  .ny-banner__decor-right {
    right: -635px;
  }
}
@media (min-width: 1280px) {
  .ny-banner__decor-right {
    right: -623px;
  }
}
@media (min-width: 1440px) {
  .ny-banner__decor-right {
    right: -540px;
  }
}
@media (min-width: 1920px) {
  .ny-banner__decor-right {
    right: -359px;
  }
}
.ny-banner__snowflake-01, .ny-banner__snowflake-02, .ny-banner__snowflake-03, .ny-banner__snowflake-04 {
  position: absolute;
  z-index: 1;
  mix-blend-mode: lighten;
}
.ny-banner__snowflake-01.--theme-purple, .ny-banner__snowflake-02.--theme-purple, .ny-banner__snowflake-03.--theme-purple, .ny-banner__snowflake-04.--theme-purple {
  mix-blend-mode: luminosity;
}
.ny-banner__snowflake-01 {
  top: -61px;
  left: -68px;
  width: 134px;
}
@media (min-width: 768px) {
  .ny-banner__snowflake-01 {
    top: -30px;
    left: -144px;
    width: 225px;
  }
}
@media (min-width: 1024px) {
  .ny-banner__snowflake-01 {
    top: -23px;
    left: -127px;
  }
}
@media (min-width: 1280px) {
  .ny-banner__snowflake-01 {
    left: -49px;
  }
}
@media (min-width: 1440px) {
  .ny-banner__snowflake-01 {
    left: 79px;
  }
}
@media (min-width: 1920px) {
  .ny-banner__snowflake-01 {
    left: 115px;
  }
}
.ny-banner__snowflake-02 {
  top: -33px;
  left: 171px;
  width: 87px;
}
@media (min-width: 768px) {
  .ny-banner__snowflake-02 {
    width: 90px;
    top: -34px;
    left: 92px;
  }
}
@media (min-width: 1024px) {
  .ny-banner__snowflake-02 {
    top: -34px;
    left: 129px;
  }
}
@media (min-width: 1280px) {
  .ny-banner__snowflake-02 {
    top: -34px;
    left: 231px;
  }
}
@media (min-width: 1440px) {
  .ny-banner__snowflake-02 {
    top: -34px;
    left: 322px;
  }
}
@media (min-width: 1920px) {
  .ny-banner__snowflake-02 {
    top: -34px;
    left: 369px;
  }
}
.ny-banner__snowflake-03 {
  display: none;
}
@media (min-width: 768px) {
  .ny-banner__snowflake-03 {
    display: block;
    width: 98px;
    top: -36px;
    right: 76px;
  }
}
@media (min-width: 1024px) {
  .ny-banner__snowflake-03 {
    top: -36px;
    right: 106px;
  }
}
@media (min-width: 1280px) {
  .ny-banner__snowflake-03 {
    top: -36px;
    right: 143px;
  }
}
@media (min-width: 1440px) {
  .ny-banner__snowflake-03 {
    top: -36px;
    right: 234px;
  }
}
@media (min-width: 1920px) {
  .ny-banner__snowflake-03 {
    top: -36px;
    right: 371px;
  }
}
@media (min-width: 768px) {
  .ny-banner__snowflake-03.--theme-developer {
    display: block;
    width: 98px;
    top: -36px;
    right: 18px;
  }
}
@media (min-width: 1024px) {
  .ny-banner__snowflake-03.--theme-developer {
    top: -36px;
    right: 55px;
  }
}
@media (min-width: 1280px) {
  .ny-banner__snowflake-03.--theme-developer {
    top: -36px;
    right: 90px;
  }
}
@media (min-width: 1440px) {
  .ny-banner__snowflake-03.--theme-developer {
    top: -36px;
    right: 171px;
  }
}
@media (min-width: 1920px) {
  .ny-banner__snowflake-03.--theme-developer {
    top: -36px;
    right: 266px;
  }
}
.ny-banner__snowflake-04 {
  display: none;
}
@media (min-width: 1920px) {
  .ny-banner__snowflake-04 {
    display: block;
    width: 60px;
    top: 27px;
    right: 325px;
  }
}
@media (min-width: 1920px) {
  .ny-banner__snowflake-04.--theme-developer {
    display: block;
    width: 60px;
    top: 27px;
    right: 214px;
  }
}
.ny-banner__ny-promotion {
  position: absolute;
  text-transform: uppercase;
  top: 16px;
  left: 16px;
  z-index: 5;
  background-color: #FFF;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  line-height: 120%;
  padding: 6px 16px 4px 16px;
  border-radius: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .ny-banner__ny-promotion {
    max-width: 140px;
    font-size: 14px;
    top: 18px;
    left: 24px;
    padding: 6px 24px 4px 24px;
  }
}
@media (min-width: 1024px) {
  .ny-banner__ny-promotion {
    max-width: 177px;
    font-size: 18px;
    top: 13px;
    left: 24px;
  }
}
@media (min-width: 1280px) {
  .ny-banner__ny-promotion {
    max-width: none;
    font-size: 18px;
    top: 23.5px;
    left: 75px;
  }
}
.ny-banner__text {
  font-family: "Benzin-Bold", sans-serif;
  width: 216px;
  position: absolute;
  top: 60px;
  left: 16px;
  z-index: 5;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .ny-banner__text {
    width: 421px;
    top: 16px;
    left: 188px;
    font-size: 20px;
    line-height: 120%;
  }
}
@media (min-width: 1024px) {
  .ny-banner__text {
    width: 616px;
    top: 14px;
    left: 226px;
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .ny-banner__text {
    width: 672px;
    top: 11px;
    left: 368px;
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .ny-banner__text {
    top: 12px;
    left: 452px;
  }
}
@media (min-width: 1920px) {
  .ny-banner__text {
    width: initial;
    top: 30px;
    left: 467px;
  }
}
.ny-banner__gift {
  position: absolute;
  width: 226px;
  top: -37px;
  right: -73px;
  z-index: 5;
}
@media (min-width: 768px) {
  .ny-banner__gift {
    display: none;
  }
}
@media (min-width: 1440px) {
  .ny-banner__gift {
    display: block;
    width: 126px;
    top: -11px;
    right: -24px;
    transform: rotate(352deg);
  }
}
@media (min-width: 1920px) {
  .ny-banner__gift {
    right: 31px;
  }
}
.ny-banner__gift.--theme-developer {
  position: absolute;
  width: 171px;
  top: -9px;
  right: -55px;
  z-index: 5;
}
@media (min-width: 1440px) {
  .ny-banner__gift.--theme-developer {
    display: block;
    width: 126px;
    top: -11px;
    right: -40px;
    transform: rotate(352deg);
  }
}
@media (min-width: 1920px) {
  .ny-banner__gift.--theme-developer {
    top: -14px;
    right: 5px;
  }
}

.brake-line {
  display: none;
}
@media (min-width: 1024px) {
  .brake-line {
    display: block;
  }
}
@media (min-width: 1920px) {
  .brake-line {
    display: none;
  }
}

/*# sourceMappingURL=bf-macroni.css.map */