@mixin narrow {
	.progressStepper-list {
		--components-progressStepper-list-paddingBlockEnd: 0px;
		--components-progressStepper-list-step-before-content: none;
		--components-progressStepper-list-flexDirection: column;
		--components-progressStepper-list-gap: var(--pr-t-spacings-300);
		--components-progressStepper-list-step-title-position: static;
		--components-progressStepper-list-step-after-inset: var(--pr-t-spacings-300) auto calc(var(--pr-t-spacings-250) * -1) calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25));
		--components-progressStepper-list-step-after-borderRadius: var(--pr-t-border-radius-full);
		--components-progressStepper-list-step-after-position: absolute;
	}

	.progressStepper-list-step {
		--components-progressStepper-list-step-after-blockSize: auto;
	}
}

@mixin first {
	--components-progressStepper-list-step-before-backgroundColor: transparent !important;
}

@mixin last {
	--components-progressStepper-list-step-after-backgroundColor: transparent !important;
}