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

.dsa-event-latest-teaser {
  --g-link--border-radius: var(--ks-border-radius-card);
  --g-link--background: var(--ks-background-color-card-interactive);
  --g-link--background-hover: var(--ks-background-color-card-interactive-hover);
  display: flex;
  gap: var(--ks-spacing-inline-s);
  padding: var(--ks-spacing-inset-s);
  flex-direction: column;
  border: var(--ks-border-card-interactive);
  box-shadow: var(--ks-box-shadow-card);
}
:root .dsa-event-latest-teaser, html .dsa-event-latest-teaser {
  transition: var(--ks-transition-hover);
}
@container event-latest-teaser (min-width: 640px) {
  .dsa-event-latest-teaser {
    flex-direction: row;
    align-items: center;
    gap: var(--ks-spacing-inline-m);
  }
}
.dsa-event-latest-teaser:hover {
  border-color: var(--ks-border-color-card-interactive-hover);
  box-shadow: var(--ks-box-shadow-card-hover);
}
.dsa-event-latest-teaser__content {
  display: flex;
  gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
  flex-grow: 1;
  min-width: 0;
  flex-direction: column;
}
@container event-latest-teaser (min-width: 640px) {
  .dsa-event-latest-teaser__content {
    flex-direction: row;
  }
}
.dsa-event-latest-teaser .dsa-event-latest-teaser-calendar {
  align-self: start;
  position: relative;
  background-color: var(--ks-background-color-primary);
  color: var(--ks-text-color-on-primary);
  border-radius: var(--ks-border-radius-control);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.25em;
  padding: var(--ks-spacing-inset-s);
  flex-shrink: 0;
  font: var(--ks-font-display-l);
  font-weight: var(--ks-font-weight-semi-bold);
}
@container event-latest-teaser (min-width: 640px) {
  .dsa-event-latest-teaser .dsa-event-latest-teaser-calendar {
    container-type: inline-size;
    padding: var(--ks-spacing-xxs);
    flex-direction: column;
    align-items: center;
    padding: var(--ks-spacing-inset-stretch-xs);
    gap: var(--ks-spacing-xxs);
    width: calc(var(--ks-spacing-l) * 3);
    height: calc(var(--ks-spacing-l) * 3);
  }
  .dsa-event-latest-teaser .dsa-event-latest-teaser-calendar__month, .dsa-event-latest-teaser .dsa-event-latest-teaser-calendar__day {
    font-weight: var(--ks-font-weight-semi-bold) !important;
    font-family: var(--ks-font-family-display);
    line-height: 1;
  }
  .dsa-event-latest-teaser .dsa-event-latest-teaser-calendar__day {
    font-size: 50cqw;
  }
  .dsa-event-latest-teaser .dsa-event-latest-teaser-calendar__month {
    font-size: 25cqw;
  }
}
.dsa-event-latest-teaser__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--ks-spacing-stack-xs);
  flex-grow: 1;
}
.dsa-event-latest-teaser__title {
  font: var(--ks-font-display-m);
  font-weight: var(--ks-font-weight-semi-bold);
  color: var(--ks-text-color-display);
}
.dsa-event-latest-teaser__infos {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ks-spacing-xxs) var(--ks-spacing-inline-s);
  flex-direction: column;
  align-items: flex-start;
}
@container event-latest-teaser (min-width: 640px) {
  .dsa-event-latest-teaser__infos {
    flex-direction: row;
  }
}
.dsa-event-latest-teaser__info {
  display: flex;
  gap: calc(var(--ks-spacing-xxs) * 0.75);
  font: var(--ks-font-interface-s);
  align-items: center;
  color: var(--ks-text-color-interface);
}
.dsa-event-latest-teaser__info .icon {
  align-self: flex-start;
  width: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
  height: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
  color: var(--ks-text-color-primary);
  flex-shrink: 0;
  flex-grow: 1;
}
.dsa-event-latest-teaser__cta {
  font: var(--ks-font-interface-s);
  font-weight: var(--ks-font-weight-semi-bold);
  color: var(--dsa-link--color);
  display: flex;
  align-items: center;
  text-wrap: nowrap;
  margin-left: auto;
  transition: var(--ks-transition-hover);
}
.dsa-event-latest-teaser__cta:hover {
  color: var(--ks-text-color-primary-hover);
}
.dsa-event-latest-teaser__cta .icon {
  width: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
  height: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
  flex-shrink: 0;
  flex-grow: 1;
}