/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/group-css-media-queries-loader/lib/index.js!./node_modules/sass-loader/dist/cjs.js!./components/bitrix/news/articles/bitrix/news.detail/.default/src-cmp/assets/sass/stats.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
.article__stats {
  display: flex;
  gap: 40px;
}
.article__stats .stats {
  display: flex;
  gap: 15px;
  align-items: center;
}
.article__stats .stat {
  display: flex;
  align-items: center;
  gap: 5px;
}
.article__stats .stat__icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
}
.article__stats .stat__icon svg {
  fill: #C9C9C9;
}
.article__stats .stat__name {
  text-transform: uppercase;
  color: #C9C9C9;
  font-size: 14px;
  line-height: 1.4em;
}
.article__stats .stars {
  display: flex;
  align-items: center;
  gap: 5px;
}
.article__stats .stars .star svg {
  fill: rgb(232, 183, 12);
  stroke: rgb(232, 183, 12);
}
.article__stats .stars .star.non-active svg {
  fill: #d9d9d9;
  stroke: #d9d9d9;
}
@media (max-width: 1280px) {
  .article__stats .stat__icon {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 1024px) {
  .article__stats .stat__icon {
    width: 26px;
    height: 26px;
  }
}
@media (max-width: 576px) {
  .article__stats {
    flex-direction: column;
    gap: 15px;
  }
  .article__stats .stats {
    gap: 10px;
  }
  .article__stats .stat__icon {
    width: 20px;
    height: 20px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/group-css-media-queries-loader/lib/index.js!./node_modules/sass-loader/dist/cjs.js!./components/bitrix/iblock.vote/article-rating/src-cmp/style.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.article__footer {
  display: flex;
  gap: 170px;
}
.article__footer .h6 {
  text-transform: inherit;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
.article__footer .article__stats {
  display: block;
}
.article__footer .article__stats .star {
  cursor: pointer;
}
.article__share .shares {
  display: flex;
  gap: 25px;
}
.article__share .shares .share__link {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
}
.article__share .shares .share__link svg {
  fill: #3EA4A1;
}
.article__share .shares .share__link:hover svg {
  fill: #25726d;
}
@media (max-width: 768px) {
  .article__footer {
    justify-content: space-between;
  }
}
@media (max-width: 576px) {
  .article__footer {
    flex-direction: column;
    gap: 40px;
  }
  .article__share .shares {
    gap: 20px;
  }
}