:root {
  --button-color: #7E7367;
  --button-color-hover: #464039;
  --button-color-active: #38332E;
  --button-color-disabled: #D8D4CF;
  --button-color-disabled-background: #F8F7F7;
  --button-color-secondary-background: #D8D4CF; }

:root {
  --button-color: #7E7367;
  --button-color-hover: #464039;
  --button-color-active: #38332E;
  --button-color-disabled: #D8D4CF;
  --button-color-disabled-background: #F8F7F7;
  --button-color-secondary-background: #D8D4CF; }

.article-card-list-item {
  font-family: "Ubuntu", sans-serif; }
  .article-card-list-item__link {
    transition: all .2s ease;
    border-radius: 8px;
    height: 136px; }
    @media (min-width: 768px) {
      .article-card-list-item__link {
        height: 240px; }
        .article-card-list-item__link:hover {
          transform: scale(1.06);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); } }
  .article-card-list-item__img {
    height: 136px;
    width: 112px;
    object-fit: cover;
    border-radius: 8px; }
    @media (min-width: 768px) {
      .article-card-list-item__img {
        height: 240px;
        width: 240px; } }
  .article-card-list-item__text-block {
    width: calc(100% - 112px);
    padding: 16px; }
    @media (min-width: 768px) {
      .article-card-list-item__text-block {
        width: calc(100% - 240px);
        padding: 32px; } }
  .article-card-list-item__label {
    color: #9F9389;
    font-size: 12px;
    letter-spacing: 0.12px; }
    @media (min-width: 768px) {
      .article-card-list-item__label {
        font-size: 14px; } }
  .article-card-list-item__name {
    color: #464039;
    font-size: 14px;
    line-height: 136%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; }
    @media (min-width: 768px) {
      .article-card-list-item__name {
        font-size: 18px;
        -webkit-line-clamp: 1; } }
  .article-card-list-item__description {
    display: none;
    color: #464039;
    font-size: 16px;
    font-weight: 400;
    line-height: 136%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (min-width: 768px) {
      .article-card-list-item__description {
        display: -webkit-box; } }
  .article-card-list-item__chip {
    width: fit-content; }
  .article-card-list-item__svg-wrapper {
    top: 15px;
    left: 15px; }
  .article-card-list-item__read-article {
    color: #7E7367;
    font-size: 14px;
    font-weight: 500;
    line-height: 136%; }

[data-pet-world="Dog"] .article-card-list-item__svg-wrapper,
body[data-color-site="dogColor"] .article-card-list-item__svg-wrapper {
  background-color: #936031; }

[data-pet-world="Cat"] .article-card-list-item__svg-wrapper,
body[data-color-site="catColor"] .article-card-list-item__svg-wrapper {
  background-color: #4A773C; }

:root {
  --button-color: #7E7367;
  --button-color-hover: #464039;
  --button-color-active: #38332E;
  --button-color-disabled: #D8D4CF;
  --button-color-disabled-background: #F8F7F7;
  --button-color-secondary-background: #D8D4CF; }

.article-card-list-pagination {
  list-style: none; }
  .article-card-list-pagination__item {
    cursor: pointer;
    color: #9F9389;
    height: 32px;
    width: 32px;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 136%; }
    .article-card-list-pagination__item:hover, .article-card-list-pagination__item--active {
      font-weight: 700;
      color: #464039; }
  .article-card-list-pagination__first-dots span,
  .article-card-list-pagination__last-dots span {
    color: #9F9389; }
  .article-card-list-pagination__arrow {
    cursor: pointer; }
    .article-card-list-pagination__arrow:hover {
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
      border-radius: 50%; }
    .article-card-list-pagination__arrow [data-pagination="prev"] svg {
      transform: rotate(180deg); }
  .article-card-list-pagination__svg-border {
    stroke: #464039; }
  .article-card-list-pagination__svg-arrow {
    fill: #464039; }

[data-pet-world="Dog"] .article-card-list-pagination__arrow .article-card-list-pagination__svg-border,
body[data-color-site="dogColor"] .article-card-list-pagination__arrow .article-card-list-pagination__svg-border,
.pagination--dog .article-card-list-pagination__arrow .article-card-list-pagination__svg-border {
  stroke: #936031; }

[data-pet-world="Dog"] .article-card-list-pagination__arrow .article-card-list-pagination__svg-arrow,
body[data-color-site="dogColor"] .article-card-list-pagination__arrow .article-card-list-pagination__svg-arrow,
.pagination--dog .article-card-list-pagination__arrow .article-card-list-pagination__svg-arrow {
  fill: #936031; }

[data-pet-world="Dog"] .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-border,
body[data-color-site="dogColor"] .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-border,
.pagination--dog .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-border {
  stroke: #6B4624; }

[data-pet-world="Dog"] .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-arrow,
body[data-color-site="dogColor"] .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-arrow,
.pagination--dog .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-arrow {
  fill: #6B4624; }

[data-pet-world="Dog"] .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-background,
body[data-color-site="dogColor"] .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-background,
.pagination--dog .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-background {
  fill: #FBF7F4; }

[data-pet-world="Cat"] .article-card-list-pagination__arrow .article-card-list-pagination__svg-border,
body[data-color-site="catColor"] .article-card-list-pagination__arrow .article-card-list-pagination__svg-border,
.pagination--cat .article-card-list-pagination__arrow .article-card-list-pagination__svg-border {
  stroke: #4A773C; }

[data-pet-world="Cat"] .article-card-list-pagination__arrow .article-card-list-pagination__svg-arrow,
body[data-color-site="catColor"] .article-card-list-pagination__arrow .article-card-list-pagination__svg-arrow,
.pagination--cat .article-card-list-pagination__arrow .article-card-list-pagination__svg-arrow {
  fill: #4A773C; }

[data-pet-world="Cat"] .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-border,
body[data-color-site="catColor"] .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-border,
.pagination--cat .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-border {
  stroke: #37582D; }

[data-pet-world="Cat"] .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-arrow,
body[data-color-site="catColor"] .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-arrow,
.pagination--cat .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-arrow {
  fill: #37582D; }

[data-pet-world="Cat"] .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-background,
body[data-color-site="catColor"] .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-background,
.pagination--cat .article-card-list-pagination__arrow:hover .article-card-list-pagination__svg-background {
  fill: #F6FAF5; }

.article-card-list {
  font-family: "Ubuntu", sans-serif;
  background-color: var(--bg-color-article-card-list);
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2); }
  @media (max-width: 768px) {
    .article-card-list {
      padding: 0 24px; } }
  .article-card-list__wrapper {
    max-width: 938px; }
  .article-card-list__wrapper-title {
    padding-top: 40px;
    padding-bottom: 24px; }
    @media (min-width: 768px) {
      .article-card-list__wrapper-title {
        padding-top: 80px;
        padding-bottom: 40px; } }
  .article-card-list__title {
    color: #464039;
    font-family: "Ubuntu", sans-serif;
    font-size: 28px;
    line-height: 128%;
    letter-spacing: -1.12px; }
    @media (min-width: 768px) {
      .article-card-list__title {
        font-size: 32px;
        letter-spacing: -1.28px; } }
  .article-card-list svg {
    fill: none; }

/*# sourceMappingURL=articleCardList.css.map*/