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

.dsa-section {
  --dsa-section__col--repeat: auto-fit;
  --dsa-section__col--max-width: 1fr;
  --dsa-section__col--min-width_smallest: var(--dsa-tile--width_smallest);
  --dsa-section__col--min-width_small: var(--dsa-tile--width_small);
  --dsa-section__col--min-width_medium: var(--dsa-tile--width_medium);
  --dsa-section__col--min-width_large: var(--dsa-tile--width_large);
  --dsa-section__col--min-width_largest: var(--dsa-tile--width_largest);
  --dsa-section--space_default: var(--dsa-content--vertical-spacing);
  --dsa-section--space_small: calc(var(--ks-spacing-xxl) / 2);
  --dsa-section--gutter_small: var(--ks-spacing-s);
  --dsa-section--gutter_default: var(--ks-spacing-m);
  --dsa-section--gutter_large: var(--ks-spacing-l);
  --dsa-section__buttons--space-before: var(--ks-spacing-stack-m);
  --dsa-section__content--width_narrow: var(--dsa-content--width_narrow);
  --dsa-section__content--width_default: var(--dsa-content--width_default);
  --dsa-section__content--width_wide: var(--dsa-content--width_wide);
  --dsa-section__content--width_max: 100vw;
  --dsa-section__content--width_full: 100vw;
  --dsa-section__content--padding: var(--dsa-content--horizontal-spacing);
  --dsa-section--background-color_default: var(--ks-background-color-default);
  --dsa-section--background-color_accent: var(--ks-background-color-accent);
  --dsa-section--background-color_bold: var(--ks-background-color-bold);
  --dsa-section--transition_to-default: linear-gradient(
    180deg,
    transparent 50%,
    var(--ks-background-color-default) 50%
  );
  --dsa-section--transition_to-accent: linear-gradient(180deg, transparent 50%, var(--ks-background-color-accent) 50%);
  --dsa-section--transition_to-bold: linear-gradient(180deg, transparent 50%, var(--ks-background-color-bold) 50%);
  --dsa-section--transition_to-inverted: linear-gradient(
    180deg,
    transparent 50%,
    var(--ks-background-color-default-inverted) 50%
  );
  --dsa-section__slider-arrow--color: var(--ks-text-color-interface-interactive);
  --dsa-section__slider-arrow--size: 2rem;
  --dsa-section__slider-arrow--padding: 0.5em;
  --dsa-section__slider-arrow--opacity: 0.6;
  --dsa-section__slider-arrow--opacity_hover: 1;
  --dsa-section__slider-arrow--opacity_disabled: 0.3;
  --dsa-section__slider-arrow--background: transparent;
  --dsa-section__slider-nav--margin-top: var(--ks-spacing-stack-m);
  --dsa-section__spotlight--size: 50px;
  --dsa-section__spotlight--blur: 0%;
  --dsa-section__spotlight--color: var(--ks-color-primary-alpha-5);
}

.l-section.dsa-section [ks-inverted],
.l-section.dsa-section {
  --l-section_buttons--space-before: var(--dsa-section__buttons--space-before, var(--l-section--gutter));
  --l-section--background-default: var(--dsa-section--background-color_default, var(--ks-background-color-default));
  --l-section--background-accent: var(--dsa-section--background-color_accent, var(--ks-background-color-accent));
  --l-section--background-bold: var(--dsa-section--background-color_bold, var(--ks-background-color-primary));
  --l-section_col--min-width: var(--dsa-section__col--min-width, var(--l-section_tile-width--default));
  --l-section_col--max-width: var(--dsa-section__col--max-width, 1fr);
  --l-section_col--repeat: var(--dsa-section__col--repeat, auto-fit);
  --l-section--content-width-narrow: var(--dsa-section__content--width_narrow, var(--dsa-content--width_narrow));
  --l-section--content-width-default: var(--dsa-section__content--width_default, var(--dsa-content--width_default));
  --l-section--content-width-wide: var(--dsa-section__content--width_wide, var(--dsa-content--width_wide));
  --l-section--content-width-max: var(--dsa-section__content--width_max, var(--dsa-content--width_max));
  --l-section--content-width-full: var(--dsa-section__content--width_full, var(--dsa-content--width_full));
  --l-section--content-padding: var(--dsa-section__content--padding, var(--ks-spacing-m));
  --l-section--gutter: var(--dsa-section--gutter_default);
  --dsa-section--gutter_none: 0;
  --l-section--gutter-small: var(--dsa-section--gutter_small, var(--ks-spacing-xs));
  --l-section--gutter-default: var(--dsa-section--gutter_default, var(--ks-spacing-m));
  --l-section--gutter-large: var(--dsa-section--gutter_large, var(--ks-spacing-xl));
  --l-section_slider-arrow--size: var(--dsa-section__slider-arrow--size, 2.5rem);
  --l-section_slider-arrow--padding: var(--dsa-section__slider-arrow--padding, var(--ks-spacing-xs));
  --l-section_slider-arrow--color: var(--dsa-section__slider-arrow--color, var(--ks-text-color-interface-interactive));
  --l-section_slider-arrow--opacity: var(--dsa-section__slider-arrow--opacity, 0.6);
  --l-section_slider-arrow--opacity_hover: var(--dsa-section__slider-arrow--opacity_hover, 0.9);
  --l-section_slider-arrow--opacity_disabled: var(--dsa-section__slider-arrow--opacity_disabled, 0.3);
  --l-section_slider-arrow--background: var(--dsa-section__slider-arrow--background, transparent);
  --l-section--space-default: var(--dsa-section--space_default, var(--ks-spacing-xxl));
  --l-section--space-small: var(--dsa-section--space_small, calc(var(--l-section--space-default) / 2));
}

.l-section.dsa-section {
  background-image: var(--dsa-section--background-image);
  background-color: var(--dsa-section--background-color_default, var(--ks-color-bg));
  position: relative;
}
.l-section.dsa-section .l-section__container {
  font: var(--ks-font-copy-m);
}
.l-section.dsa-section.l-section--gutter-large {
  --l-section--gutter: var(--dsa-section--gutter_large);
}
.l-section.dsa-section.l-section--gutter-small {
  --l-section--gutter: var(--dsa-section--gutter_small);
}
.l-section.dsa-section.l-section--gutter-none {
  --l-section--gutter: var(--dsa-section--gutter_none);
}
.l-section.dsa-section.l-section--accent {
  background-color: var(--dsa-section--background-color_accent, var(--ks-background-color-accent));
}
.l-section.dsa-section.l-section--bold {
  background-color: var(--dsa-section--background-color_bold, var(--ks-background-color-bold));
}
.l-section.dsa-section.dsa-section--transition-to-accent {
  background-image: var(--dsa-section--transition_to-accent, linear-gradient(180deg, transparent 0%, var(--ks-background-color-accent) 100%));
}
.l-section.dsa-section.dsa-section--transition-to-bold {
  background-image: var(--dsa-section--transition_to-bold, linear-gradient(180deg, transparent 0%, var(--ks-background-color-bold) 100%));
}
.l-section.dsa-section.dsa-section--transition-to-default {
  background-image: var(--dsa-section--transition_to-default, linear-gradient(180deg, transparent 0%, var(--ks-background-color-default) 100%));
}
.l-section.dsa-section.dsa-section--transition-to-inverted {
  background-image: var(--dsa-section--transition_to-inverted, linear-gradient(180deg, transparent 80%, var(--ks-background-color-default-inverted) 80%));
}
.l-section.dsa-section--header-spacing {
  padding-top: calc(var(--dsa-header--height) + var(--dsa-section--space_default));
}
.l-section.dsa-section--header-spacing.l-section--space-before-none {
  padding-top: var(--dsa-header--height);
}
.l-section.dsa-section--header-spacing.l-section--space-before-small {
  padding-top: calc(var(--dsa-header--height) + var(--dsa-section--space-small));
}
.l-section.dsa-section-style--framed {
  --frame-background-color: var(--ks-background-color-accent);
}
.l-section.dsa-section-style--framed .l-section__container--content .l-section__content {
  padding: var(--dsa-section--space_default);
  background-color: var(--frame-background-color, var(--ks-background-color-default));
  border-radius: var(--ks-border-radius-surface);
}
.l-section.dsa-section-style--framed.l-section--accent, .l-section.dsa-section-style--framed.l-section--bold {
  --frame-background-color: var(--ks-background-color-default);
}
.l-section.dsa-section-style--deko {
  background-image: var(--dsa-section_deko--background-image, radial-gradient(180deg, transparent 0%, var(--ks-background-color-default) 100%));
}
.l-section.dsa-section-style--colorful {
  background-image: var(--dsa-section_colorful--background-image, linear-gradient(145deg, var(--ks-color-primary) 30%, #4aaea9 100%));
}
.l-section.dsa-section--spotlight:hover::before {
  opacity: 1;
}
.l-section.dsa-section--spotlight::before {
  transition: opacity var(--ks-transition-fade);
  opacity: 0;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: radial-gradient(var(--dsa-section__spotlight--size) circle at var(--dsa-section__spotlight--left) var(--dsa-section__spotlight--top), var(--dsa-section__spotlight--color) 0%, var(--dsa-section__spotlight--color) calc(100% - var(--dsa-section__spotlight--blur)), transparent 100%, transparent 100%);
}
.l-section.dsa-section .l-section__slider {
  padding-top: var(--ks-spacing-xl);
  margin-top: calc(var(--ks-spacing-xl) * -1);
  padding-bottom: var(--ks-spacing-xl);
  margin-bottom: calc(var(--ks-spacing-xl) * -1);
}
.l-section.dsa-section .l-section__slider-nav {
  margin-top: var(--dsa-section__slider-nav--margin-top, var(--ks-spacing-stack-m));
}
.l-section.dsa-section .l-section__content {
  --l-section_tile-width--smallest: var(--dsa-section__col--min-width_smallest, var(--dsa-tile--width_smallest));
  --l-section_tile-width--default: var(--dsa-section__col--min-width_small, var(--dsa-tile--width_small));
  --l-section_tile-width--medium: var(--dsa-section__col--min-width_medium, var(--dsa-tile--width_medium));
  --l-section_tile-width--large: var(--dsa-section__col--min-width_large, var(--dsa-tile--width_large));
  --l-section_tile-width--largest: var(--dsa-section__col--min-width_largest, var(--dsa-tile--width_largest));
  --l-section_buttons--space-before: var(--dsa-section__buttons--space-before, var(--l-section--gutter));
}
.l-section.dsa-section .l-section__content--tiles-full {
  --l-section_col--min-width: 100%;
}
.l-section.dsa-section .l-section__content--slider:after {
  min-width: calc(50vw - var(--l-section_col--min-width) / 2 - var(--l-section--gutter) * 1.25);
}