: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; }

.contentPage__header .article-banner {
  padding-top: 0;
  margin: 0;
  width: 100vw; }

.article-banner {
  font-family: "Ubuntu", sans-serif; }
  .article-banner__color .article-banner__img {
    border-radius: 8px;
    object-fit: cover; }
  .article-banner__image-wrapper {
    margin-bottom: 32px; }
  .article-banner__label {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.16px; }
  .article-banner__title {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1.28px; }
    @media (min-width: 768px) {
      .article-banner__title {
        font-size: 40px;
        letter-spacing: -1.6px; } }
  .article-banner__text {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%; }
    .article-banner__text > p {
      margin-bottom: 0; }
  .article-banner__color .article-banner__title,
  .article-banner__color .article-banner__text {
    color: #464039; }
  .article-banner__img .article-banner__label {
    font-size: 14px; }
  .article-banner__image-type-wrapper {
    top: 0;
    left: 0; }
  .article-banner__btn, .article-banner__btn:active, .article-banner__btn:link, .article-banner__btn:visited {
    border: 1px solid;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 136%;
    border-color: #464039; }
    .article-banner__btn.article-banner__btn--main, .article-banner__btn.article-banner__btn--main:active, .article-banner__btn.article-banner__btn--main:link, .article-banner__btn.article-banner__btn--main:visited, .article-banner__btn:active.article-banner__btn--main, .article-banner__btn:active.article-banner__btn--main:active, .article-banner__btn:active.article-banner__btn--main:link, .article-banner__btn:active.article-banner__btn--main:visited, .article-banner__btn:link.article-banner__btn--main, .article-banner__btn:link.article-banner__btn--main:active, .article-banner__btn:link.article-banner__btn--main:link, .article-banner__btn:link.article-banner__btn--main:visited, .article-banner__btn:visited.article-banner__btn--main, .article-banner__btn:visited.article-banner__btn--main:active, .article-banner__btn:visited.article-banner__btn--main:link, .article-banner__btn:visited.article-banner__btn--main:visited {
      background-color: #464039;
      color: #fff; }
    .article-banner__btn.article-banner__btn--secondary, .article-banner__btn.article-banner__btn--secondary:active, .article-banner__btn.article-banner__btn--secondary:link, .article-banner__btn.article-banner__btn--secondary:visited, .article-banner__btn:active.article-banner__btn--secondary, .article-banner__btn:active.article-banner__btn--secondary:active, .article-banner__btn:active.article-banner__btn--secondary:link, .article-banner__btn:active.article-banner__btn--secondary:visited, .article-banner__btn:link.article-banner__btn--secondary, .article-banner__btn:link.article-banner__btn--secondary:active, .article-banner__btn:link.article-banner__btn--secondary:link, .article-banner__btn:link.article-banner__btn--secondary:visited, .article-banner__btn:visited.article-banner__btn--secondary, .article-banner__btn:visited.article-banner__btn--secondary:active, .article-banner__btn:visited.article-banner__btn--secondary:link, .article-banner__btn:visited.article-banner__btn--secondary:visited {
      color: #464039; }
      .article-banner__btn.article-banner__btn--secondary svg path, .article-banner__btn.article-banner__btn--secondary:active svg path, .article-banner__btn.article-banner__btn--secondary:link svg path, .article-banner__btn.article-banner__btn--secondary:visited svg path, .article-banner__btn:active.article-banner__btn--secondary svg path, .article-banner__btn:active.article-banner__btn--secondary:active svg path, .article-banner__btn:active.article-banner__btn--secondary:link svg path, .article-banner__btn:active.article-banner__btn--secondary:visited svg path, .article-banner__btn:link.article-banner__btn--secondary svg path, .article-banner__btn:link.article-banner__btn--secondary:active svg path, .article-banner__btn:link.article-banner__btn--secondary:link svg path, .article-banner__btn:link.article-banner__btn--secondary:visited svg path, .article-banner__btn:visited.article-banner__btn--secondary svg path, .article-banner__btn:visited.article-banner__btn--secondary:active svg path, .article-banner__btn:visited.article-banner__btn--secondary:link svg path, .article-banner__btn:visited.article-banner__btn--secondary:visited svg path {
        fill: #464039; }
    .article-banner__btn--secondary, .article-banner__btn:active--secondary, .article-banner__btn:link--secondary, .article-banner__btn:visited--secondary {
      background-color: transparent; }
  @media (min-width: 768px) {
    .article-banner__color {
      justify-content: center; }
      .article-banner__color .article-banner__image-wrapper,
      .article-banner__color .article-banner__content {
        max-width: 632px; } }
  @media (min-width: 768px) {
    .article-banner__image, .article-banner__color {
      height: 430px;
      padding: 24px 60px;
      max-width: 100vw;
      width: 100vw;
      margin-left: calc(-100vw / 2 + (100% - 17px) / 2);
      margin-right: calc(-100vw / 2 + (100% - 17px) / 2); } }
  @media (min-width: 1024px) {
    .article-banner__image, .article-banner__color {
      padding: 24px 80px; } }
  @media (min-width: 1330px) {
    .article-banner__image, .article-banner__color {
      padding: 24px 172px; } }
  @media (min-width: 768px) {
    .article-banner__clip-content, .article-banner__card-inside, .article-banner__card-outside, .article-banner__landing {
      width: calc(100vw - 40px);
      max-width: 1264px;
      left: 50%;
      transform: translateX(-50%); } }
  .article-banner__image .article-banner__btn--secondary {
    background-color: #fff; }
  .article-banner__image .article-banner__label {
    color: #fff; }
  .article-banner__exclusive {
    font-size: 14px;
    letter-spacing: 0.01em;
    color: #464039; }
    .article-banner__exclusive svg {
      position: relative;
      top: -2px;
      background: #464039;
      border-radius: 4px; }
      @media (min-width: 1024px) {
        .article-banner__exclusive svg {
          width: 40px;
          height: 40px; } }
  .article-banner__clip-content {
    justify-content: space-evenly;
    padding: 40px;
    gap: 40px;
    border-radius: 8px; }
    @media (min-width: 1024px) {
      .article-banner__clip-content {
        padding: 40px 24px; } }
    .article-banner__clip-content .article-banner__image-wrapper {
      max-width: 325px;
      border-radius: 8px; }
    .article-banner__clip-content .article-banner__logo {
      max-height: 80px;
      width: fit-content; }
    .article-banner__clip-content .article-banner__title {
      margin-top: 16px;
      font-size: 32px;
      line-height: 120%;
      letter-spacing: -1.28px;
      color: #464039; }
      @media (min-width: 1024px) {
        .article-banner__clip-content .article-banner__title {
          font-size: 40px;
          letter-spacing: -1.6px; } }
    .article-banner__clip-content .article-banner__text {
      margin-bottom: 6px;
      font-size: 16px;
      line-height: 136%;
      color: #464039; }
  .article-banner__card-inside {
    margin-left: 24px;
    margin-right: 24px;
    border-radius: 8px;
    max-height: 600px; }
    @media (min-width: 768px) {
      .article-banner__card-inside {
        max-height: 450px;
        margin-left: 0;
        margin-right: 0; } }
    .article-banner__card-inside .article-banner__content {
      width: calc(100% - 48px);
      max-height: calc(100% - 48px);
      bottom: 24px;
      left: 24px;
      padding: 40px;
      border-radius: 8px; }
      @media (min-width: 768px) {
        .article-banner__card-inside .article-banner__content {
          width: calc(100% - 80px);
          max-height: calc(100% - 80px);
          max-width: 400px;
          left: 40px;
          bottom: 40px; } }
      .article-banner__card-inside .article-banner__content .article-banner__logo {
        max-height: 80px;
        width: fit-content; }
    .article-banner__card-inside .article-banner__text {
      font-size: 16px;
      line-height: 136%;
      color: #464039; }
  .article-banner__card-outside {
    margin-left: 24px;
    margin-right: 24px;
    gap: 24px; }
    @media (min-width: 768px) {
      .article-banner__card-outside {
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 1024px) {
      .article-banner__card-outside {
        gap: 40px; } }
    .article-banner__card-outside .article-banner__img {
      border-radius: 8px; }
    .article-banner__card-outside .article-banner__content {
      padding: 40px 24px;
      border-radius: 8px;
      background-color: #464039; }
      @media (min-width: 1024px) {
        .article-banner__card-outside .article-banner__content {
          padding: 40px; } }
      .article-banner__card-outside .article-banner__content .article-banner__label {
        font-size: 14px;
        line-height: normal;
        font-weight: 600;
        letter-spacing: 0.01em; }
      .article-banner__card-outside .article-banner__content .article-banner__title {
        font-size: 32px;
        line-height: 120%;
        font-weight: 600;
        letter-spacing: -1.28px; }
        @media (min-width: 1024px) {
          .article-banner__card-outside .article-banner__content .article-banner__title {
            font-size: 40px; } }
      .article-banner__card-outside .article-banner__content .article-banner__text {
        font-size: 16px;
        line-height: 136%; }
      .article-banner__card-outside .article-banner__content .article-banner__btn--main,
      .article-banner__card-outside .article-banner__content .article-banner__btn--main:active,
      .article-banner__card-outside .article-banner__content .article-banner__btn--main:link,
      .article-banner__card-outside .article-banner__content .article-banner__btn--main:visited {
        color: #464039;
        border-color: #fff;
        background-color: #fff; }
        .article-banner__card-outside .article-banner__content .article-banner__btn--main svg path,
        .article-banner__card-outside .article-banner__content .article-banner__btn--main:active svg path,
        .article-banner__card-outside .article-banner__content .article-banner__btn--main:link svg path,
        .article-banner__card-outside .article-banner__content .article-banner__btn--main:visited svg path {
          fill: #464039; }
      .article-banner__card-outside .article-banner__content .article-banner__btn--secondary,
      .article-banner__card-outside .article-banner__content .article-banner__btn--secondary:active,
      .article-banner__card-outside .article-banner__content .article-banner__btn--secondary:link,
      .article-banner__card-outside .article-banner__content .article-banner__btn--secondary:visited {
        color: #fff;
        border-color: #fff; }
        .article-banner__card-outside .article-banner__content .article-banner__btn--secondary svg path,
        .article-banner__card-outside .article-banner__content .article-banner__btn--secondary:active svg path,
        .article-banner__card-outside .article-banner__content .article-banner__btn--secondary:link svg path,
        .article-banner__card-outside .article-banner__content .article-banner__btn--secondary:visited svg path {
          fill: #fff; }
  .contentPage-container .article-banner__landing {
    width: 100vw; }
  .article-page__header .article-banner__landing {
    margin: 0 -20px; }
    @media (min-width: 768px) {
      .article-page__header .article-banner__landing {
        margin: 0; } }
  .article-banner__landing.frame-video {
    width: 100vw;
    height: 585px; }
    @media (min-width: 1024px) {
      .article-banner__landing.frame-video {
        height: auto; } }
    .article-banner__landing.frame-video iframe,
    .article-banner__landing.frame-video video {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      height: 100%;
      width: auto; }
      @media (min-width: 1024px) {
        .article-banner__landing.frame-video iframe,
        .article-banner__landing.frame-video video {
          height: auto;
          width: 100%;
          position: relative;
          left: unset;
          transform: unset; } }
    .article-banner__landing.frame-video .article-banner__video--has-mobile {
      max-width: 100%; }
    .article-banner__landing.frame-video .article-banner__video--has-mobile ~ .article-banner__content {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: auto;
      min-width: 340px; }
  .article-banner__landing .article-banner__video-veil {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%; }
  .article-banner__landing .article-banner__content {
    width: calc(100% - 48px);
    max-height: calc(100% - 80px);
    bottom: 40px;
    left: 24px;
    z-index: 2; }
    @media (min-width: 768px) {
      .article-banner__landing .article-banner__content {
        bottom: 80px; } }
    .article-banner__landing .article-banner__content .article-banner__title {
      font-size: 40px;
      font-weight: 500;
      line-height: 110%;
      letter-spacing: -1.6px;
      text-shadow: 0px 2px 8px rgba(70, 64, 57, 0.32); }
      @media (min-width: 768px) {
        .article-banner__landing .article-banner__content .article-banner__title {
          font-size: 56px;
          letter-spacing: -2.24px; } }
    .article-banner__landing .article-banner__content .article-banner__text {
      font-size: 18px;
      font-weight: 500;
      line-height: 136%; }
  .article-banner__image-banner {
    height: 438px;
    padding: unset;
    max-width: 1264px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw; }
    @media (min-width: 768px) {
      .article-banner__image-banner {
        border-radius: 8px;
        width: calc(100vw - 15px); } }
    .article-banner__image-banner .banner-img,
    .article-banner__image-banner .article-banner__img {
      object-fit: cover; }
    .article-banner__image-banner .background-gradient {
      background: linear-gradient(181deg, rgba(56, 51, 46, 0) 0.72%, #38332E 101.26%);
      left: 0; }
    .article-banner__image-banner .article-banner__title {
      font-size: 32px;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .article-banner__image-banner .article-banner__title {
          font-size: 40px; } }
    .article-banner__image-banner .article-banner__content {
      left: 24px;
      bottom: 40px;
      width: calc(100vw - 48px);
      gap: 16px; }
      @media (min-width: 768px) {
        .article-banner__image-banner .article-banner__content {
          max-width: 652px;
          left: 88px;
          right: 24px; } }
      .article-banner__image-banner .article-banner__content .article-banner__label {
        font-size: 14px;
        color: #fff; }
      .article-banner__image-banner .article-banner__content__text,
      .article-banner__image-banner .article-banner__content__text > p {
        margin-bottom: 0 !important; }
    .article-banner__image-banner .article-banner__btn--secondary, .article-banner__image-banner .article-banner__btn--secondary:link, .article-banner__image-banner .article-banner__btn--secondary:active, .article-banner__image-banner .article-banner__btn--secondary:visited {
      background-color: #fff; }
  .article-banner__color, .article-banner__clip-content {
    background-color: #F8F7F7; }

[data-pet-world="Dog"] .article-banner:not(.article-banner__image):not(.article-banner__card-outside) .article-banner__label, body[data-color-site="dogColor"] .article-banner:not(.article-banner__image):not(.article-banner__card-outside) .article-banner__label {
  color: #936031; }
  [data-pet-world="Dog"] .article-banner:not(.article-banner__image):not(.article-banner__card-outside) .article-banner__label.image-banner, body[data-color-site="dogColor"] .article-banner:not(.article-banner__image):not(.article-banner__card-outside) .article-banner__label.image-banner {
    color: white; }

[data-pet-world="Dog"] .article-banner__btn, [data-pet-world="Dog"] .article-banner__btn:link, [data-pet-world="Dog"] .article-banner__btn:active, [data-pet-world="Dog"] .article-banner__btn:visited, body[data-color-site="dogColor"] .article-banner__btn, body[data-color-site="dogColor"] .article-banner__btn:link, body[data-color-site="dogColor"] .article-banner__btn:active, body[data-color-site="dogColor"] .article-banner__btn:visited {
  border-color: #936031; }
  [data-pet-world="Dog"] .article-banner__btn.article-banner__btn--main, [data-pet-world="Dog"] .article-banner__btn.article-banner__btn--main:link, [data-pet-world="Dog"] .article-banner__btn.article-banner__btn--main:active, [data-pet-world="Dog"] .article-banner__btn.article-banner__btn--main:visited, [data-pet-world="Dog"] .article-banner__btn:link.article-banner__btn--main, [data-pet-world="Dog"] .article-banner__btn:link.article-banner__btn--main:link, [data-pet-world="Dog"] .article-banner__btn:link.article-banner__btn--main:active, [data-pet-world="Dog"] .article-banner__btn:link.article-banner__btn--main:visited, [data-pet-world="Dog"] .article-banner__btn:active.article-banner__btn--main, [data-pet-world="Dog"] .article-banner__btn:active.article-banner__btn--main:link, [data-pet-world="Dog"] .article-banner__btn:active.article-banner__btn--main:active, [data-pet-world="Dog"] .article-banner__btn:active.article-banner__btn--main:visited, [data-pet-world="Dog"] .article-banner__btn:visited.article-banner__btn--main, [data-pet-world="Dog"] .article-banner__btn:visited.article-banner__btn--main:link, [data-pet-world="Dog"] .article-banner__btn:visited.article-banner__btn--main:active, [data-pet-world="Dog"] .article-banner__btn:visited.article-banner__btn--main:visited, body[data-color-site="dogColor"] .article-banner__btn.article-banner__btn--main, body[data-color-site="dogColor"] .article-banner__btn.article-banner__btn--main:link, body[data-color-site="dogColor"] .article-banner__btn.article-banner__btn--main:active, body[data-color-site="dogColor"] .article-banner__btn.article-banner__btn--main:visited, body[data-color-site="dogColor"] .article-banner__btn:link.article-banner__btn--main, body[data-color-site="dogColor"] .article-banner__btn:link.article-banner__btn--main:link, body[data-color-site="dogColor"] .article-banner__btn:link.article-banner__btn--main:active, body[data-color-site="dogColor"] .article-banner__btn:link.article-banner__btn--main:visited, body[data-color-site="dogColor"] .article-banner__btn:active.article-banner__btn--main, body[data-color-site="dogColor"] .article-banner__btn:active.article-banner__btn--main:link, body[data-color-site="dogColor"] .article-banner__btn:active.article-banner__btn--main:active, body[data-color-site="dogColor"] .article-banner__btn:active.article-banner__btn--main:visited, body[data-color-site="dogColor"] .article-banner__btn:visited.article-banner__btn--main, body[data-color-site="dogColor"] .article-banner__btn:visited.article-banner__btn--main:link, body[data-color-site="dogColor"] .article-banner__btn:visited.article-banner__btn--main:active, body[data-color-site="dogColor"] .article-banner__btn:visited.article-banner__btn--main:visited {
    background-color: #936031;
    color: #fff; }
  [data-pet-world="Dog"] .article-banner__btn.article-banner__btn--secondary, [data-pet-world="Dog"] .article-banner__btn.article-banner__btn--secondary:link, [data-pet-world="Dog"] .article-banner__btn.article-banner__btn--secondary:active, [data-pet-world="Dog"] .article-banner__btn.article-banner__btn--secondary:visited, [data-pet-world="Dog"] .article-banner__btn:link.article-banner__btn--secondary, [data-pet-world="Dog"] .article-banner__btn:link.article-banner__btn--secondary:link, [data-pet-world="Dog"] .article-banner__btn:link.article-banner__btn--secondary:active, [data-pet-world="Dog"] .article-banner__btn:link.article-banner__btn--secondary:visited, [data-pet-world="Dog"] .article-banner__btn:active.article-banner__btn--secondary, [data-pet-world="Dog"] .article-banner__btn:active.article-banner__btn--secondary:link, [data-pet-world="Dog"] .article-banner__btn:active.article-banner__btn--secondary:active, [data-pet-world="Dog"] .article-banner__btn:active.article-banner__btn--secondary:visited, [data-pet-world="Dog"] .article-banner__btn:visited.article-banner__btn--secondary, [data-pet-world="Dog"] .article-banner__btn:visited.article-banner__btn--secondary:link, [data-pet-world="Dog"] .article-banner__btn:visited.article-banner__btn--secondary:active, [data-pet-world="Dog"] .article-banner__btn:visited.article-banner__btn--secondary:visited, body[data-color-site="dogColor"] .article-banner__btn.article-banner__btn--secondary, body[data-color-site="dogColor"] .article-banner__btn.article-banner__btn--secondary:link, body[data-color-site="dogColor"] .article-banner__btn.article-banner__btn--secondary:active, body[data-color-site="dogColor"] .article-banner__btn.article-banner__btn--secondary:visited, body[data-color-site="dogColor"] .article-banner__btn:link.article-banner__btn--secondary, body[data-color-site="dogColor"] .article-banner__btn:link.article-banner__btn--secondary:link, body[data-color-site="dogColor"] .article-banner__btn:link.article-banner__btn--secondary:active, body[data-color-site="dogColor"] .article-banner__btn:link.article-banner__btn--secondary:visited, body[data-color-site="dogColor"] .article-banner__btn:active.article-banner__btn--secondary, body[data-color-site="dogColor"] .article-banner__btn:active.article-banner__btn--secondary:link, body[data-color-site="dogColor"] .article-banner__btn:active.article-banner__btn--secondary:active, body[data-color-site="dogColor"] .article-banner__btn:active.article-banner__btn--secondary:visited, body[data-color-site="dogColor"] .article-banner__btn:visited.article-banner__btn--secondary, body[data-color-site="dogColor"] .article-banner__btn:visited.article-banner__btn--secondary:link, body[data-color-site="dogColor"] .article-banner__btn:visited.article-banner__btn--secondary:active, body[data-color-site="dogColor"] .article-banner__btn:visited.article-banner__btn--secondary:visited {
    color: #936031; }
    [data-pet-world="Dog"] .article-banner__btn.article-banner__btn--secondary svg path, [data-pet-world="Dog"] .article-banner__btn.article-banner__btn--secondary:link svg path, [data-pet-world="Dog"] .article-banner__btn.article-banner__btn--secondary:active svg path, [data-pet-world="Dog"] .article-banner__btn.article-banner__btn--secondary:visited svg path, [data-pet-world="Dog"] .article-banner__btn:link.article-banner__btn--secondary svg path, [data-pet-world="Dog"] .article-banner__btn:link.article-banner__btn--secondary:link svg path, [data-pet-world="Dog"] .article-banner__btn:link.article-banner__btn--secondary:active svg path, [data-pet-world="Dog"] .article-banner__btn:link.article-banner__btn--secondary:visited svg path, [data-pet-world="Dog"] .article-banner__btn:active.article-banner__btn--secondary svg path, [data-pet-world="Dog"] .article-banner__btn:active.article-banner__btn--secondary:link svg path, [data-pet-world="Dog"] .article-banner__btn:active.article-banner__btn--secondary:active svg path, [data-pet-world="Dog"] .article-banner__btn:active.article-banner__btn--secondary:visited svg path, [data-pet-world="Dog"] .article-banner__btn:visited.article-banner__btn--secondary svg path, [data-pet-world="Dog"] .article-banner__btn:visited.article-banner__btn--secondary:link svg path, [data-pet-world="Dog"] .article-banner__btn:visited.article-banner__btn--secondary:active svg path, [data-pet-world="Dog"] .article-banner__btn:visited.article-banner__btn--secondary:visited svg path, body[data-color-site="dogColor"] .article-banner__btn.article-banner__btn--secondary svg path, body[data-color-site="dogColor"] .article-banner__btn.article-banner__btn--secondary:link svg path, body[data-color-site="dogColor"] .article-banner__btn.article-banner__btn--secondary:active svg path, body[data-color-site="dogColor"] .article-banner__btn.article-banner__btn--secondary:visited svg path, body[data-color-site="dogColor"] .article-banner__btn:link.article-banner__btn--secondary svg path, body[data-color-site="dogColor"] .article-banner__btn:link.article-banner__btn--secondary:link svg path, body[data-color-site="dogColor"] .article-banner__btn:link.article-banner__btn--secondary:active svg path, body[data-color-site="dogColor"] .article-banner__btn:link.article-banner__btn--secondary:visited svg path, body[data-color-site="dogColor"] .article-banner__btn:active.article-banner__btn--secondary svg path, body[data-color-site="dogColor"] .article-banner__btn:active.article-banner__btn--secondary:link svg path, body[data-color-site="dogColor"] .article-banner__btn:active.article-banner__btn--secondary:active svg path, body[data-color-site="dogColor"] .article-banner__btn:active.article-banner__btn--secondary:visited svg path, body[data-color-site="dogColor"] .article-banner__btn:visited.article-banner__btn--secondary svg path, body[data-color-site="dogColor"] .article-banner__btn:visited.article-banner__btn--secondary:link svg path, body[data-color-site="dogColor"] .article-banner__btn:visited.article-banner__btn--secondary:active svg path, body[data-color-site="dogColor"] .article-banner__btn:visited.article-banner__btn--secondary:visited svg path {
      fill: #936031; }

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

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

[data-pet-world="Dog"] .article-banner__card-outside .article-banner__btn--main, body[data-color-site="dogColor"] .article-banner__card-outside .article-banner__btn--main {
  color: #936031; }
  [data-pet-world="Dog"] .article-banner__card-outside .article-banner__btn--main svg path, body[data-color-site="dogColor"] .article-banner__card-outside .article-banner__btn--main svg path {
    fill: #936031; }

[data-pet-world="Dog"] .article-banner__color, [data-pet-world="Dog"] .article-banner__clip-content, body[data-color-site="dogColor"] .article-banner__color, body[data-color-site="dogColor"] .article-banner__clip-content {
  background-color: #F9F2EC; }

[data-pet-world="Cat"] .article-banner:not(.article-banner__image):not(.article-banner__card-outside) .article-banner__label, body[data-color-site="catColor"] .article-banner:not(.article-banner__image):not(.article-banner__card-outside) .article-banner__label {
  color: #4A773C; }
  [data-pet-world="Cat"] .article-banner:not(.article-banner__image):not(.article-banner__card-outside) .article-banner__label.image-banner, body[data-color-site="catColor"] .article-banner:not(.article-banner__image):not(.article-banner__card-outside) .article-banner__label.image-banner {
    color: white; }

[data-pet-world="Cat"] .article-banner__btn, [data-pet-world="Cat"] .article-banner__btn:link, [data-pet-world="Cat"] .article-banner__btn:active, [data-pet-world="Cat"] .article-banner__btn:visited, body[data-color-site="catColor"] .article-banner__btn, body[data-color-site="catColor"] .article-banner__btn:link, body[data-color-site="catColor"] .article-banner__btn:active, body[data-color-site="catColor"] .article-banner__btn:visited {
  border-color: #4A773C; }
  [data-pet-world="Cat"] .article-banner__btn.article-banner__btn--main, [data-pet-world="Cat"] .article-banner__btn.article-banner__btn--main:link, [data-pet-world="Cat"] .article-banner__btn.article-banner__btn--main:active, [data-pet-world="Cat"] .article-banner__btn.article-banner__btn--main:visited, [data-pet-world="Cat"] .article-banner__btn:link.article-banner__btn--main, [data-pet-world="Cat"] .article-banner__btn:link.article-banner__btn--main:link, [data-pet-world="Cat"] .article-banner__btn:link.article-banner__btn--main:active, [data-pet-world="Cat"] .article-banner__btn:link.article-banner__btn--main:visited, [data-pet-world="Cat"] .article-banner__btn:active.article-banner__btn--main, [data-pet-world="Cat"] .article-banner__btn:active.article-banner__btn--main:link, [data-pet-world="Cat"] .article-banner__btn:active.article-banner__btn--main:active, [data-pet-world="Cat"] .article-banner__btn:active.article-banner__btn--main:visited, [data-pet-world="Cat"] .article-banner__btn:visited.article-banner__btn--main, [data-pet-world="Cat"] .article-banner__btn:visited.article-banner__btn--main:link, [data-pet-world="Cat"] .article-banner__btn:visited.article-banner__btn--main:active, [data-pet-world="Cat"] .article-banner__btn:visited.article-banner__btn--main:visited, body[data-color-site="catColor"] .article-banner__btn.article-banner__btn--main, body[data-color-site="catColor"] .article-banner__btn.article-banner__btn--main:link, body[data-color-site="catColor"] .article-banner__btn.article-banner__btn--main:active, body[data-color-site="catColor"] .article-banner__btn.article-banner__btn--main:visited, body[data-color-site="catColor"] .article-banner__btn:link.article-banner__btn--main, body[data-color-site="catColor"] .article-banner__btn:link.article-banner__btn--main:link, body[data-color-site="catColor"] .article-banner__btn:link.article-banner__btn--main:active, body[data-color-site="catColor"] .article-banner__btn:link.article-banner__btn--main:visited, body[data-color-site="catColor"] .article-banner__btn:active.article-banner__btn--main, body[data-color-site="catColor"] .article-banner__btn:active.article-banner__btn--main:link, body[data-color-site="catColor"] .article-banner__btn:active.article-banner__btn--main:active, body[data-color-site="catColor"] .article-banner__btn:active.article-banner__btn--main:visited, body[data-color-site="catColor"] .article-banner__btn:visited.article-banner__btn--main, body[data-color-site="catColor"] .article-banner__btn:visited.article-banner__btn--main:link, body[data-color-site="catColor"] .article-banner__btn:visited.article-banner__btn--main:active, body[data-color-site="catColor"] .article-banner__btn:visited.article-banner__btn--main:visited {
    background-color: #4A773C;
    color: #fff; }
  [data-pet-world="Cat"] .article-banner__btn.article-banner__btn--secondary, [data-pet-world="Cat"] .article-banner__btn.article-banner__btn--secondary:link, [data-pet-world="Cat"] .article-banner__btn.article-banner__btn--secondary:active, [data-pet-world="Cat"] .article-banner__btn.article-banner__btn--secondary:visited, [data-pet-world="Cat"] .article-banner__btn:link.article-banner__btn--secondary, [data-pet-world="Cat"] .article-banner__btn:link.article-banner__btn--secondary:link, [data-pet-world="Cat"] .article-banner__btn:link.article-banner__btn--secondary:active, [data-pet-world="Cat"] .article-banner__btn:link.article-banner__btn--secondary:visited, [data-pet-world="Cat"] .article-banner__btn:active.article-banner__btn--secondary, [data-pet-world="Cat"] .article-banner__btn:active.article-banner__btn--secondary:link, [data-pet-world="Cat"] .article-banner__btn:active.article-banner__btn--secondary:active, [data-pet-world="Cat"] .article-banner__btn:active.article-banner__btn--secondary:visited, [data-pet-world="Cat"] .article-banner__btn:visited.article-banner__btn--secondary, [data-pet-world="Cat"] .article-banner__btn:visited.article-banner__btn--secondary:link, [data-pet-world="Cat"] .article-banner__btn:visited.article-banner__btn--secondary:active, [data-pet-world="Cat"] .article-banner__btn:visited.article-banner__btn--secondary:visited, body[data-color-site="catColor"] .article-banner__btn.article-banner__btn--secondary, body[data-color-site="catColor"] .article-banner__btn.article-banner__btn--secondary:link, body[data-color-site="catColor"] .article-banner__btn.article-banner__btn--secondary:active, body[data-color-site="catColor"] .article-banner__btn.article-banner__btn--secondary:visited, body[data-color-site="catColor"] .article-banner__btn:link.article-banner__btn--secondary, body[data-color-site="catColor"] .article-banner__btn:link.article-banner__btn--secondary:link, body[data-color-site="catColor"] .article-banner__btn:link.article-banner__btn--secondary:active, body[data-color-site="catColor"] .article-banner__btn:link.article-banner__btn--secondary:visited, body[data-color-site="catColor"] .article-banner__btn:active.article-banner__btn--secondary, body[data-color-site="catColor"] .article-banner__btn:active.article-banner__btn--secondary:link, body[data-color-site="catColor"] .article-banner__btn:active.article-banner__btn--secondary:active, body[data-color-site="catColor"] .article-banner__btn:active.article-banner__btn--secondary:visited, body[data-color-site="catColor"] .article-banner__btn:visited.article-banner__btn--secondary, body[data-color-site="catColor"] .article-banner__btn:visited.article-banner__btn--secondary:link, body[data-color-site="catColor"] .article-banner__btn:visited.article-banner__btn--secondary:active, body[data-color-site="catColor"] .article-banner__btn:visited.article-banner__btn--secondary:visited {
    color: #4A773C; }
    [data-pet-world="Cat"] .article-banner__btn.article-banner__btn--secondary svg path, [data-pet-world="Cat"] .article-banner__btn.article-banner__btn--secondary:link svg path, [data-pet-world="Cat"] .article-banner__btn.article-banner__btn--secondary:active svg path, [data-pet-world="Cat"] .article-banner__btn.article-banner__btn--secondary:visited svg path, [data-pet-world="Cat"] .article-banner__btn:link.article-banner__btn--secondary svg path, [data-pet-world="Cat"] .article-banner__btn:link.article-banner__btn--secondary:link svg path, [data-pet-world="Cat"] .article-banner__btn:link.article-banner__btn--secondary:active svg path, [data-pet-world="Cat"] .article-banner__btn:link.article-banner__btn--secondary:visited svg path, [data-pet-world="Cat"] .article-banner__btn:active.article-banner__btn--secondary svg path, [data-pet-world="Cat"] .article-banner__btn:active.article-banner__btn--secondary:link svg path, [data-pet-world="Cat"] .article-banner__btn:active.article-banner__btn--secondary:active svg path, [data-pet-world="Cat"] .article-banner__btn:active.article-banner__btn--secondary:visited svg path, [data-pet-world="Cat"] .article-banner__btn:visited.article-banner__btn--secondary svg path, [data-pet-world="Cat"] .article-banner__btn:visited.article-banner__btn--secondary:link svg path, [data-pet-world="Cat"] .article-banner__btn:visited.article-banner__btn--secondary:active svg path, [data-pet-world="Cat"] .article-banner__btn:visited.article-banner__btn--secondary:visited svg path, body[data-color-site="catColor"] .article-banner__btn.article-banner__btn--secondary svg path, body[data-color-site="catColor"] .article-banner__btn.article-banner__btn--secondary:link svg path, body[data-color-site="catColor"] .article-banner__btn.article-banner__btn--secondary:active svg path, body[data-color-site="catColor"] .article-banner__btn.article-banner__btn--secondary:visited svg path, body[data-color-site="catColor"] .article-banner__btn:link.article-banner__btn--secondary svg path, body[data-color-site="catColor"] .article-banner__btn:link.article-banner__btn--secondary:link svg path, body[data-color-site="catColor"] .article-banner__btn:link.article-banner__btn--secondary:active svg path, body[data-color-site="catColor"] .article-banner__btn:link.article-banner__btn--secondary:visited svg path, body[data-color-site="catColor"] .article-banner__btn:active.article-banner__btn--secondary svg path, body[data-color-site="catColor"] .article-banner__btn:active.article-banner__btn--secondary:link svg path, body[data-color-site="catColor"] .article-banner__btn:active.article-banner__btn--secondary:active svg path, body[data-color-site="catColor"] .article-banner__btn:active.article-banner__btn--secondary:visited svg path, body[data-color-site="catColor"] .article-banner__btn:visited.article-banner__btn--secondary svg path, body[data-color-site="catColor"] .article-banner__btn:visited.article-banner__btn--secondary:link svg path, body[data-color-site="catColor"] .article-banner__btn:visited.article-banner__btn--secondary:active svg path, body[data-color-site="catColor"] .article-banner__btn:visited.article-banner__btn--secondary:visited svg path {
      fill: #4A773C; }

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

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

[data-pet-world="Cat"] .article-banner__card-outside .article-banner__btn--main, body[data-color-site="catColor"] .article-banner__card-outside .article-banner__btn--main {
  color: #4A773C; }
  [data-pet-world="Cat"] .article-banner__card-outside .article-banner__btn--main svg path, body[data-color-site="catColor"] .article-banner__card-outside .article-banner__btn--main svg path {
    fill: #4A773C; }

[data-pet-world="Cat"] .article-banner__color, [data-pet-world="Cat"] .article-banner__clip-content, body[data-color-site="catColor"] .article-banner__color, body[data-color-site="catColor"] .article-banner__clip-content {
  background-color: #F0F6EE; }

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