/* Progress Indicator */
.gap-progress-indicator {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 24px 0;
}

.gap-progress-indicator__step {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.gap-progress-indicator__step.--completed svg path {
	fill: white;
}

.gap-progress-indicator__stepDecoration {
	width: 24px;
	height: 24px;
	text-align: center;
	position: relative;
}

.gap-progress-indicator__stepDecoration div {
	position: absolute;
	top: 0px;
	width: 25px;
	text-align: center;
	font-weight: 500;
	line-height: 24px;
	font-size: 13px;
}

.gap-progress-indicator .gap-progress-indicator__stepName,
.gap-progress-indicator .gap-progress-indicator__stepDecoration,
.gap-progress-indicator .gap-progress-indicator__divider {
	float: none;
	margin: 0;
}

.gap-progress-indicator__divider,
.gap-progress-indicator__dividerVertical {
	content: "";
	border: 1px solid;
}

.gap-progress-indicator__divider {
	width: 24px;
	height: 0px;
}

.gap-progress-indicator__divider.--remaining {
	border-color: #bababa;
}

.gap-progress-indicator__step.--remaining .gap-progress-indicator__stepIcon,
.gap-progress-indicator__step.--remaining .gap-progress-indicator__stepName,
.gap-progress-indicator__step.--remaining .gap-progress-indicator__stepDecoration,
.gap-progress-indicator__step:disabled .gap-progress-indicator__stepIcon,
.gap-progress-indicator__step:disabled .gap-progress-indicator__stepName,
.gap-progress-indicator__step:disabled .gap-progress-indicator__stepDecoration,
.gap-progress-indicator__step[disabled] .gap-progress-indicator__stepIcon,
.gap-progress-indicator__step[disabled] .gap-progress-indicator__stepName,
.gap-progress-indicator__step[disabled] .gap-progress-indicator__stepDecoration {
	color: #bababa;
	border-color: #bababa;
}

@media (max-width:768px) {
	.gap-progress-indicator__step:not(.--active) .gap-progress-indicator__stepName {
		display: none;
	}
}