: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-gallery {
  font-family: "Ubuntu", sans-serif;
  max-width: calc(1024px - 48px); }
  @media (min-width: 1350px) {
    .article-gallery {
      max-width: calc(1388px - 124px); } }
  .article-gallery__title {
    font-size: 28px;
    line-height: 35.84px; }
    @media (min-width: 768px) {
      .article-gallery__title {
        font-size: 32px;
        line-height: 38.4px; } }
  .article-gallery__btn-link {
    padding: 12px;
    font-size: 14px;
    line-height: 19.04px;
    font-weight: 500;
    max-width: fit-content;
    background-color: #7E7367; }
    @media (min-width: 768px) {
      .article-gallery__btn-link {
        margin: auto; } }
  .article-gallery__slide {
    border-radius: 8px;
    width: calc(75% - 24px);
    height: 395px; }
    @media (min-width: 768px) {
      .article-gallery__slide {
        height: 410px;
        margin: 20px; } }
    .article-gallery__slide:hover {
      box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.1); }
    .article-gallery__slide--short {
      width: calc(25% - 40px);
      margin: 20px; }
      .article-gallery__slide--short img {
        object-fit: cover; }
    .article-gallery__slide--long {
      width: calc(50% - 40px);
      margin: 20px; }
      .article-gallery__slide--long img {
        object-fit: cover; }
    @media (min-width: 768px) {
      .article-gallery__slide--four {
        width: calc(25% - 40px); }
      .article-gallery__slide--three {
        width: calc(50% - 40px); } }
  .article-gallery__linear-gradient {
    bottom: 0;
    background: linear-gradient(180deg, rgba(56, 51, 46, 0) 0%, rgba(56, 51, 46, 0.88) 100%);
    height: min-content;
    min-height: 50%; }
  .article-gallery__label {
    font-weight: 500;
    font-size: 14px;
    line-height: 16.09px; }
  .article-gallery__article-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 21.76px; }
  .article-gallery__chip {
    text-wrap: nowrap;
    background-color: rgba(216, 212, 207, 0.16); }
    .article-gallery__chip--tag-cat {
      background-image: url("../../img/tags-category/tag-cat.svg"); }
    .article-gallery__chip--tag-dog {
      background-image: url("../../img/tags-category/tag-dog.svg"); }
    .article-gallery__chip--tag-puppy {
      background-image: url("../../img/tags-category/tag-puppy.svg"); }
    .article-gallery__chip--tag-kitten {
      background-image: url("../../img/tags-category/tag-kitten.svg"); }
    .article-gallery__chip--tag-experience {
      background-image: url("../../img/tags-category/tag-experience.svg"); }
    .article-gallery__chip--tag-care {
      background-image: url("../../img/tags-category/tag-care.svg"); }
    .article-gallery__chip--tag-nutrition {
      background-image: url("../../img/tags-category/tag-nutrition.svg"); }
    .article-gallery__chip--tag-behaviour {
      background-image: url("../../img/tags-category/tag-behaviour.svg"); }
    .article-gallery__chip--tag-understanding {
      background-image: url("../../img/tags-category/tag-understanding.svg"); }
    .article-gallery__chip--tag-lifestyle {
      background-image: url("../../img/tags-category/tag-lifestyle.svg"); }
    .article-gallery__chip--tag-adoption {
      background-image: url("../../img/tags-category/tag-adoption.svg"); }
    .article-gallery__chip--tags-natural {
      background-image: url("../../img/tags-category/tag-natural.svg"); }
  .article-gallery__chip-tag {
    width: 16px;
    margin-right: 6px;
    filter: brightness(0) invert(1); }
  .article-gallery__chip-text {
    color: #fff;
    font-size: 12px;
    line-height: 16.32px; }
  .article-gallery__wrapper {
    position: initial; }
    .article-gallery__wrapper .swiper-wrapper {
      padding: 15px 0; }
    .article-gallery__wrapper .article-gallery__slide-button {
      background-image: none;
      height: 55px; }
      .article-gallery__wrapper .article-gallery__slide-button--prev {
        left: -42px; }
        .article-gallery__wrapper .article-gallery__slide-button--prev > img {
          transform: rotate(180deg); }
      .article-gallery__wrapper .article-gallery__slide-button--next {
        right: -42px; }
  .article-gallery__img {
    object-fit: cover; }

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

[data-pet-world="Dog"] .article-gallery__btn-link,
body[data-color-site="dogColor"] .article-gallery__btn-link {
  background-color: #936031; }

.experience-commerce_assets-articleGallery {
  display: flex;
  justify-content: center; }

@media (min-width: 768px) {
  .tool-page .article-gallery--component {
    margin: 0;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0; } }

.article-gallery--component:not(.tool-page *) {
  max-width: 100vw; }
  @media (min-width: 768px) {
    .article-gallery--component:not(.tool-page *) {
      margin-left: calc(-1350px / 2 + 700px / 2) !important;
      margin-right: calc(-1350px / 2 + 700px / 2) !important;
      max-width: calc(100vw - 90px); } }
  @media (min-width: 1400px) {
    .article-gallery--component:not(.tool-page *) {
      max-width: 1350px; } }

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