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

.l-container--event-location + .l-container--event-location {
  margin-top: var(--ks-spacing-stack-m);
}

.dsa-event-location {
  --dsa-event-location__icon--size: calc(var(--ks-font-size-copy-m) * var(--ks-line-height-copy-m));
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
  background-color: var(--ks-background-color-card);
  padding: var(--ks-spacing-inset-l);
  border-radius: var(--ks-border-radius-card);
  border: var(--ks-border-card);
  --dsa-event-location__info--flex-basis: 280px;
  --dsa-event-location__appointments--min-width: 12em;
}
.dsa-event-location--spacious {
  --dsa-event-location__info--flex-basis: 50%;
  --dsa-event-location__appointments--min-width: 20em;
}
.dsa-event-location__info {
  display: flex;
  gap: var(--ks-spacing-inline-xs);
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: var(--dsa-event-location__info--flex-basis, 280px);
}
.dsa-event-location__icon {
  color: var(--ks-text-color-primary);
  width: var(--dsa-event-location__icon--size);
  height: var(--dsa-event-location__icon--size);
  flex-shrink: 0;
}
.dsa-event-location__text {
  display: flex;
  flex-direction: column;
  gap: var(--ks-spacing-stack-s);
}
.dsa-event-location__name {
  font: var(--ks-font-interface-m);
  color: var(--dsa-topic--color);
  font-weight: var(--dsa-topic--font-weight);
}
.dsa-event-location__links {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--ks-spacing-xxs);
}
.dsa-event-location__link {
  width: fit-content;
  font: var(--ks-font-interface-s);
}
.dsa-event-location__appointments {
  display: grid;
  justify-content: flex-end;
  gap: var(--ks-spacing-s);
  flex-grow: 100;
  flex-shrink: 1;
  grid-template-columns: repeat(auto-fill, minmax(min(var(--dsa-event-location__appointments--min-width, 12em), 100%), 1fr));
  font: var(--ks-font-interface-s);
}
.dsa-event-location .l-container--rich-text {
  container-type: normal;
}