/*******************************
            Progress
*******************************/

/*-------------------
       Element
--------------------*/

@progressVerticalSpacing: 1em;
@progressMargin: @progressVerticalSpacing 0em (@progressLabelHeight + @progressVerticalSpacing);
@progressFirstMargin: 0em 0em (@progressLabelHeight + @progressVerticalSpacing);
@progressLastMargin: 0em 0em (@progressLabelHeight);

@progressBackground: @strongTransparentBlack;
@progressBorder: none;
@progressBoxShadow: none;
@progressPadding: 0em;
@progressBorderRadius: @defaultBorderRadius;

/* Bar */
@progressBarPosition: relative;
@progressBarHeight: 1.75em;
@progressBarBackground: #888888;
@progressBarBorderRadius: @progressBorderRadius;
@progressBarTransitionEasing: @defaultEasing;
@progressBarTransitionDuration: @defaultDuration;
@barTransition:
  width @progressBarTransitionDuration @progressBarTransitionEasing,
  background-color @progressBarTransitionDuration @progressBarTransitionEasing
;
@progressBarInitialWidth: 0%;
@progressBarMinWidth: 2em;

/* Progress Bar Label */
@progressProgressWidth: auto;
@progressProgressSize: @relativeSmall;
@progressProgressPosition: absolute;
@progressProgressTop: 50%;
@progressProgressRight: 0.5em;
@progressProgressLeft: auto;
@progressProgressBottom: auto;
@progressProgressOffset: -0.5em;
@progressProgressColor: @invertedLightTextColor;
@progressProgressTextShadow: none;
@progressProgressFontWeight: @bold;
@progressProgressTextAlign: left;

/* Label */
@progressLabelWidth: 100%;
@progressLabelHeight: 1.5em;
@progressLabelSize: 1em;
@progressLabelPosition: absolute;
@progressLabelTop: 100%;
@progressLabelLeft: 0%;
@progressLabelRight: auto;
@progressLabelBottom: auto;
@progressLabelOffset: (@progressLabelHeight - 1.3em);
@progressLabelColor: @textColor;
@progressLabelTextShadow: none;
@progressLabelFontWeight: @bold;
@progressLabelTextAlign: center;
@progressLabelTransition: color 0.4s @defaultEasing;

/*-------------------
        Types
--------------------*/

@progressIndicatingFirstColor: #D95C5C;
@progressIndicatingSecondColor: #EFBC72;
@progressIndicatingThirdColor: #E6BB48;
@progressIndicatingFourthColor: #DDC928;
@progressIndicatingFifthColor: #B4D95C;
@progressIndicatingSixthColor: #66DA81;

@progressIndicatingFirstLabelColor: @textColor;
@progressIndicatingSecondLabelColor: @textColor;
@progressIndicatingThirdLabelColor: @textColor;
@progressIndicatingFourthLabelColor: @textColor;
@progressIndicatingFifthLabelColor: @textColor;
@progressIndicatingSixthLabelColor: @textColor;

/*-------------------
        States
--------------------*/

/* Active */
@progressActivePulseColor: @white;
@progressActivePulseMaxOpacity: 0.3;
@progressActivePulseDuration: 2s;
@progressActiveMinWidth: @progressBarMinWidth;


/*-------------------
      Variations
--------------------*/

/* Attached */
@progressAttachedBackground: transparent;
@progressAttachedHeight: 0.2rem;
@progressAttachedBorderRadius: @progressBorderRadius;

/* Inverted */
@progressInvertedBackground: @transparentWhite;
@progressInvertedBorder: none;
@progressInvertedBarBackground: @progressBarBackground;
@progressInvertedProgressColor: @offWhite;
@progressInvertedLabelColor: @white;

/* Sizing */
@progressTinyBarHeight: 0.5em;
@progressSmallBarHeight: 1em;
@progressLargeBarHeight: 2.5em;
@progressBigBarHeight: 3.5em;