.main-news {
  margin-bottom: 48px;
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  .main-news {
    margin-bottom: 64px;
    margin-top: 64px;
  }
}
@media screen and (min-width: 768px) {
  .main-news {
    margin-bottom: 120px;
    margin-top: 120px;
  }
}
.main-news__head {
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  border-bottom: 1px solid var(--color-grey-3);
}
@media screen and (min-width: 768px) {
  .main-news__head {
    margin-bottom: 24px;
    align-items: start;
  }
}
.main-news__link {
  margin-right: 24px;
}
@media screen and (min-width: 768px) {
  .main-news__link {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-right: 32px;
  }
}
@media screen and (min-width: 768px) {
  .main-news__title {
    grid-column: 1/3;
    margin-bottom: 40px;
  }
}
.main-news__tabs {
  grid-column: 1/3;
  margin-bottom: 18px;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .main-news__tabs {
    grid-column: 1/2;
    grid-row: 2/3;
    margin-top: 0;
  }
}
.main-news__slider-button-corner {
  position: absolute;
  z-index: 2;
}
.main-news__slider-button-corner_top {
  top: -2px;
  left: -2px;
}
.main-news__slider-button-corner_bottom {
  bottom: -2px;
  right: -2px;
}
.main-news__slide {
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .main-news__slide {
    margin-bottom: 0;
  }
}
.main-news__slider {
  position: relative;
}
.main-news__slider:not(._active) {
  display: none;
}
@media screen and (min-width: 768px) {
  .main-news__slider {
    width: calc(100% - 130px);
    margin-right: auto;
  }
}
.main-news__slider-button {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .main-news__slider-button {
    border: 2px solid var(--color-grey-3);
    width: 112px;
    height: 26vw;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 24px;
    right: -126px;
    z-index: 10;
  }
}
@media screen and (min-width: 1024px) {
  .main-news__slider-button {
    height: 23vw;
  }
}
@media screen and (min-width: 1440px) {
  .main-news__slider-button {
    top: 36px;
    height: 240px;
  }
}
.main-news .swiper-slide {
  height: auto;
  display: none;
}
.main-news .swiper-slide:nth-child(-n + 3) {
  display: block;
}
@media screen and (min-width: 768px) {
  .main-news .swiper-slide {
    display: block;
  }
}
.main-news .swiper-wrapper {
  flex-direction: column;
  align-items: stretch;
}
@media screen and (min-width: 768px) {
  .main-news .swiper-wrapper {
    flex-direction: row;
  }
}