@import "../common/variables";
@import "../common/vars";

.@{css-prefix} {
  &-progress {
    position: relative;
    line-height: 1;

    &.inside .ac-progress-bar {
      margin-right: 0;
      padding-right: 0;
    }

    &-bar {
      padding-right: 100rpx;
      display: inline-block;
      vertical-align: middle;
      width: 100%;
      margin-right: -110rpx;
      box-sizing: border-box;
    }

    &-bar-outer {
      position: relative;
      overflow: hidden;
      background-color: #e4e8f1;
    }

    &-bar-inner {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background-color: @theme-color;

      &.active {
        transition: all 1s ease;
      }
    }

    &-text {
      color: #48576a;
      display: inline-block;
      vertical-align: middle;
      margin-left: 20rpx;
      line-height: 1;
    }
  }
}