/*
 * main page
 */
/*
 * variables
 */
.published {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.published a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.published__ava {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.published__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0px 5px;
  margin: 0;
  line-height: 1;
}
.published__name,
.published__separator,
.published__published-date {
  font-size: 12px;
}
.published__name {
  text-decoration: none;
}
.creator {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 800px;
  gap: 12px 32px;
}
.creator__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 16px 24px;
  width: 100%;
}
@media (min-width: 480px) {
  .creator__details {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 24px 32px;
  }
}
.creator__details .creator__contacts {
  margin: 12px 0 0;
  padding: 0;
}
.creator__details .creator__ava {
  max-width: inherit;
}
@media (min-width: 480px) {
  .creator__details .creator__ava {
    max-width: 100px;
  }
}
@media (min-width: 768px) {
  .creator__details .creator__ava {
    max-width: inherit;
  }
}
.creator__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 16px 24px;
  width: 100%;
  text-decoration: none;
}
@media (min-width: 480px) {
  .creator__link {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 24px 32px;
  }
}
.creator__ava {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 70px;
  border-radius: 50%;
}
@media (min-width: 480px) {
  .creator__ava {
    max-width: inherit;
  }
}
.creator__head {
  margin: 0 0 8px;
  background: radial-gradient(100% 100% at 50% 0%, #11c8fa 0%, #1e70f1 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.creator__name-link {
  text-decoration: none;
}
.creator__name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0 12px;
  color: #272a36;
  text-decoration: none;
}
@media (min-width: 480px) {
  .creator__name {
    margin: 0 0 8px;
  }
}
.creator__position {
  margin: 0 0 12px;
  font-size: 14px;
  color: #272a36;
}
.creator__position span {
  color: #4778ee;
}
.creator__about {
  max-width: 400px;
  margin: 0;
  font-size: 12px;
  color: #8e8e93;
}
.creator__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 24px;
}
@media (min-width: 480px) {
  .creator__contacts {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 0 132px;
  }
}
.creator__email, 
.creator__website {
  font-size: 12px;
  color: #4778ee;
  text-decoration: none;
}
.creator__email:hover,
.creator__website:hover {
  text-decoration: underline;
  color: #4778ee;
}
.info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 12px;
}
.info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.info__category {
  text-decoration: none;
}
.info__separator {
  width: 1px;
  height: 14px;
  background-color: #8e8e93;
}
.pagination {
  margin: 0 0 60px;
}
.pagination__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.pagination__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #e5e6ee;
  background-color: #fff;
  cursor: pointer;
}
@media (min-width: 480px) {
  .pagination__button {
    width: 32px;
    height: 32px;
  }
}
.pagination__button:hover {
  background-color: #4778ee;
  border: 1px solid #4778ee;
}
.pagination__button:hover .pagination__prev,
.pagination__button:hover .pagination__next {
  background-color: #fff;
}
.pagination__button:disabled {
  border: 1px solid #e5e6ee;
  background-color: #fff;
}
.pagination__button:disabled .pagination__prev,
.pagination__button:disabled .pagination__next {
  background-color: #8e8e93;
}
.pagination__prev,
.pagination__next {
  width: 16px;
  height: 16px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  background-color: #4778ee;
}
.pagination__prev {
  -webkit-mask: url("../images/icons/chevron_left.svg");
          mask: url("../images/icons/chevron_left.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.pagination__next {
  -webkit-mask: url("../images/icons/chevron_right.svg");
          mask: url("../images/icons/chevron_right.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.pagination__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  padding: 8px;
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
  color: #8e8e93;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #e5e6ee;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (min-width: 480px) {
  .pagination__link {
    width: 32px;
    height: 32px;
  }
}
.pagination__link:hover {
  background-color: #4778ee;
  border: 1px solid #4778ee;
  color: #fff;
}
.pagination__link:hover .pagination__prev,
.pagination__link:hover .pagination__next {
  background-color: #fff;
}
.pagination__link.active {
  background-color: #4778ee;
  border: 1px solid #4778ee;
  color: #fff;
}
.pagination__link.more {
  border: 1px solid #fff;
}
.button, .gb-button {
/*   -ms-flex-negative: 0;
      flex-shrink: 0; */
  position: relative;
  z-index: 1;
/*   display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; */
  height: 40px;
  border-radius: 8px;
  padding: 8px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.7;
  text-align: center;
  color: #fff;
  background: #4778ee;
  -webkit-box-shadow: 0 6px 12px 0 rgba(17,54,141,0.1), 0 22px 22px 0 rgba(17,54,141,0.09), 0 50px 30px 0 rgba(17,54,141,0.05), 0 90px 36px 0 rgba(17,54,141,0.01), 0 140px 39px 0 rgba(17,54,141,0);
          box-shadow: 0 6px 12px 0 rgba(17,54,141,0.1), 0 22px 22px 0 rgba(17,54,141,0.09), 0 50px 30px 0 rgba(17,54,141,0.05), 0 90px 36px 0 rgba(17,54,141,0.01), 0 140px 39px 0 rgba(17,54,141,0);
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  cursor: pointer;
}
.button:after, .gb-button:after {
  content: "";
  position: absolute;
  -webkit-transform: translate3d(0, 100%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
          transform: translate3d(0, 100%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  background-color: #3667dd;
  border-radius: 500px;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  bottom: auto;
  left: -10%;
  right: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: -1;
}
.button:hover, .gb-button:hover {
  background-color: #3667dd;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button:hover:after, .gb-button:hover:after {
  -webkit-transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
          transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
}
.button__second {
  color: #4778ee;
  background: #fff;
  border: 1px solid #4778ee;
}
.button__second:after {
  content: none;
}
.button__second:hover {
  color: #4778ee;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cta .banner {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 480px) {
  .cta .banner {
    width: calc(100% / 2 - 12px);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 768px) {
  .cta .banner {
    width: calc(100% / 3 - 16px);
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 1000px) {
  .cta .banner {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    width: calc(100% / 4 - 18px);
  }
}
.banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 12px;
}
.banner__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.banner__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
/* .banner__image:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
} */
.empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.empty__image {
  margin: 0 auto 42px;
}
.empty__head {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #272a36;
}
.empty__text {
  margin: 0 0 24px;
  font-size: 14px;
  text-align: center;
  color: #272a36;
}
.share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.share.is-mobile {
  display: block;
}
@media (min-width: 768px) {
  .share.is-mobile {
    display: none;
  }
}
.share.is-mobile .share__text {
  font-weight: 500;
  font-size: 14px;
  color: #4778ee;
  cursor: pointer;
}
.share.is-mobile .share__text-icon {
  width: 20px;
  height: 20px;
  background: url("../images/icons/arrow_right_alt.svg") no-repeat center;
  background-size: cover;
}
.share.is-desktop {
  position: fixed;
  bottom: -100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px 0;
  width: 100%;
  padding: 18px 20px 14px;
  background-color: #fff;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}
.share.is-desktop.active {
  bottom: 0;
  z-index: 3;
}
@media (min-width: 768px) {
  .share.is-desktop {
    position: static;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: auto;
    padding: 0;
    background-color: transparent;
  }
}
.share.is-desktop .share__text {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  font-size: 16px;
}
@media (min-width: 768px) {
  .share.is-desktop .share__text {
    width: auto;
    font-size: 14px;
  }
}
.share.is-desktop .share__text-icon {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/icons/close.svg") no-repeat center;
  background-size: cover;
  cursor: pointer;
}
@media (min-width: 768px) {
  .share.is-desktop .share__text-icon {
    display: none;
  }
}
.share__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #272a36;
}
.share__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.share__link {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.share__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  width: 100%;
  height: 40px;
  border: 1px solid #e5e6ee;
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
}
@media (min-width: 768px) {
  .share__button {
    display: none;
  }
}
.share__button.copied .share__button-icon {
  background: url("../images/icons/link_copied.svg") no-repeat center;
  background-size: cover;
}
.share__button.copied .share__button-text:before {
  content: "Ссылка скопирована";
}
.share__button-icon {
  width: 20px;
  height: 20px;
  background: url("../images/icons/link.svg") no-repeat center;
  background-size: cover;
}
.share__button-text {
  position: relative;
  font-size: 16px;
  color: #272a36;
  text-align: center;
}
.share__button-text:before {
  content: "Копировать ссылку";
}
.navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  margin: 32px 0 0;
}
.navigation__prev,
.navigation__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #f1f5fb;
  border-radius: 50%;
  border: none;
  outline: none;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.navigation__prev:hover,
.navigation__next:hover {
  background-color: #4778ee;
}
.navigation__prev:hover .navigation__arrow,
.navigation__next:hover .navigation__arrow {
  background: #fff;
}
.navigation__arrow {
  width: 24px;
  height: 24px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.navigation__prev .navigation__arrow {
  -webkit-mask: url("../images/icons/arrow_left.svg");
          mask: url("../images/icons/arrow_left.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #8e8e93;
}
.navigation__next .navigation__arrow {
  -webkit-mask: url("../images/icons/arrow_right.svg");
          mask: url("../images/icons/arrow_right.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #8e8e93;
}
.article-preview:has(.preview__head:hover) .preview__image {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.article-preview .preview__link:hover .preview__image {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.article-preview .preview__link:hover ~ .preview__info .preview__head {
  color: #4778ee;
}
.article-preview .preview__image {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.article-preview .preview__head {
  color: #272a36;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.article-preview .preview__head:hover {
  color: #4778ee;
}
.article-preview .info__category {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.article-preview .info__category:hover {
  color: #4778ee;
}
.article-preview .published a:hover + .published__info .published__name {
  color: #4778ee;
}
.article-preview .published .published__name:hover {
  color: #4778ee;
}
.article-preview .published__name {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.latest .preview__image {
  -webkit-transition: -webkit-transform 0.4s ease 0.1s;
  transition: -webkit-transform 0.4s ease 0.1s;
  transition: transform 0.4s ease 0.1s;
  transition: transform 0.4s ease 0.1s, -webkit-transform 0.4s ease 0.1s;
}
.article__head-wrapper .article-preview .preview__image {
  -webkit-transition: none;
  transition: none;
}
.article__head-wrapper .article-preview:hover .preview__image {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.categories {
  margin: 16px 0 0;
}
.categories__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.categories__link {
  height: 18px;
  padding: 2px 4.5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  background-color: #F7F7F7;
  color: #272a36;
  border-radius: 4px;
  text-decoration: none;
  -webkit-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}
.categories__link:hover {
  background-color: #EBECF2;
}
.start {
  margin: 0 0 32px;
}
.start__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 1000px) {
  .start__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.start .popular__title,
.start .latest__title {
  margin: 0 0 24px;
}
@media (min-width: 1000px) {
  .start .popular {
    width: 65%;
    max-width: 424px;
  }
}
.start .popular a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.start .popular__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) {
  .start .popular__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 1000px) {
  .start .popular__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.start .popular .article-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  text-decoration: none;
}
@media (min-width: 768px) {
  .start .popular .article-preview {
    width: calc(100% / 2 - 12px);
  }
}
@media (min-width: 1000px) {
  .start .popular .article-preview {
    width: 100%;
  }
}
.start .popular .article-preview .preview__link {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}
.start .popular .article-preview .preview__image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 110px;
  height: 110px;
  border-radius: 8px;
}
.start .popular .article-preview .preview__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  color: #272a36;
}
.start .popular .article-preview .preview__head {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
}
@media (min-width: 1000px) {
  .start .latest {
    width: 100%;
    max-width: 872px;
  }
}
.start .latest .article-preview {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.start .latest .article-preview a {
  text-decoration: none;
}
.start .latest .article-preview .preview a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.start .latest .article-preview .preview__link {
  border-radius: 8px;
  overflow: hidden;
}
.start .latest .article-preview .preview__link:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.start .latest .article-preview .preview__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media (min-width: 1000px) {
  .start .latest .article-preview .preview__image {
    height: 512px;
  }
}
.start .latest .article-preview .preview .published {
  margin: 0 0 12px;
  color: #272a36;
}
.start .latest .article-preview .preview__head {
  margin: 0 0 8px;
}
.start .latest .article-preview .preview__subtitle {
  font-size: 14px;
  color: #8e8e93;
}
.start .latest .article-preview .preview__bottom {
  margin: 16px 0 0;
}
.start .latest .published {
  margin: 0 0 12px;
}
.start .latest .info {
  color: color #272a36;
}
.breadcrumbs {
  margin: 0 0 60px;
  padding: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.breadcrumbs.active {
  position: sticky;
  z-index: 4;
  top: 45px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 7px 0;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  border-bottom: 1px solid #e2e2e2;
}
@media (min-width: 1000px) {
  .breadcrumbs.active {
    top: 73px;
  }
}
.breadcrumbs.active:before {
  content: "";
  opacity: .9;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
}
.breadcrumbs__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2px;
}
.breadcrumbs__link,
.breadcrumbs__separator {
  font-size: 11px;
  color: #8e8e93;
}
.breadcrumbs__link {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #272a36;
}
.breadcrumbs__link:first-child {
  color: #272a36;
}
.breadcrumbs__link:last-child {
  pointer-events: none;
}
.breadcrumbs__link:hover {
  color: #4778ee;
}
.category {
  margin: 0 0 60px;
}
.category__title {
  margin: 0 0 8px;
}
.category__text {
  max-width: 1100px;
  margin: 0;
  font-size: 14px;
  color: #272a36;
}
.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 100px;
  background-color: #f7f7f7;
}
.socials__link {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.participant-links {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap;
      flex-wrap: wrap;
    gap: 8px 24px;
}
.creator-info {
  margin: 0 0 60px;
}
.pages {
  margin: 0 0 60px;
}
.pages__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}
.articles {
  margin: 0 0 60px;
}
.articles__title {
  margin: 0 0 24px;
}
.articles__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 104px;
  height: 24px;
  margin: 0 0 24px;
  padding: 4px 24px 4px 16px;
  border-radius: 4px;
  background-color: #f7f7f7;
  text-decoration: none;
}
.articles__back-text {
  font-weight: 500;
  font-size: 12px;
  color: #8e8e93;
  line-height: 1;
}
.articles__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}
.articles__wrapper.cta .article-preview {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.articles__wrapper.cta .article-preview:nth-child(2) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 480px) {
  .articles__wrapper.cta .article-preview:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.articles__wrapper.cta .article-preview:nth-child(3) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media (min-width: 768px) {
  .articles__wrapper.cta .article-preview:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.articles__wrapper.cta .article-preview:nth-child(4) {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
@media (min-width: 1000px) {
  .articles__wrapper.cta .article-preview:nth-child(4) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.articles .article-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  text-decoration: none;
}
@media (min-width: 480px) {
  .articles .article-preview {
    width: calc(100% / 2 - 12px);
  }
}
@media (min-width: 768px) {
  .articles .article-preview {
    width: calc(100% / 3 - 16px);
  }
}
@media (min-width: 1000px) {
  .articles .article-preview {
    width: calc(100% / 4 - 18px);
  }
}
.articles .article-preview .preview__link {
  width: 100%;
  margin: 0 0 16px;
  border-radius: 8px;
  overflow: hidden;
}
.articles .article-preview .preview__image {
  width: 100%;
  max-height: 184px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles .article-preview .preview__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  color: #272a36;
}
.articles .article-preview .preview__head {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
.slogan {
  margin: 0 0 24px;
  background: url("../images/pictures/2x/slogan-bg@2x.jpg") no-repeat center;
  background-size: cover;
}
.slogan__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 80px 0;
}
.slogan__title {
  max-width: 780px;
  margin: 0 auto 12px;
  text-align: center;
  font-style: italic;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.slogan__subtitle {
  max-width: 682px;
  margin: 0 auto 24px;
  font-size: 12px;
  text-align: center;
  color: #fff;
}
.redaction,
.expert {
  padding: 0 0 60px;
}
.redaction__wrapper,
.expert__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 99px;
}
.redaction__first,
.expert__first {
  position: relative;
  width: 100%;
  max-width: 648px;
}
.redaction__title,
.expert__title {
  margin: 0 0 8px;
}
.redaction__subtitle,
.expert__subtitle {
  margin: 0 0 16px;
  font-size: 14px;
  color: #272a36;
}
.redaction .creator,
.expert .creator {
  padding: 32px;
  border: 1px solid #e5e6ee;
  border-radius: 12px;
}
.redaction .creator__name,
.expert .creator__name {
  font-weight: 500;
  font-size: 16px;
}
.redaction__second {
  display: none;
  width: calc(100% - 747px);
  position: relative;
}
@media (min-width: 768px) {
  .redaction__second {
    display: block;
  }
}
.redaction__image {
  position: absolute;
  top: -80px;
  left: -260px;
  max-width: inherit;
}
@media (min-width: 768px) {
  .redaction__image {
    left: -260px;
  }
}
@media (min-width: 1000px) {
  .redaction__image {
    left: -160px;
  }
}
.redaction .creator__name {
  margin: 0 0 16px;
}
@media (min-width: 1000px) {
  .expert {
    padding: 0 0 76px;
  }
}
.expert__second {
  display: none;
  width: calc(100% - 714px);
  position: relative;
}
@media (min-width: 768px) {
  .expert__second {
    display: block;
  }
}
.expert__image {
  position: absolute;
  top: -130px;
  left: -260px;
  max-width: inherit;
}
@media (min-width: 768px) {
  .expert__image {
    left: -90px;
  }
}
@media (min-width: 1000px) {
  .expert__image {
    left: -40px;
  }
}
.editors,
.experts {
  position: relative;
  padding: 32px 0 60px;
  background-color: #f7f7f7;
}
.editors__title,
.experts__title {
  margin: 0 0 8px;
}
.editors__subtitle,
.experts__subtitle {
  margin: 0 0 36px;
  font-size: 14px;
  color: #272a36;
}
.editors__wrapper,
.experts__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.editors__wrapper .creator__about {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.editors .creator,
.experts .creator {
  gap: 16px;
  width: 100%;
  padding: 24px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08), 0 0 6px 0 rgba(0,0,0,0.02);
          box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08), 0 0 6px 0 rgba(0,0,0,0.02);
  border-radius: 12px;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
@media (min-width: 768px) {
  .editors .creator,
  .experts .creator {
    width: calc(100% / 2 - 10px);
  }
}
@media (min-width: 1000px) {
  .editors .creator,
  .experts .creator {
    width: calc(100% / 3 - 14px);
  }
}
.editors .creator:hover,
.experts .creator:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.editors .creator__link,
.experts .creator__link {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 16px;
}
.editors .creator__ava,
.experts .creator__ava {
  max-width: 46px;
}
@media (min-width: 480px) {
  .editors .creator__ava,
  .experts .creator__ava {
    max-width: inherit;
  }
}
.editors .creator__name,
.experts .creator__name {
  font-weight: 500;
}
.editors .creator__contacts,
.experts .creator__contacts {
  padding: 0 0 0 62px;
}
@media (min-width: 480px) {
  .editors .creator__contacts,
  .experts .creator__contacts {
    padding: 0 0 0 84px;
  }
}
.search-result__wrapper {
  margin: 60px auto 0;
}
.search-result__not-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 60px;
}
.search-result__title {
  margin: 0 0 24px;
}
.search-result__image {
  margin: 0 auto 32px;
}
.search-result__head {
  margin: 0 0 16px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #272a36;
}
.search-result__link {
  margin: 0 0 24px;
  font-size: 14px;
  text-align: center;
  color: #272a36;
  text-decoration: none;
}
.search-result__link:hover {
  text-decoration: underline;
}
.article__head {
  margin: 0 0 24px;
}
@media (min-width: 1000px) {
  .article__head {
    width: 100%;
  }
}
.article__head-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.article__head-wrapper .article-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  border-radius: 0;
}
.article__head-wrapper .article-preview .preview__image {
  width: 100%;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media (min-width: 480px) {
  .article__head-wrapper .article-preview .preview__image {
    height: 380px;
  }
}
.article__head-wrapper .article-preview .preview__head {
  margin: 0 0 16px;
  font-size: 24px;
  color: #272a36;
}
@media (min-width: 480px) {
  .article__head-wrapper .article-preview .preview__head {
    font-size: 32px;
  }
}
.article__head-wrapper .article-preview .preview__bottom {
  margin: 12px 0 0;
}
.article__head-wrapper .article-preview .published {
  margin: 0 0 16px;
  color: #272a36;
}
.article__head-wrapper .article-preview .info {
  font-size: 12px;
  color: #272a36;
}
.article__group {
  margin: 0 auto 32px;
}
.article__group-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}
.article__aside,
.article__banners {
  position: sticky;
  top: 92px;
  width: 100%;
  max-width: 312px;
  min-width: 240px;
}
@media (min-width: 992px) {
  .article__aside,
  .article__banners {
    top: 120px;
  }
}
.article__aside {
  display: none;
}
@media (min-width: 768px) {
  .article__aside {
    display: block;
  }
}
.article__banners {
  display: none;
}
@media (min-width: 1000px) {
  .article__banners {
    display: block;
  }
}
.article__post {
  width: 100%;
}
@media (min-width: 768px) {
  .article__post {
     max-width: calc(100% - 264px);
  }
}
@media (min-width: 992px) {
  .article__post {
     max-width: calc(100% - 294px);
  }
}
.article__post .banner {
  margin: 24px 0 0;
}
.article__content h2,
.article__content h3,
.article__content h4 {
  margin: 24px 0 0;
  color: #272a36;
}
.article__content .wp-block-heading {
  margin: 24px 0 0;
}
.article__content p {
  margin: 24px 0 0;
  font-size: 14px;
  color: #272a36;
}
.article__content a {
  color: #4778ee;
}
.article__content .button, .article__content .gb-button {
  margin: 24px auto;
  color: #fff;
  background-color: #4778ee;
}
.article__content .button:hover, .article__content .gb-button:hover {
  color: #fff;
  background-color: #4778ee;
}
.article__content img {
  border-radius: 12px;
}
.article__content .wp-caption a {
  cursor: zoom-in;
}
.article__content ul,
.article__content ol,
.article__content .wp-block-list {
  margin: 24px 0 0;
  padding: 0 0 0 16px;
}
.article__content ul li,
.article__content ol li,
.article__content .wp-block-list li {
  font-size: 14px;
  margin: 0 0 14px;
  color: #272a36;
}
.article__content ul li:last-child,
.article__content ul ol:last-child,
.article__content .wp-block-list li:last-child {
  margin: 0;
}
.article__content figure,
.article__content table {
  margin: 24px 0 0;
}
.article__content figure {
  max-width: 100%;
}
.article__content table,
.article__content th,
.article__content td {
  border-collapse: collapse;
  border: 1px solid #e5e6ee;
}
.article__content table th {
  font-weight: 400;
}
/* .article__content table tbody:first-child tr:first-child td, 
.article__content table tbody:first-child tr:first-child th {
  font-weight: 700;
} */
.article__content th {
  padding: 12px;
  font-size: 14px;
  text-align: left;
}
.article__content td {
  padding: 12px;
  font-size: 14px;
  vertical-align: top;
}
.article__content table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
.article__content table ul {
  margin: 0;
}
.article__content .table {
  overflow-x: auto;
}
.article__content .wp-block-table .has-fixed-layout td, 
.article__content .wp-block-table .has-fixed-layout th {
  word-break: normal;
}
.article__content .wp-block-table {
  margin: 0;
}
.article__content .wp-block-gallery .wp-block-image .wp-element-caption {
  width: 100%;
  margin: 8px 0 0;
  padding: 0;
  font-size: 12px;
  text-align: center;
  color: #8e8e93;
  position: static;
  background: none;
  text-shadow: none;
}
.article__content figcaption {
  width: 100%;
  margin: 8px 0 0;
  font-size: 12px;
  text-align: center;
  color: #8e8e93;
}
.article__content blockquote img {
  display: block;
  margin: 0 auto;
}
.article__content .wp-block-quote {
  margin: 24px 0;
}
.article__content .wp-block-pullquote {
  margin: 24px 0;
  padding: 20px;
  border-radius: 12px;
  background-color: #f0f4fe;
}
.article__content .wp-block-pullquote p:first-child {
	margin: 0;
}
.article__content .note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  padding: 24px;
  margin: 24px 0 0;
  background-color: #f1f5fb;
  border-radius: 12px;
  text-decoration: none;
}
@media (min-width: 480px) {
  .article__content .note {
    gap: 24px;
    padding: 32px 24px;
  }
}
@media (min-width: 768px) {
  .article__content .note {
    gap: 34px;
    padding: 32px;
  }
}
.article__content .note:hover .note__arrow {
  left: 4px;
}
.article__content .note__ava {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 48px;
  border-radius: 50%;
}
@media (min-width: 480px) {
  .article__content .note__ava {
    max-width: 68px;
  }
}
@media (min-width: 768px) {
  .article__content .note__ava {
    max-width: 100px;
  }
}
.article__content .note__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 0 0 12px;
}
@media (min-width: 480px) {
  .article__content .note__head {
    gap: 16px;
  }
}
.article__content .note__info {
  width: 100%;
}
.article__content .note__quote {
  max-width: 28px;
  height: auto;
  margin: 0;
  border-radius: 0;
}
@media (min-width: 480px) {
  .article__content .note__quote {
    max-width: 37px;
  }
}
.article__content .note__name {
  display: inline-block;
  margin: 0 0 4px;
  font-weight: 500;
  font-size: 12px;
  color: #272a36;
  text-decoration: none;
}
.article__content .note__position {
  margin: 0;
  font-size: 12px;
  color: #8e8e93;
}
.article__content .note__about {
  max-width: 400px;
  font-size: 14px;
  color: #272a36;
}
.article__content .note__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  margin: 24px 0 0;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  color: #4778ee;
}
.article__content .note__arrow {
  position: relative;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../images/icons/arrow_right_alt.svg") no-repeat center;
  background-size: cover;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
}
.article__content mark {
 padding: 0 2px;
  background-color: #B9D8FA;
  border-radius: 2px;
}
.article-experts {
  margin: 24px 0;
}
.article__content .article-experts__title {
  margin: 0 0 12px;
}
.article-experts__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}
.article-expert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.article__content .article-expert__ava {
  border-radius: 50%;
}
.article-expert__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px 0;
}
.article__content .article-expert__name {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  color: #272A36;
}
.article__content .article-expert__position {
  margin: 0;
  font-size: 12px;
  color: #8E8E93;
}
.article__aside {
  padding: 24px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08), 0 0 6px 0 rgba(0,0,0,0.02);
          box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08), 0 0 6px 0 rgba(0,0,0,0.02);
  border-radius: 8px;
  background-color: #fff;
}
.article__aside .share {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.content {
  margin: 24px 0 0;
}
.content__title {
  margin: 0 0 16px;
  font-weight: 500;
  font-size: 16px;
}
.header.active + .main .content__wrapper {
  max-height: calc(100vh - 274px);
}
@media (min-width: 992px) {
  .header.active + .main .content__wrapper {
    max-height: calc(100vh - 302px);
  }
}
.content__wrapper {
  /* max-height: 648px; */
  max-height: calc(100vh - 368px);
  padding: 0 12px 0 0;
  margin: 0 -18px 0 0;
  overflow: auto;
}
.content__wrapper::-webkit-scrollbar {
  width: 6px;
}
.content__wrapper::-webkit-scrollbar-track {
  background-color: #fff;
}
.content__wrapper::-webkit-scrollbar-thumb {
  background-color: #f7f7f7;
  border-radius: 6px;
}
.content__fixed {
  position: relative;
}
.content__fixed.has-scroll:after {
  width: 100%;
  height: 40px;
  content: "";
  position: absolute;
  right: 18px;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: inset 0px -30px 20px -15px #fff;
          box-shadow: inset 0px -30px 20px -15px #fff;
  opacity: 1;
  -webkit-transition: opacity 1s ease, height 1s ease;
  transition: opacity 1s ease, height 1s ease;
}
.content__fixed.has-scroll:hover:after {
  opacity: 0;
  height: 0;
}
.content__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  max-width: 264px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.content__link {
  display: block;
  padding: 12px;
  border-radius: 4px;
  background-color: #f7f7f7;
  font-size: 14px;
  color: #8e8e93;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.content__link.active, .content__link:hover {
  background-color: #f1f5fb;
  color: #4778ee;
}
.social-actions {
  padding: 16px 0;
  margin: 0 0 24px;
  background-color: #f7f7f7;
}
.social-actions__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  max-width: 648px;
  margin: 0 auto;
}
.like-dislike__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.like-dislike .like__icon,
.like-dislike .dislike__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 26px;
  height: 26px;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.like-dislike .like__icon {
  background: url("../images/icons/like.svg") no-repeat center;
  background-size: cover;
  border-radius: 50%;
}
.like-dislike .like__icon:hover {
  background: rgba(62,193,114,0.2) url("../images/icons/like.svg") no-repeat center;
}
.like-dislike .dislike__icon {
  background: url("../images/icons/dislike.svg") no-repeat center;
  background-size: cover;
  border-radius: 50%;
}
.like-dislike .dislike__icon:hover {
  background: rgba(226,57,54,0.2) url("../images/icons/dislike.svg") no-repeat center;
}
.like-dislike .like input:checked + .like__icon {
  background: url("../images/icons/like_s.svg") no-repeat center;
  background-size: cover;
}
.like-dislike .dislike input:checked + .dislike__icon {
  background: url("../images/icons/dislike_s.svg") no-repeat center;
  background-size: cover;
}
.article-author .creator {
  max-width: 648px;
  padding: 32px;
  margin: 0 auto 32px;
  border: 1px solid #e5e6ee;
  border-radius: 12px;
}
.article-articles .articles {
  max-width: 648px;
  margin: 0 auto 60px;
}
.article-articles .articles__title {
  margin: 0 0 16px;
}
.article-articles .articles__slider {
  max-height: 626px;
}
.article-articles .articles__slider.is-mobile {
  display: block;
}
@media (min-width: 480px) {
  .article-articles .articles__slider.is-mobile {
    display: none;
  }
}
.article-articles .articles__slider.is-desktop {
  display: none;
}
@media (min-width: 480px) {
  .article-articles .articles__slider.is-desktop {
    display: block;
  }
}
.article-articles .articles__slider .preview {
  width: 100%;
}
.article-articles .articles__wrapper {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0;
}
.article-articles .articles__wrapper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 480px) {
  .article-articles .articles__wrapper .swiper-slide {
    display: block;
  }
}
.article-articles .articles .article-preview {
  max-width: 100%;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.article-articles .articles .preview__link {
  height: 184px;
}
.article-articles .articles .preview__image {
  height: 184px;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-page="article"] .breadcrumbs {
  margin: 0 0 16px;
}
@media (min-width: 992px) {
  .articles-combination.has-aside {
    margin: 0 auto 60px;
  }
}
@media (min-width: 992px) {
  .articles-combination.has-aside .main-articles .articles .article-preview {
    width: calc(100% / 2 - 14px);
  }
}
@media (min-width: 1200px) {
  .articles-combination.has-aside .main-articles .articles .article-preview {
    width: calc(100% / 3 - 17.5px);
  }
}
.articles-combination .main-articles {
  width: 100%;
}
.articles-combination__wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 -20px;
}
@media (min-width: 992px) {
  .articles-combination__wrapper {
    flex-direction: row;
  }
  .aside-articles {
    width: 312px;
    margin: -24px 0 0;
    padding: 0 0 24px;
    height: fit-content;
    background: #F7F7F7;
    box-shadow: inset 0px 60px 30px -30px #fff, inset 0px -60px 30px -30px #fff;
  }
  .aside-articles .articles {
    padding: 24px 4px 0;
  }
  .aside-articles .articles__wrapper {
    flex-direction: column;
  }
  .aside-articles .articles .article-preview {
    width: calc(100% / 1 - 16px);
  }
  .aside-articles .pagination {
    margin: 0;
  }
}
/*
 * reset
 */
/*
 * variables
 */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
p {
  margin: inherit;
}