/* =============================================================================
- Progress Bars
============================================================================= */
.gwel-progress-bars {
	display: flex;
	flex-direction: column;
	gap: 18px;
	.gwel-item {
		display: flex;
		flex-direction: column;
		.gwel-item-top {
			display: flex;
			justify-content: space-between;
			align-items: baseline;
		}
		.gwel-bar-wrapper {
			width: 100%;
			height: 6px;
			position: relative;
			margin-top: 8px;
			overflow: hidden;
			.gwel-bar {
				position: absolute;
				width: 0;
				height: 100%;
				top: 0;
				left: 0;
				background-color: #000000;
				transition: width .9s cubic-bezier(.05,.3,.2,1);
				z-index: 2;
			}
			.gwel-bar-bg {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background-color: $color-border;
				z-index: 1;
			}
		}
	}
}