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

.dsa-search-result {
  --g-link--border-radius: var(--ks-border-radius-card);
  --g-link--text-decoration: none;
  --g-link--text-decoration-hover: none;
  display: flex;
  gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
}
.dsa-search-result .l-container {
  container-type: unset;
}
.dsa-search-result:hover {
  border-color: var(--ks-border-color-card-interactive-hover);
}
.dsa-search-result__content {
  display: flex;
  flex-direction: column;
  gap: var(--ks-spacing-stack-xs);
  flex-basis: var(--dsa-tile--width_medium);
  flex-grow: 1;
}
.dsa-search-result__link {
  --g-link--color: var(--ks-color-fg-alpha-4);
  --g-link--color-hover: var(--ks-color-fg-alpha-2);
  width: fit-content;
  font: var(--ks-font-interface-s);
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
  box-sizing: border-box;
}
.dsa-search-result strong,
.dsa-search-result mark {
  border-bottom: var(--ks-border-width-default) dashed var(--ks-color-fg);
  font-weight: unset;
  color: var(--ks-color-fg);
  background-color: transparent;
}
.dsa-search-result__matches {
  padding: var(--ks-spacing-xxs) 0;
}
.dsa-search-result__matches:empty {
  display: none;
}
.dsa-search-result__title {
  font-size: var(--ks-font-size-display-l);
  font-family: var(--ks-font-family-copy);
  line-height: var(--ks-line-height-display-m);
}
.dsa-search-result__preview-image-row {
  height: fit-content;
  flex-basis: var(--dsa-tile--width_smallest);
}
.dsa-search-result--image-row-large .dsa-search-result__preview-image-row {
  flex-basis: var(--dsa-tile--width_small);
}
@media (max-width: 980px) {
  .dsa-search-result__preview-image-row {
    display: none;
  }
  @container search-result (min-width: 640px) {
    .dsa-search-result__preview-image-row {
      display: block;
    }
  }
}
.dsa-search-result__preview-image {
  width: 100%;
  height: fit-content;
  object-fit: cover;
  aspect-ratio: 4/3;
  border-radius: calc(var(--ks-border-radius-card) / 2);
}
.dsa-search-result__preview-image:not([src]) {
  display: none;
}