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

@include respond-to('laptop') {
  .o-carousel {
    --carousel-arrow-size: var(--o-icon_size_control-m);
    --carousel-indicator-width: 40px;
    --carousel-indicator-height: 3px;
    --carousel-indicator-gap: 8px;
    --carousel-indicator-offset: 11px;
  }
}

@include respond-to('<=pad') {
  .o-carousel {
    --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;
  }
}