.carousel-wip {
  &--controls-size-tiny {
    --wds-internal-carousel-wip-arrow-size: var(
      --wds-button-size-tiny,
      var(--wds-space-600)
    );
  }

  &--controls-size-small {
    --wds-internal-carousel-wip-arrow-size: var(
      --wds-button-size-small,
      var(--wds-space-750)
    );
  }

  &--controls-size-medium {
    --wds-internal-carousel-wip-arrow-size: var(
      --wds-button-size-medium,
      var(--wds-space-950)
    );
  }

  &--controls-size-large {
    --wds-internal-carousel-wip-arrow-size: var(
      --wds-button-size-large,
      var(--wds-space-1150)
    );
  }

  &--show-controls-shadow &__control {
    box-shadow: var(
      --wds-carousel-controls-shadow,
      0 var(--wds-shadow-y-primary-modal) var(--wds-shadow-blur-primary-modal)
        var(--wds-shadow-fill-primary-modal),
      0 var(--wds-shadow-blur-secondary-modal)
        var(--wds-shadow-y-secondary-modal)
        var(--wds-shadow-fill-secondary-modal)
    );
  }
}