/* ==========================================================================
   Config
   ========================================================================== */
$progress-bg: $color-background-light !default;
$progress-border-radius: 16px !default;
$progress-height: 12px !default;
$progress-transition: .5s !default;
$progress-animation-delay: 2000ms !default;

/* ==========================================================================
   Styles
   ========================================================================== */
.gui-progress__bar {
	background-color: $progress-bg;
	border-radius: $progress-border-radius;
	height: $progress-height;
	overflow: hidden;
	transform: rotateY(180deg);
}

.gui-progress__unit {
	height: $progress-height;
	display: inline-block;
	vertical-align: top;
	transition: all $progress-animation-delay ease-in-out $progress-transition;
}