@use '../../_styles/mixin.scss' as *;

.o-carousel {
  @include respond('pad_v-laptop') {
    --carousel-indicator-width: 40px;
    --carousel-indicator-height: 3px;
    --carousel-indicator-gap: 8px;
    --carousel-indicator-offset: 11px;
  }

  @include respond('<=pad_v') {
    --carousel-arrow-size: var(--o-icon_size_control-xs);
    --carousel-indicator-width: 24px;
    --carousel-indicator-height: 2px;
    --carousel-indicator-gap: 4px;
    --carousel-indicator-offset: 7px;
  }

  @include respond('phone') {
    --carousel-indicator-width: 16px;
  }
}