/* Start:/local/templates/main/css/articles.css?17870530355197*/
.articles__filters {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--container-pad) 60px;
}
.articles__filters-inner {
  display: inline-flex;
  align-items: stretch;
  background: #182531;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.articles__filters-inner::-webkit-scrollbar {
  display: none;
}
.articles__filter {
    flex: 0 0 auto;
    padding: 24.5px 40.5px;
    font: inherit;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0%;
    text-transform: uppercase;
    white-space: nowrap;
    color: #FFFFFF66;
    background: none;
    border: none;
    cursor: pointer;
    transition: color var(--transition-fast), background-color var(--transition-fast);
}
.articles__filter.is-active {
  background: var(--color-text);
  color: var(--color-bg-nav);
}
@media (hover: hover) {
  .articles__filter:not(.is-active):hover {
    color: var(--color-text);
    background: rgba(255, 255, 255, 0.04);
  }
}

.feed-news, .feed-topic {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

.feed-news__label {
    position: relative;
    z-index: 1;
    margin: 0 0 25px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -4%;
    text-transform: uppercase;
    color: #FFFFFF66;
}

.feed-news__title {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 28px;
    font-weight: 400;
    width: 438px;
    line-height: 1.4;
    color: var(--color-text);
    transition: color var(--transition-fast);
    text-transform: uppercase;
}

.feed-news__date {
    position: relative;
    z-index: 1;
    margin-top: auto;
    font-size: 35px;
    text-transform: uppercase;
    color: var(--color-text);
    font-weight: 400px;
}

.articles__grid {
  list-style: none;
  margin: 0;
  padding: 0 var(--container-pad) 80px;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
.articles__grid > li {
  background-color: #182531;
  background-image: url("data:image/svg+xml,%3Csvg width='192' height='367' viewBox='0 0 192 367' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M105.382 305.502L105.296 305.416L0 200.504V0H164.245L114.045 50.0611H50.2005V179.745L105.339 234.683L246.801 93.7352V164.425L105.382 305.502Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M167.06 367L131.543 331.612L283.92 179.745V50.0611H238.051L105.295 182.292L69.7773 146.947L216.957 0H334.164V200.504L167.06 367Z' fill='white' fill-opacity='0.1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0px bottom 11px;
  background-size: 220px auto;
  width: 550px;
  height: 560px;
}
.articles__grid .feed-news {
  min-height: 100%;
}

/* ===================== Планшет ===================== */
@media (max-width: 992px) {
  .articles__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .articles__grid > li {
  background-color: #182531;
  background-image: url("data:image/svg+xml,%3Csvg width='192' height='367' viewBox='0 0 192 367' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M105.382 305.502L105.296 305.416L0 200.504V0H164.245L114.045 50.0611H50.2005V179.745L105.339 234.683L246.801 93.7352V164.425L105.382 305.502Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M167.06 367L131.543 331.612L283.92 179.745V50.0611H238.051L105.295 182.292L69.7773 146.947L216.957 0H334.164V200.504L167.06 367Z' fill='white' fill-opacity='0.1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0px bottom 11px;
  background-size: 220px auto;
  width: auto;
  height: 330px;
}

.feed-news__title {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    width: auto;
    line-height: 100%;
    color: var(--color-text);
    transition: color var(--transition-fast);
}

.feed-news__date {
    position: relative;
    z-index: 1;
    margin-top: auto;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--color-text);
    font-weight: 400;
}
}

/* ===================== Мобильные ===================== */
@media (max-width: 640px) {
  .articles__filters {
    padding: 0 20px 24px;
  }
  .articles__filter {
    padding: 12px 16px;
    font-size: 11px;
  }
  .articles__grid {
    grid-template-columns: 1fr;
    padding: 0 20px 56px;
  }
  .articles__grid > li {
    background-color: #182531;
    background-image: url("data:image/svg+xml,%3Csvg width='107' height='235' viewBox='0 0 107 235' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.479 195.621L67.4236 195.566L0 128.388V0H105.171L73.026 32.0555H32.1448V115.096L67.4513 150.274L158.033 60.0212V105.286L67.479 195.621Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M106.972 235L84.2297 212.34L181.801 115.096V32.0555H152.43L67.4223 116.726L44.6797 94.094L138.923 0H213.974V128.388L106.972 235Z' fill='white' fill-opacity='0.1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0px bottom 0px;
    background-size: 100px auto;
    min-height: 240px;
  }
}

/* End */
/* /local/templates/main/css/articles.css?17870530355197 */