/**
 * Listicle component style.
 */
:root {
  --listicle-image-width: 180px;
  --listicle-image-margin-right: 0.9375rem;
}

/* stylelint-disable */
.c-listicle {
  position: relative;
}
.c-listicle:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: #fff;
  z-index: -1;
}
.c-listicle--grey {
  padding-top: var(--s-lg);
  padding-bottom: var(--s-lg);
}
@media (min-width: 600px) {
  .c-listicle--grey {
    padding-top: var(--s-3xl);
    padding-bottom: var(--s-3xl);
  }
}
.c-listicle--grey:before {
  background-color: var(--c-grayscale-off-white);
}
.c-product-presentation:not(.c-background--grey) + .c-listicle:not(.c-listicle--grey), .c-product-presentation.c-background--grey + .c-listicle--grey, .c-product-presentation:not(.c-background--grey) + link + .c-listicle:not(.c-listicle--grey), .c-product-presentation.c-background--grey + link + .c-listicle--grey {
  margin-top: 0;
}
.c-listicle p {
  font-size: var(--text-base);
}
.c-listicle .listicle--bullets .icon {
  font-size: 0.625rem;
  color: var(--c-brand-secondary);
  margin-right: 0.625rem;
}
.c-listicle .listicle--numbers {
  counter-reset: dl;
}
.c-listicle .listicle--numbers .item__header {
  counter-increment: dt;
}
.c-listicle .listicle--numbers .item__header:before {
  display: inline-block;
  width: 1.2rem;
  content: counter(dt) ".";
  color: var(--c-brand-secondary);
  font-weight: bold;
}
.c-listicle .listicle--icons .icon {
  margin-right: 0.444rem;
  font-size: 1.5rem;
  color: var(--c-brand-secondary);
}
.c-listicle .listicle--images .item {
  display: block;
  margin-bottom: 1.875rem;
}
@media (min-width: 400px) {
  .c-listicle .listicle--images .item {
    display: flex;
    margin-bottom: 2.5rem;
  }
}
.c-listicle .listicle--images .item__content {
  width: 100%;
  margin-top: 1rem;
}
@media (min-width: 400px) {
  .c-listicle .listicle--images .item__content {
    width: calc(100% - (var(--listicle-image-width) + var(--listicle-image-margin-right)));
    margin-top: 0;
  }
}
.c-listicle .listicle--images .item__text {
  margin-bottom: 0;
}
.c-listicle .listicle--images .item__image {
  margin-right: var(--listicle-image-margin-right);
  flex-shrink: 0;
}
@media (min-width: 400px) {
  .c-listicle .listicle--images .item__image {
    width: var(--listicle-image-width);
    margin-right: 2.5rem;
  }
}
.c-listicle .listicle--images .c-link {
  margin-top: var(--s-sm);
  font-size: var(--text-sm);
}
.c-listicle .item__header {
  display: flex;
}
.c-listicle .listicle__title {
  margin-bottom: 1.25rem;
  line-height: 1.33;
}
@media (min-width: 400px) {
  .c-listicle .listicle__title {
    line-height: 1.36;
  }
}
.c-listicle .item__title {
  margin-bottom: 0.3125rem;
  font-weight: bold;
  line-height: 1.5;
  color: #000;
  font-size: var(--text-base);
}
@media (min-width: 400px) {
  .c-listicle .item__title {
    line-height: 1.56;
  }
}
.c-listicle .item__text {
  margin-bottom: 1.25rem;
  margin-left: 0;
  font-size: var(--text-base);
}
.c-listicle .listicle--links .item__text {
  margin-bottom: var(--s-sm);
}
.c-listicle .listicle--links .item__text .c-link {
  display: initial;
  margin-top: 0;
}
.c-listicle .listicle--links .item__text .icon {
  position: relative;
  top: 0.2rem;
}
.c-listicle > p {
  max-width: 620px;
}
.c-listicle .listicle__content-wrapper {
  display: block;
  margin-bottom: var(--s-4xl);
}
@media (min-width: 600px) {
  .c-listicle .listicle__content-wrapper {
    display: flex;
    gap: var(--s-4xl);
  }
  .c-listicle .listicle__content-wrapper .listicle__image {
    order: 2;
  }
  .c-listicle .listicle__content-wrapper .listicle__content {
    order: 1;
  }
}
.c-listicle .listicle__image {
  margin-top: 0.4rem;
  margin-bottom: var(--s-lg);
}
@media (min-width: 600px) {
  .c-listicle .listicle__image {
    flex: 1 0 36.5%;
    max-width: 290px;
    margin-bottom: 0;
  }
}
.c-listicle .listicle__content ul {
  position: relative;
  list-style-type: none;
  margin-left: 34px;
}
.c-listicle .listicle__content ul li:not(:first-child) {
  margin-top: var(--s-xs);
}
.c-listicle .listicle__content ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -34px;
  width: 24px;
  height: 24px;
  color: var(--c-brand-secondary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(2 2)'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2301595a'%3E%3C/circle%3E%3Cpath stroke='%23FFF' stroke-linecap='round' stroke-width='1.6' d='M14.5 7l-6.005 6L5.5 10'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}