.l-container--blog-teaser {
  /* stylelint-disable-next-line property-no-unknown */
  container-name: blog-teaser;
}

.dsa-blog-teaser {
  --dsa-blog-teaser--background: transparent;
  --dsa-blog-teaser--gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-xs);
  --dsa-blog-teaser__topic--font: var(--dsa-topic--font);
  --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-l);
  --dsa-blog-teaser__topic--font-weight: var(--dsa-topic--font-weight);
  --dsa-blog-teaser__tag-label--font: var(--ks-font-interface-xs);
  --dsa-blog-teaser__copy--font: var(--ks-font-copy-s);
  --dsa-blog-teaser__copy--color: var(--ks-text-color-copy);
  --dsa-blog-teaser__copy--color_hover: var(--ks-color-fg);
  --dsa-blog-teaser__copy--margin-top: 0.5em;
  --dsa-blog-teaser__meta--font: var(--ks-spacing-stack-s);
  --dsa-blog-teaser__meta--color: var(--ks-text-color-interface);
  --dsa-blog-teaser__meta__author--font-weight: var(--ks-font-weight-semi-bold);
  --dsa-blog-teaser__avatar--size: 2em;
  --dsa-blog-teaser__image--border-radius: var(--ks-border-radius-card);
  --dsa-blog-teaser__image--transition: var(--ks-transition-fade);
  --dsa-blog-teaser__image--transform: scale(1.05);
}
@container blog-teaser (min-width: 640px) {
  .dsa-blog-teaser {
    --dsa-blog-teaser--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
    --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-xl);
    --dsa-blog-teaser__copy--font: var(--ks-font-copy-m);
    --dsa-blog-teaser__tag-label--font: var(--ks-font-interface-s);
  }
}
@container blog-teaser (min-width: 1000px) {
  .dsa-blog-teaser {
    --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-xxl);
  }
}

.l-container--post-teaser {
  /* stylelint-disable-next-line property-no-unknown */
  container-name: post-teaser;
}

.dsa-blog-teaser.c-post-teaser {
  --c-teaser--background: var(--dsa-blog-teaser--background, transparent);
  --c-post-teaser--gap: var(--dsa-blog-teaser--gap, var(--ks-spacing-stack-s) var(--ks-spacing-inline-s));
  --c-teaser_text--spacing: var(--dsa-blog-teaser__copy--margin-top, var(--ks-spacing-stack-s));
  --c-post-teaser--color: var(--dsa-blog-teaser__copy--color, var(--ks-text-color-copy));
}
.dsa-blog-teaser.c-post-teaser .c-tag-label {
  --c-tag-label--font: var(--dsa-blog-teaser__tag-label--font, var(--ks-font-interface-s));
}
.dsa-blog-teaser.c-post-teaser .c-teaser {
  overflow: visible;
  cursor: pointer;
}
.dsa-blog-teaser.c-post-teaser .c-teaser:hover .c-rich-text {
  color: var(--dsa-blog-teaser__copy--color_hover, var(--ks-text-color-interface-interactive-hover));
}
.dsa-blog-teaser.c-post-teaser .c-teaser:hover .c-rich-text > :not(.c-post-meta) {
  text-decoration: none;
}
.dsa-blog-teaser.c-post-teaser .c-teaser:hover .c-post-teaser__image img {
  transform: var(--dsa-blog-teaser__image--transform, scale(1.05));
}
.dsa-blog-teaser.c-post-teaser .c-post-teaser__image {
  overflow: hidden;
  border-radius: var(--dsa-blog-teaser__image--border-radius, var(--ks-border-radius-card));
}
.dsa-blog-teaser.c-post-teaser .c-post-teaser__image img {
  transition: var(--dsa-blog-teaser__image--transition, var(--ks-transition-fade));
  transition-property: transform;
}
.dsa-blog-teaser.c-post-teaser .c-post-meta {
  --c-post-meta_author--font-weight: var(--ks-font-weight-semi-bold);
  --c-post-meta--gap: 0.5em 0.75em;
  --c-post-meta_item--font: var(--dsa-blog-teaser__meta--font, var(--ks-font-interface-s));
  --c-post-meta_item--gap: 0.35em;
  --c-post-meta_author--color: var(--dsa-blog-teaser__meta--color, var(--c-post-meta_item--color));
  --c-post-meta_author--avatar-size: var(--dsa-blog-teaser__avatar--size, 2em);
  --c-post-meta_author--gap: 0.35em;
  --c-post-meta_author--font-weight: var(
    --dsa-blog-teaser__meta__author--font-weight,
    var(--ks-font-weight-semi-bold)
  );
  margin: 0;
}
.dsa-blog-teaser.c-post-teaser .l-container--rich-text {
  margin: 0;
}
.dsa-blog-teaser.c-post-teaser .c-rich-text {
  font: var(--dsa-blog-teaser__copy--font, var(--ks-font-copy-m));
  transition: var(--ks-transition-hover);
  transition-property: color;
  display: flex;
  flex-direction: column;
  gap: var(--c-post-teaser--gap);
}
.dsa-blog-teaser.c-post-teaser .c-teaser__topic {
  font: var(--dsa-blog-teaser__topic--font, var(--dsa-topic--font, var(--ks-font-display-m)));
  font-size: var(--dsa-blog-teaser__topic--font-size);
  font-weight: var(--dsa-blog-teaser__topic--font-weight, var(--dsa-topic--font-weight)) !important;
  text-align: left;
  transition: var(--ks-transition-hover);
  transition-property: text-shadow;
  margin-bottom: var(--dsa-blog-teaser__topic--margin-bottom, 0.35em);
}