.dsa-slider {
  --dsa-slider--animation-duration: 1s;
  --dsa-slider--autoplay-duration: 4s;
  --dsa-slider__arrow--background-color: var(--ks-color-fg-alpha-4);
  --dsa-slider__arrow--background-color_hover: var(--ks-color-fg-alpha-3);
  --dsa-slider__arrow--background-color_active: var(--ks-color-fg-alpha-3);
  --dsa-slider__bullet--border-color: var(--ks-border-color-default);
  --dsa-slider__bullet--border-color_hover: var(--ks-border-color-default);
  --dsa-slider__bullet--border-color_active: var(--ks-color-primary);
  --dsa-slider__bullet--size: 1rem;
  --dsa-slider__bullet--background-color: transparent;
  --dsa-slider__bullet--background-color_hover: var(--ks-color-fg-alpha-8);
  --dsa-slider__bullet--background-color_active: var(--ks-color-primary);
  --dsa-slider__arrow--color: var(--ks-color-fg-inverted);
}

.dsa-slider.c-slider {
  --c-slider_bullet--outline-color: var(
    --dsa-slider__bullet--border-color,
    var(--ks-border-color-interface-interactive)
  );
  --c-slider_bullet--outline-color-hover: var(
    --dsa-slider__bullet--border-color_hover,
    var(--ks-border-color-interface-interactive-hover)
  );
  --c-slider_bullet--outline-color-active: var(
    --dsa-slider__bullet--border-color_active,
    var(--ks-border-color-interface-interactive-active)
  );
  --c-slider_bullet--background: var(--dsa-slider__bullet--background-color, transparent);
  --c-slider_bullet--background-color-hover: var(--dsa-slider__bullet--background-color_hover, transparent);
  --c-slider_bullet--background-color-active: var(--dsa-slider__bullet--background-color_active, transparent);
  --c-slider_bullet--size: var(--dsa-slider__bullet--size);
  --c-slider_arrow--background: var(
    --dsa-slider__arrow--background-color,
    var(--ks-background-color-interface-interactive)
  );
  --c-slider_arrow--background-hover: var(
    --dsa-slider__arrow--background-color_hover,
    var(--ks-background-color-interface-interactive-hover)
  );
  --c-slider_arrow--background-active: var(
    --dsa-slider__arrow--background-color_active,
    var(--ks-background-color-interface-interactive-active)
  );
  --c-slider_arrow--color: var(--dsa-slider__arrow--color, var(--ks-text-color-interface-interactive));
  --c-slider--animation-duration: var(--dsa-slider--animation-duration, var(--ks-transition-fade));
  --c-slider--autoplay: var(--dsa-slider--autoplay-duration, 4s);
  position: relative;
}
.dsa-slider.c-slider__nav {
  margin-top: var(--ks-spacing-stack-m);
}
.dsa-slider.c-slider .c-slider__arrows {
  top: 50%;
}
.dsa-slider.c-slider .c-slider__nav {
  margin-top: var(--ks-spacing-stack-m);
}
.dsa-slider.c-slider .c-slider__nav-item:hover .c-slider__bullet {
  border-color: var(--c-slider_bullet--outline-color-hover);
  background-color: var(--c-slider_bullet--background-color-hover);
}
.dsa-slider.c-slider .c-slider__nav-item.c-slider__nav-item--active .c-slider__bullet, .dsa-slider.c-slider .c-slider__nav-item.c-slider__nav-item--active:hover .c-slider__bullet {
  border-color: var(--c-slider_bullet--outline-color-active);
  background-color: var(--c-slider_bullet--background-color-active);
}
.dsa-slider.c-slider .c-slider__nav-item .c-slider__bullet {
  display: block;
  transition: var(--ks-transition-hover);
  transition-property: border-color, background-color;
}