.o-carousel {
  // arrow
  --carousel-arrow-size: var(--o-icon_size_control-l);
  --carousel-arrow-color: var(--o-color-info1);
  --carousel-arrow-color-hover: var(--o-color-info2);
  --carousel-arrow-color-active: var(--o-color-info3);

  // indicator
  --carousel-indicator-width: 48px;
  --carousel-indicator-height: 3px;
  --carousel-indicator-gap: 12px;

  --carousel-indicator-offset: 19px;

  --carousel-indicator-bg-color: var(--o-color-control1);
  --carousel-indicator-bg-color-hover: var(--o-color-primary2);
  --carousel-indicator-bg-color-active: var(--o-color-primary3);
  --carousel-indicator-bg-color-selected: var(--o-color-primary1);
}