.mdcode-step-process {
	display: flex;
}

.mdcode-step-process .ue-step-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	position: relative;
}

.mdcode-step-process .ue-item-highlight {
	display: flex;
	align-items: center;
}

.mdcode-step-process .ue-step-item-gap {
	flex-grow: 0;
	flex-shrink: 0;
}

.mdcode-step-process .ue-step-item-line {
	flex-grow: 1;
}

.mdcode-step-process .ue-step-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 0;
	flex-shrink: 0;
	position: relative;
	line-height: 1em;
	transition: 0.3s;
}

.mdcode-step-process .ue-icon svg {
	height: 1em;
	width: 1em;
}

.mdcode-step-process .ue-step-label {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 9px;
	line-height: 1em;
}

.mdcode-step-process .ue-step-item-content {
	flex: 1;
}

.mdcode-step-process .ue-step-item-spacer {
	flex-grow: 0;
	flex-shrink: 0;
}

/* Hide connecting lines at edges */
.mdcode-step-process .ue-step-item:last-child .ue-step-item-line:last-child {
	opacity: 0;
}

.mdcode-step-process .ue-step-item:first-child .ue-step-item-line:first-child {
	opacity: 0;
}

/* Link overlay fills the item */
.mdcode-step-process .ue-link {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* Cursor for linked items */
.mdcode-step-process .ue-item:has(.ue-link) {
	cursor: pointer;
}