.graph-statistics {
  margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .graph-statistics {
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1440px) {
  .graph-statistics {
    margin-bottom: 80px;
  }
}
.graph-statistics__title {
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .graph-statistics__title {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1440px) {
  .graph-statistics__title {
    margin-bottom: 48px;
  }
}
.graph-statistics__slider {
  margin: 0 -24px;
}
@media screen and (min-width: 768px) {
  .graph-statistics__slider {
    margin: 0;
  }
}
.graph-statistics__slide-line:first-of-type {
  background-color: red;
}
.graph-statistics__slide-line:first-of-type.graph-statistics__slide-line-content {
  background-color: red;
}
.graph-statistics__slide:first-of-type {
  color: var(--color-white);
}
.graph-statistics__slide-year {
  transform: rotateZ(-90deg);
  position: absolute;
  z-index: 1;
  left: -18px;
  margin-top: 8px;
}
@media screen and (min-width: 1024px) {
  .graph-statistics__slide-year {
    margin-top: 12px;
  }
}
@media screen and (min-width: 1440px) {
  .graph-statistics__slide-year {
    left: -28px;
  }
}
.graph-statistics__slide-line {
  position: relative;
  z-index: 1;
  margin-left: 15px;
}
@media screen and (min-width: 1440px) {
  .graph-statistics__slide-line {
    margin-left: 22px;
  }
}
.graph-statistics__slide-line-content {
  position: relative;
  z-index: 1;
  padding: 7px 8px;
  margin-bottom: 2px;
  border-radius: 5px;
}
.graph-statistics__slide-line-content_orange {
  background-color: var(--color-orange);
  color: var(--color-white);
}
.graph-statistics__slide-line-content_emerald {
  background-color: var(--color-emerald);
}
.graph-statistics__slide-line-content_grey {
  background-color: var(--color-grey-1);
}
.graph-statistics__slide-line-content_grey-1 {
  background-color: var(--color-grey-3);
}
.graph-statistics__slide-line-content_grey-2 {
  background-color: var(--color-grey-2);
}
.graph-statistics__slide-line-content[data-graph-indicator-progress] {
  width: calc(attr(data-graph-indicator-progress %) - 10%);
}
@media screen and (min-width: 1024px) {
  .graph-statistics__slide-line-content {
    padding: 10px 11px;
  }
}
@media screen and (min-width: 1440px) {
  .graph-statistics__slide-line-content {
    border-radius: 8px;
  }
}
.graph-statistics__slide-head {
  display: flex;
  align-items: flex-end;
  margin-bottom: 8px;
  margin-left: 14px;
}
@media screen and (min-width: 1440px) {
  .graph-statistics__slide-head {
    margin-bottom: 16px;
    margin-left: 22px;
  }
}
.graph-statistics__slide-title {
  display: block;
  margin-right: 4px;
  font-weight: var(--font-weight-normal);
  color: var(--color-black);
  font-size: 13px;
  line-height: 15px;
}
@media screen and (min-width: 1024px) {
  .graph-statistics__slide-title {
    font-size: 18px;
    line-height: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .graph-statistics__slide-title {
    font-size: var(--font-size-xl);
    line-height: var(--line-height-l);
    margin-right: 8px;
  }
}
.graph-statistics__text_small {
  display: block;
  font-size: 7px;
  line-height: 8px;
  color: var(--color-grey-1);
}
@media screen and (min-width: 1440px) {
  .graph-statistics__text_small {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
  }
}
.graph-statistics__slide-subtitle {
  margin-bottom: 3px;
}
.graph-statistics__graph-info-text {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
  display: block;
  font-weight: var(--font-weight-normal);
}
@media screen and (min-width: 1024px) {
  .graph-statistics__graph-info-text {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
  }
}
@media screen and (min-width: 1440px) {
  .graph-statistics__graph-info-text {
    font-size: var(--font-size-m);
    line-height: var(--line-height-m);
  }
}
.graph-statistics__pagination {
  padding: 24px 24px 0;
}
.graph-statistics__cropped-corner {
  transform: rotateY(180deg);
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 12px;
  width: 12px;
}
@media screen and (min-width: 1440px) {
  .graph-statistics__cropped-corner {
    height: 18px;
    width: 18px;
  }
}
.graph-statistics .swiper-wrapper {
  align-items: stretch;
}
@media screen and (min-width: 768px) {
  .graph-statistics .swiper-wrapper {
    flex-wrap: wrap;
    width: unset;
    margin-right: -24px;
  }
}