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

.dsa-logos {
  --dsa-logos-gap: var(--ks-spacing-stack-m);
  --dsa-logos__tagline--font: var(--dsa-headline_h3--font);
  --dsa-logos__tagline--font-weight: var(--dsa-headline--font-weight);
  --dsa-logos__tagline--color: var(--dsa-headline--color);
  --dsa-logos__grid--gap-horizontal: var(--ks-spacing-xxl);
  --dsa-logos__grid--gap-vertical: var(--ks-spacing-stack-m);
  --dsa-logos__grid_mobile--cols: 2;
  --dsa-logos__grid_tablet--cols: 3;
}

.dsa-logos .c-logo-tiles {
  --c-logo-tiles--cols: var(--dsa-logo-tiles--cols);
  --c-logo-tiles--gutter: var(--dsa-logos__grid--gap-horizontal);
}
.dsa-logos {
  display: flex;
  flex-direction: column;
  gap: var(--dsa-logos-gap, var(--ks-spacing-stack-m));
}
.dsa-logos__tagline {
  font: var(--dsa-logos__tagline--font, var(--ks-font-display-m));
  font-weight: var(--dsa-logos__tagline--font-weight, var(--dsa-headline--font-weight));
  max-width: var(--dsa-content--width_narrow);
  color: var(--dsa-logos__tagline--color, var(--dsa-headline--color, var(--ks-text-color-display)));
  width: 100%;
}
.dsa-logos__cta {
  display: flex;
  flex-direction: column;
  gap: var(--ks-spacing-stack-m);
}
.dsa-logos__cta .c-button {
  width: fit-content;
}
.dsa-logos__cta__text {
  color: var(--ks-text-color-default);
  max-width: var(--dsa-content--width_narrow);
}
.dsa-logos__cta__text, .dsa-logos__cta__link {
  font: var(--ks-font-copy-m);
}
.dsa-logos--align-left .dsa-logo-tiles {
  justify-content: start;
}
.dsa-logos--align-center .dsa-logos__cta {
  align-items: center;
}
.dsa-logos--align-center .dsa-logos__cta__text,
.dsa-logos--align-center .dsa-logos__tagline {
  text-align: center;
  margin: auto;
}
.dsa-logos .dsa-logo-tiles {
  --dsa-logo-tiles--cols: var(--dsa-logos__grid_mobile--cols, 2);
}
@container logo-tiles (min-width: 420px) {
  .dsa-logos .dsa-logo-tiles {
    --dsa-logo-tiles--cols: var(--dsa-logos__grid_tablet--cols, 3);
  }
  .dsa-logos .dsa-logo-tiles--cols-2 {
    --dsa-logo-tiles--cols: 2;
  }
}
@container logo-tiles (min-width: 640px) {
  .dsa-logos .dsa-logo-tiles--cols-2 {
    --dsa-logo-tiles--cols: 2;
  }
  .dsa-logos .dsa-logo-tiles--cols-3 {
    --dsa-logo-tiles--cols: 3;
  }
  .dsa-logos .dsa-logo-tiles--cols-4 {
    --dsa-logo-tiles--cols: 4;
  }
  .dsa-logos .dsa-logo-tiles--cols-5 {
    --dsa-logo-tiles--cols: 5;
  }
  .dsa-logos .dsa-logo-tiles--cols-6 {
    --dsa-logo-tiles--cols: 6;
  }
  .dsa-logos .dsa-logo-tiles--cols-7 {
    --dsa-logo-tiles--cols: 7;
  }
  .dsa-logos .dsa-logo-tiles--cols-8 {
    --dsa-logo-tiles--cols: 8;
  }
}
.dsa-logos .dsa-logo-tiles {
  gap: var(--dsa-logos__grid--gap-vertical) var(--dsa-logos__grid--gap-horizontal);
  margin: 0;
}
.dsa-logos .dsa-logo-tiles .c-logo-tiles__col {
  margin: 0;
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dsa-logos .dsa-logo-tiles .c-logo-tiles__col::after {
  content: none;
}
.dsa-logos .dsa-logo-tiles img {
  position: relative;
}