.ratings__intro {
  padding-top: 0;
}

.ratings__intro .m-breadcrumbs__link--last {
  color: var(--a-color_dark);
}

.ratings__intro .m-breadcrumbs .swiper-slide:not(:first-child):before {
  color: var(--a-color_grey_80);
}

.ratings__intro .l-section__inner {
  z-index: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--gap_def);
  width: auto;
  min-height: calc(var(--scale) * 438);
  margin: 0 calc(var(--scale) * -12);
  text-align: center;
  padding: var(--padding_def);
  background-color: var(--a-color_grey_40);
  border-radius: calc(var(--scale) * 16);
}

.ratings__intro picture {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratings__intro picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ratings__intro-title {
  margin-top: auto;
}

.ratings__intro-text {
  color: var(--a-color_grey_80);
}

.ratings__about-wrap {
  display: grid;
  gap: var(--gap_def);
}

.ratings__about-desc {
  display: flex;
  flex-direction: column;
  gap: var(--gap_def);
  justify-content: space-between;
  padding: var(--padding_def);
  background-color: var(--a-color_white);
  border-radius: calc(var(--scale) * 16);
}

.ratings__about-img {
  order: -1;
  overflow: hidden;
  border-radius: calc(var(--scale) * 16);
}

.s-ratings__slider {
  overflow: visible;
  width: 100%;
}

.s-ratings__slider.--dark .swiper-navigation button {
  color: var(--a-color_white);
  background-color: var(--a-color_grey_100);
}

.s-ratings__slider .swiper-slide {
  overflow: hidden;
  width: calc(var(--scale) * 280);
  height: auto;
  border-radius: calc(var(--scale) * 16);
}

.s-ratings__slide {
  cursor: pointer;
  display: block;
  height: 100%;
  min-height: calc(var(--scale) * 160);
  padding: var(--padding_def);
  background-color: var(--a-color_grey_40);
  transition: var(--transition);
}

.s-ratings__slide:hover {
  background-color: var(--a-color_red);
  color: var(--a-color_white);
}

.s-ratings__slide:hover .s-ratings__slide-bg-num {
  text-shadow: 0 2px 2px var(--a-color_red), 0 -2px 2px rgba(92, 0, 0, 0.15), 0 4px 4px #ff9090;
}

.s-ratings__slide:hover .s-ratings__slide-bg-img {
  opacity: 0;
}

.s-ratings__slide:hover .s-ratings__slide-bg-img.--hover {
  opacity: .5;
}

.s-ratings__slide-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.s-ratings__slide-bg-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(var(--scale) * 150);
  height: calc(var(--scale) * 140);
}

.s-ratings__slide-bg-img.--hover {
  opacity: 0;
}

.s-ratings__slide-bg-num {
  position: absolute;
  left: auto;
  top: auto;
  z-index: 1;
  right: calc(var(--scale) * 22);
  bottom: calc(var(--scale) * -58);
  font-size: calc(var(--scale) * 210);
  font-family: "Raleway";
  font-weight: 900;
  line-height: normal;
  text-align: center;
  color: transparent;
  letter-spacing: calc(var(--scale) * -18);
  transition: var(--transition);
  text-shadow: 0 2px 2px var(--a-color_grey_40), 0 -2px 2px rgba(140, 140, 140, 0.15), 0 4px 4px var(--a-color_white);
}

.s-ratings__slide-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.s-ratings__slide-title {
  margin: 0 0 calc(var(--scale) * 4);
  padding-right: calc(var(--scale) * 90);
}

.s-ratings__slide-subtitle {
  margin: 0 0 calc(var(--scale) * 4);
}

.s-ratings__slide-text {
  margin: auto 0 0;
  opacity: .5;
}

.s-ratings__slide:hover .s-ratings__slide-text {
  opacity: .8;
}

.s-ratings__slide-position {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--scale) * 6) calc(var(--scale) * 12);
  border-radius: calc(var(--scale) * 20);
  background-color: var(--a-color_grey_10);
  white-space: nowrap;
  color: var(--a-color_dark);
}

.s-ratings__slide-position.--up:before,
.s-ratings__slide-position.--down:before {
  content: "";
  width: 0;
  height: 0;
  margin-right: calc(var(--scale) * 4);
  border-style: solid;
}

.s-ratings__slide-position.--up:before {
  color: var(--a-color_rating-green);
  border-width: 0 calc(var(--scale) * 6) calc(var(--scale) * 10) calc(var(--scale) * 6);
  border-color: transparent transparent currentColor transparent;
}

.s-ratings__slide-position.--down:before {
  border-width: calc(var(--scale) * 10) calc(var(--scale) * 6) 0 calc(var(--scale) * 6);
  border-color: currentColor transparent transparent transparent;
}

.ratings__list-wrap {
  display: grid;
  gap: var(--gap_def);
}

.ratings__list .s-ratings__slide {
  overflow: hidden;
  position: relative;
  height: calc(var(--scale) * 183);
  border-radius: calc(var(--scale) * 16);
}

.ratings__list .s-ratings__slide:hover .s-ratings__slide-year {
  color: var(--a-color_white);
  border-color: var(--a-color_white);
}

.ratings__list .s-ratings__slide:hover .s-ratings__slide-logo {
  background-color: var(--a-color_white);
}

.ratings__list .s-ratings__slide-text {
  margin: 0;
  opacity: 1;
}

.ratings__list .s-ratings__slide-difference {
  margin-left: calc(var(--scale) * 4);
  color: var(--a-color_green);
}

.ratings__list .s-ratings__slide-bottom {
  display: grid;
  width: max-content;
  grid-auto-flow: column;
  gap: calc(var(--scale) * 6);
  margin-top: auto;
}

.ratings__list .s-ratings__slide-year {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--scale) * 32);
  padding: 0 calc(var(--scale) * 12);
  color: var(--a-color_grey_100);
  border: 1px solid var(--a-color_grey_60);
  border-radius: calc(var(--scale) * 4);
  transition: var(--transition);
  white-space: nowrap;
}

.ratings__list .s-ratings__slide-year br {
  display: none;
}

.ratings__list .s-ratings__slide-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--scale) * 32);
  padding: 0 calc(var(--scale) * 12);
  background-color: var(--a-color_grey_20);
  border-radius: calc(var(--scale) * 4);
  transition: var(--transition);
}

.ratings__list .s-ratings__slide-logo img {
  height: calc(var(--scale) * 14);
  width: auto;
  filter: grayscale(1);
}

@media only screen and (min-width: 768px) {
  .ratings__intro .l-section__inner {
    text-align: left;
    min-height: calc(var(--scale) * 250);
    margin: 0;
  }

  .ratings__intro-title {
    margin-top: 0;
  }

  .ratings__intro-text {
    margin-top: auto;
    max-width: calc(var(--scale) * 465);
  }

  .ratings__about-wrap {
    grid-template-columns: repeat(2, 1fr);
  }

  .ratings__list-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1200px) {
  .ratings__intro {
    padding-bottom: 0;
  }

  .ratings__intro .l-section__inner {
    min-height: calc(var(--scale) * 360);
  }

  .ratings__intro-text {
    max-width: calc(var(--scale) * 750);
  }

  .ratings__about-img {
    order: 1;
  }

  .s-ratings__slider .swiper-slide {
    width: calc((100%  - var(--gap_def) * 2) / 3);
  }

  .s-ratings__slide {
    min-height: calc(var(--scale) * 320);
  }

  .s-ratings__slide-bg-img {
    width: calc(var(--scale) * 315);
    height: calc(var(--scale) * 276);
  }

  .s-ratings__slide-bg-num {
    bottom: calc(var(--scale) * -140);
    right: calc(var(--scale) * 72);
    font-size: calc(var(--scale) * 395);
    letter-spacing: calc(var(--scale) * -72);
  }

  .s-ratings__slide-title {
    max-width: calc(var(--scale) * 430);
    margin: 0 0 calc(var(--scale) * 12);
  }

  .s-ratings__slide-subtitle {
    max-width: calc(var(--scale) * 450);
    margin: 0 0 calc(var(--scale) * 12);
  }

  .s-ratings__slide-position {
    padding: calc(var(--scale) * 10) calc(var(--scale) * 20);
  }

  .s-ratings__slide-position.--up:before,
  .s-ratings__slide-position.--down:before {
    margin-right: calc(var(--scale) * 10);
  }

  .s-ratings__slide-position.--up:before {
    border-width: 0 calc(var(--scale) * 8) calc(var(--scale) * 12) calc(var(--scale) * 8);
  }

  .s-ratings__slide-position.--down:before {
    border-width: calc(var(--scale) * 12) calc(var(--scale) * 8) 0 calc(var(--scale) * 8);
  }

  .ratings__list-wrap {
    grid-template-columns: repeat(3, 1fr);
  }

  .ratings__list .s-ratings__slide {
    height: calc(var(--scale) * 320);
  }

  .ratings__list .s-ratings__slide-title {
    padding-right: 0;
  }

  .ratings__list .s-ratings__slide-year {
    height: calc(var(--scale) * 58);
    padding: 0 calc(var(--scale) * 20);
    border-radius: calc(var(--scale) * 8);
  }

  .ratings__list .s-ratings__slide-logo {
    height: calc(var(--scale) * 58);
    padding: 0 calc(var(--scale) * 20);
    border-radius: calc(var(--scale) * 8);
  }

  .ratings__list .s-ratings__slide-logo img {
    height: calc(var(--scale) * 25);
  }
}
/*# sourceMappingURL=maps/ratings.css.map */