.spwk-pattern__blog-carousel {
  --blog-carousel-excerpt-max-lines: 3;
  --blog-carousel-eyebrow-padding-block: 0.125rem;
  --blog-carousel-eyebrow-padding-inline: 0.625rem;
}
.spwk-pattern__blog-carousel .blog-carousel__intro {
  margin-block-end: var(--wp--preset--spacing--30);
  text-align: start;
}
@media (min-width: 783px) {
  .spwk-pattern__blog-carousel .blog-carousel__intro {
    margin-inline: auto;
    max-inline-size: 768px;
    text-align: center;
  }
}
.spwk-pattern__blog-carousel .blog-carousel__eyebrow {
  display: inline-block;
  margin-block-end: var(--wp--preset--spacing--10);
  border-radius: var(--wp--preset--border-radius--rounded, 9999px);
  background: var(--wp--preset--color--primary-25);
  padding-block: var(--blog-carousel-eyebrow-padding-block);
  padding-inline: var(--blog-carousel-eyebrow-padding-inline);
  line-height: var(--wp--custom--line-height--small);
}
.spwk-pattern__blog-carousel .blog-carousel__heading {
  margin-block: 0 var(--wp--preset--spacing--20);
}
.spwk-pattern__blog-carousel .blog-carousel__lead {
  margin-block: 0;
}
.spwk-pattern__blog-carousel {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- the -webkit- prefix is still required */
}
.spwk-pattern__blog-carousel .card__copy {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: var(--blog-carousel-excerpt-max-lines);
  line-clamp: var(--blog-carousel-excerpt-max-lines);
  -webkit-box-orient: vertical;
}
.spwk-pattern__blog-carousel .blog-carousel__more {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--wp--preset--spacing--10);
  margin-block-start: auto;
  text-decoration: none;
}
.spwk-pattern__blog-carousel .blog-carousel__more::before {
  display: inline-block;
  background-color: currentcolor;
  inline-size: 1em;
  block-size: 1em;
  vertical-align: middle;
  content: "";
  mask: var(--spwk--icon--angle-right);
  mask-size: cover;
}
.spwk-pattern__blog-carousel .blog-carousel__more::before {
  order: 1;
}
.spwk-pattern__blog-carousel .blog-carousel__more:focus-visible {
  text-decoration: underline;
}
@media (hover: hover) {
  .spwk-pattern__blog-carousel .blog-carousel__more:hover {
    text-decoration: underline;
  }
}

/*# sourceMappingURL=blog-carousel.css.map */