@use '../../../../mx-core/src/components/progress-spinner';

$spinner-padding-default: 6px;
$spinner-padding-sm: 2px;

:host {
  display: block;
  &.mx-progress-spinner--default {
    padding: $spinner-padding-default;
    .mx-progress-spinner__circle {
      @extend .progress-spinner--default;
    }
  }
  &.mx-progress-spinner--sm {
    padding: $spinner-padding-sm;
    .mx-progress-spinner__circle {
      @extend .progress-spinner--sm;
    }
  }
}

.mx-progress-spinner__circle {
  @extend .progress-spinner;
}