@import './variables.scss';
@import '~@alifd/next/lib/core/style/_global';
@import '~@alifd/next/lib/core/style/_motion';
@import '~@alifd/next/lib/progress/scss/variable';
@import '~@alifd/next/lib/progress/scss/mixin';

#{$progress-prefix}-circle.#{$css-prefix}medium {
  #{$progress-prefix}-circle {
    & {
      &-underlay {
        stroke-width: $b-design-progress-circle-underlay-medium-width;
      }

      &-overlay {
        stroke-width: $b-design-progress-circle-overlay-medium-width;
      }
    }
  }
}

#{$progress-prefix}-circle.#{$css-prefix}thin {
  #{$progress-prefix}-circle {
    & {
      &-underlay {
        stroke-width: $b-design-progress-circle-underlay-thin-width;
      }

      &-overlay {
        stroke-width: $b-design-progress-circle-overlay-thin-width;
      }
    }
  }
}

#{$progress-prefix}-circle.#{$css-prefix}bold {
  #{$progress-prefix}-circle {
    & {
      &-underlay {
        stroke-width: $b-design-progress-circle-underlay-bold-width;
      }

      &-overlay {
        stroke-width: $b-design-progress-circle-overlay-bold-width;
      }
    }
  }
}
.#{$css-prefix}progress-line.#{$css-prefix}large {
  .#{$css-prefix}progress-line-underlay {
    border: none;
  }
}