/**
 * Steps block frontend styles
 */
.vx-steps-block {
	display: flex;
	flex-direction: column;
	gap: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

.vx-steps-block .vx-step {
	display: flex;
	align-items: center;
	gap: 1rem;
	list-style: none;
}

.vx-steps-block .vx-step-circle {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.vx-steps-block .vx-step-text {
	flex: 1;
	text-align: left;
}

/* Spacing variants */
.vx-steps-block.vx-steps-spacing-compact .vx-step {
	margin-bottom: 0.5rem;
}

.vx-steps-block.vx-steps-spacing-compact .vx-step:last-child {
	margin-bottom: 0;
}

.vx-steps-block.vx-steps-spacing-normal .vx-step {
	margin-bottom: 1rem;
}

.vx-steps-block.vx-steps-spacing-normal .vx-step:last-child {
	margin-bottom: 0;
}

.vx-steps-block.vx-steps-spacing-spacious .vx-step {
	margin-bottom: 1.5rem;
}

.vx-steps-block.vx-steps-spacing-spacious .vx-step:last-child {
	margin-bottom: 0;
}