.wt-steps {
	--wt-steps-axis: vertical;
	--wt-progress-width: 360px;
	--wt-content-gap: 36px;
	--wt-step-gap: 0px;
	--wt-loop-size: 168px;
	--wt-line-width: 10px;
	--wt-track-color: #203047;
	--wt-line-start: #55c8ff;
	--wt-line-end: #52d6f2;
	--wt-line-start-position: 0%;
	--wt-line-end-position: 100%;
	--wt-line-gradient-type: linear;
	--wt-line-gradient-angle: 180deg;
	--wt-line-gradient-position: center center;
	--wt-number-active: #fff;
	--wt-number-inactive: #fff;
	--wt-number-inactive-opacity: 0.45;
	--wt-title-active: #fff;
	--wt-title-inactive: #fff;
	--wt-title-inactive-opacity: 0.42;
	--wt-title-line-length: 142px;
	--wt-title-line-start: #45bdf5;
	--wt-title-line-end: rgba(69, 189, 245, 0.2);
	--wt-mobile-panel-height: 150px;
	--wt-mobile-content-gap: 20px;
	--wt-horizontal-sizing: manual;
	--wt-horizontal-loop-size: 68px;
	--wt-effective-loop-size: var(--wt-loop-size);
	--wt-effective-panel-height: var(--wt-mobile-panel-height);
	--wt-animation-duration: 280ms;
	--wt-animation-easing: ease;
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	background: transparent;
	overflow: visible;
}

@supports (overflow: clip) {
	.wt-steps {
		overflow-x: clip;
	}
}

.wt-steps *,
.wt-steps *::before,
.wt-steps *::after {
	box-sizing: border-box;
}

.wt-steps__progress {
	display: none;
}

.wt-steps__panels {
	display: grid;
	gap: 40px;
}

.wt-steps__panel {
	min-width: 0;
}

.wt-steps:not(.is-enhanced):not(.is-editor) .wt-steps__panel::before,
.wt-steps.is-reduced .wt-steps__panel::before {
	content: attr(data-step-title);
	display: block;
	width: 100%;
	margin-bottom: 20px;
	color: inherit;
	font: inherit;
	font-weight: 600;
}

.wt-steps.is-enhanced .wt-steps__scene {
	position: relative;
}

.wt-steps.is-enhanced .wt-steps__sticky {
	position: sticky;
	z-index: 1;
	top: 24px;
	height: var(--wt-sticky-height, calc(100vh - 48px));
	min-height: 260px;
}

.wt-steps.is-enhanced .wt-steps__layout {
	height: 100%;
	min-width: 0;
}

.wt-steps.is-enhanced .wt-steps__progress,
.wt-steps.is-editor .wt-steps__progress {
	display: block;
	min-width: 0;
	min-height: 0;
}

.wt-steps__progress-viewport {
	position: relative;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
}

.wt-steps__rail {
	position: absolute;
	top: 0;
	left: 0;
	will-change: transform;
	transition: transform 240ms ease-out;
}

.wt-steps__route,
.wt-steps__points {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.wt-steps__route {
	overflow: visible;
}

.wt-steps__route-track,
.wt-steps__route-active {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: var(--wt-line-width);
	vector-effect: non-scaling-stroke;
}

.wt-steps__route-track {
	stroke: var(--wt-track-color);
}

.wt-steps__route-active {
	stroke-dasharray: 0 1;
	stroke-dashoffset: 0;
	will-change: stroke-dashoffset;
}

.wt-steps__gradient-start {
	stop-color: var(--wt-line-start);
}

.wt-steps__gradient-end {
	stop-color: var(--wt-line-end);
}

.wt-steps__point {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	color: var(--wt-number-inactive);
}

.wt-steps__point-control {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-align: inherit;
}

button.wt-steps__point-control {
	cursor: pointer;
}

button.wt-steps__point-control:focus-visible {
	outline: 2px solid var(--wt-line-start);
	outline-offset: 3px;
}

.wt-steps__number,
.wt-steps__point-title {
	transition: color var(--wt-animation-duration) var(--wt-animation-easing), opacity var(--wt-animation-duration) var(--wt-animation-easing), font-size var(--wt-animation-duration) var(--wt-animation-easing);
}

.wt-steps__number {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--wt-number-inactive);
	opacity: var(--wt-number-inactive-opacity);
	font-size: 42px;
	font-weight: 500;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.wt-steps__point-title {
	position: relative;
	display: flex;
	align-items: center;
	min-width: 0;
	color: var(--wt-title-inactive);
	opacity: var(--wt-title-inactive-opacity);
	font-size: 14px;
	line-height: 1.35;
}

.wt-steps__point-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -14px;
	display: block;
	width: min(var(--wt-title-line-length), 100%);
	height: 1px;
	background: linear-gradient(90deg, var(--wt-title-line-start), var(--wt-title-line-end));
	transform: scaleX(0.72);
	transform-origin: left center;
	opacity: 0.55;
	transition: transform var(--wt-animation-duration) var(--wt-animation-easing), opacity var(--wt-animation-duration) var(--wt-animation-easing);
}

.wt-steps__point.is-active .wt-steps__number,
.wt-steps__point.is-past .wt-steps__number {
	color: var(--wt-number-active);
	opacity: 1;
}

.wt-steps__point.is-active .wt-steps__point-title,
.wt-steps__point.is-past .wt-steps__point-title {
	color: var(--wt-title-active);
	opacity: 1;
}

.wt-steps__point.is-active .wt-steps__point-title::after,
.wt-steps__point.is-past .wt-steps__point-title::after {
	transform: scaleX(1);
	opacity: 1;
}

.wt-steps__active-title {
	display: none;
	min-width: 0;
	color: var(--wt-title-active);
	font-size: 16px;
	line-height: 1.35;
}

.wt-steps.is-enhanced .wt-steps__content-viewport {
	position: relative;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
}

.wt-steps.is-enhanced .wt-steps__panels {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.wt-steps.is-enhanced .wt-steps__panel {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	opacity: 0;
	visibility: hidden;
	translate: 0 var(--wt-content-y, 0px);
	transform: translate3d(0, 14px, 0);
	pointer-events: none;
	transition:
		opacity var(--wt-animation-duration) var(--wt-animation-easing),
		transform var(--wt-animation-duration) var(--wt-animation-easing),
		visibility 0s linear var(--wt-animation-duration);
}

.wt-steps.is-enhanced .wt-steps__panel.is-active {
	z-index: 1;
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	pointer-events: auto;
	transition-delay: 0s;
}

.wt-steps[data-animate="false"] .wt-steps__panel,
.wt-steps[data-animate="false"] .wt-steps__number,
.wt-steps[data-animate="false"] .wt-steps__point-title,
.wt-steps[data-animate="false"] .wt-steps__point-title::after {
	transition: none;
}

.wt-steps.is-enhanced[data-axis="vertical"] .wt-steps__layout,
.wt-steps.is-editor[data-axis="vertical"] .wt-steps__layout {
	display: grid;
	grid-template-columns: minmax(0, var(--wt-progress-width)) minmax(0, 1fr);
	gap: var(--wt-content-gap);
}

.wt-steps[data-axis="vertical"] .wt-steps__progress,
.wt-steps[data-axis="vertical"] .wt-steps__progress-viewport {
	height: 100%;
}

.wt-steps[data-axis="vertical"] .wt-steps__point {
	left: 0;
	width: 100%;
	height: var(--wt-loop-size);
	transform: translateY(-50%);
}

.wt-steps[data-axis="vertical"] .wt-steps__point-control {
	display: grid;
	grid-template-columns: var(--wt-route-span, var(--wt-loop-size)) minmax(0, 1fr);
	align-items: center;
}

.wt-steps.is-enhanced[data-axis="horizontal"] .wt-steps__layout,
.wt-steps.is-editor[data-axis="horizontal"] .wt-steps__layout {
	display: grid;
	grid-template-rows: var(--wt-effective-panel-height) minmax(0, 1fr);
	gap: var(--wt-mobile-content-gap);
}

.wt-steps[data-axis="horizontal"] .wt-steps__progress {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	gap: 8px;
	height: var(--wt-effective-panel-height);
}

.wt-steps[data-axis="horizontal"] .wt-steps__point {
	top: 0;
	width: var(--wt-effective-loop-size);
	height: var(--wt-route-cross, var(--wt-effective-loop-size));
	transform: translateX(-50%);
}

.wt-steps[data-axis="horizontal"] .wt-steps__point-control {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wt-steps[data-axis="horizontal"] .wt-steps__number {
	width: var(--wt-effective-loop-size);
	height: var(--wt-effective-loop-size);
	font-size: clamp(18px, calc(var(--wt-effective-loop-size) * 0.42), 48px);
}

.wt-steps[data-axis="horizontal"] .wt-steps__point-title {
	display: none;
}

.wt-steps[data-axis="horizontal"][data-mobile-labels="true"] .wt-steps__point-title {
	position: absolute;
	top: calc(var(--wt-loop-size) + 6px);
	left: 50%;
	display: block;
	width: calc(var(--wt-effective-loop-size) + var(--wt-step-gap));
	font-size: 10px;
	line-height: 1.2;
	text-align: center;
	transform: translateX(-50%);
}

.wt-steps[data-axis="horizontal"] .wt-steps__point-title::after {
	display: none;
}

.wt-steps[data-axis="horizontal"] .wt-steps__active-title {
	display: block;
}

.wt-steps.is-editor .wt-steps__scene,
.wt-steps.is-editor .wt-steps__sticky {
	height: auto !important;
}

.wt-steps.is-editor .wt-steps__sticky {
	position: relative;
	top: auto !important;
}

.wt-steps.is-editor .wt-steps__layout {
	min-height: 480px;
}

.wt-steps.is-editor .wt-steps__content-viewport,
.wt-steps.is-editor .wt-steps__panels {
	position: relative;
	min-height: 260px;
	overflow: visible;
}

.wt-steps.is-editor .wt-steps__panel {
	display: none;
}

.wt-steps.is-editor .wt-steps__panel.is-active {
	display: var(--display, flex);
}

@media (prefers-reduced-motion: reduce) {
	.wt-steps.is-enhanced .wt-steps__scene,
	.wt-steps.is-enhanced .wt-steps__sticky,
	.wt-steps.is-enhanced .wt-steps__layout,
	.wt-steps.is-enhanced .wt-steps__content-viewport,
	.wt-steps.is-enhanced .wt-steps__panels,
	.wt-steps.is-enhanced .wt-steps__panel {
		position: static;
		display: var(--display, flex);
		width: auto;
		height: auto !important;
		min-height: 0;
		overflow: visible;
		opacity: 1;
		visibility: visible;
		translate: none;
		transform: none;
		pointer-events: auto;
		transition: none;
	}

	.wt-steps.is-enhanced .wt-steps__progress {
		display: none;
	}

	.wt-steps.is-enhanced .wt-steps__panels {
		display: grid;
		gap: 40px;
	}

}