.footer-scroll-top.halo-scroll-progress-ready {
	display: block !important;
	position: fixed !important;
	right: clamp(18px, 2.5vw, 48px) !important;
	bottom: clamp(18px, 2.5vw, 48px) !important;
	left: auto !important;
	top: auto !important;
	z-index: 9999 !important;
	width: 28px !important;
	height: auto !important;
	--halo-scroll-label-x: 17px;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: none !important;
	transition: none !important;
}
.footer-scroll-top.halo-scroll-progress-ready .scroll-top {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-end !important;
	gap: 8px !important;
	width: 18px !important;
	height: 128px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
	color: #fff !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	overflow: visible !important;
	transform: none !important;
	transition: none !important;
}
.footer-scroll-top.halo-scroll-progress-ready .scroll-top:hover,
.footer-scroll-top.halo-scroll-progress-ready .scroll-top:focus,
.footer-scroll-top.halo-scroll-progress-ready .scroll-top:active {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
	transform: none !important;
}
.footer-scroll-top.halo-scroll-progress-ready .scroll-top i,
.footer-scroll-top.halo-scroll-progress-ready .fa,
.footer-scroll-top.halo-scroll-progress-ready .fa-stack {
	display: none !important;
}
.halo-scroll-progress__label {
	position: relative !important;
	display: block !important;
	flex: 0 0 96px !important;
	width: 18px !important;
	height: 96px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: none !important;
	transform: none !important;
}
.halo-scroll-progress__text {
	position: absolute !important;
	left: var(--halo-scroll-label-x, 15px) !important;
	bottom: 0 !important;
	top: auto !important;
	right: auto !important;
	display: block !important;
	width: max-content !important;
	max-width: none !important;
	height: 14px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: inherit !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 14px !important;
	letter-spacing: .06em !important;
	font-variant-numeric: tabular-nums !important;
	white-space: nowrap !important;
	text-align: left !important;
	text-transform: uppercase !important;
	color: #fff !important;
	text-shadow: none !important;
	pointer-events: none !important;
	opacity: 0 !important;
	visibility: visible !important;
	filter: none !important;
	transform: rotate(-90deg) !important;
	transform-origin: left bottom !important;
	transition: opacity .28s ease, color .2s ease !important;
	will-change: opacity;
}
.halo-scroll-progress__text.is-active {
	opacity: 1 !important;
	filter: none !important;
	transform: rotate(-90deg) !important;
}
/* Contrast: switch the label/percentage to stay legible over the row behind the
   control. The class is set from the row's Uncode content style (JS). Default
   (no class resolved) stays white. */
.footer-scroll-top.halo-scroll-progress-on-dark .halo-scroll-progress__text {
	color: #fff !important;
}
.footer-scroll-top.halo-scroll-progress-on-light .halo-scroll-progress__text {
	color: #111 !important;
}
.footer-scroll-top.halo-scroll-progress-is-number .halo-scroll-progress__text {
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: -.01em !important;
	text-transform: none !important;
}
.halo-scroll-progress__marker {
	position: relative !important;
	display: block !important;
	flex: 0 0 18px !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--halo-accent, #e74011) !important;
	pointer-events: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	transition: none !important;
}
.halo-scroll-progress__marker svg {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	overflow: visible !important;
	transform: rotate(-90deg) !important;
}
.halo-scroll-progress__track,
.halo-scroll-progress__bar {
	fill: none !important;
	stroke-width: 1.35 !important;
	vector-effect: non-scaling-stroke;
}
.halo-scroll-progress__track {
	stroke: currentColor !important;
	opacity: .28 !important;
}
.halo-scroll-progress__bar {
	stroke: currentColor !important;
	stroke-linecap: round !important;
	stroke-dasharray: 50.2655 !important;
	stroke-dashoffset: 50.2655;
	transition: stroke-dashoffset .2s cubic-bezier(.22, 1, .36, 1) !important;
}
.halo-scroll-progress__dot {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	display: block !important;
	width: 3px !important;
	height: 3px !important;
	border-radius: 999px !important;
	background: currentColor !important;
	box-shadow: 0 0 7px currentColor !important;
	transform: translate(-50%, -50%) !important;
}
.footer-scroll-top.halo-scroll-progress-ready .scroll-top:focus-visible {
	outline: 1px solid var(--halo-accent, #e74011) !important;
	outline-offset: 7px !important;
	border-radius: 999px !important;
}
@media (max-width: 569px) {
	.footer-scroll-top.halo-scroll-progress-ready {
		right: 16px !important;
		bottom: 16px !important;
	}
}
@media (prefers-reduced-motion: reduce) {
	.halo-scroll-progress__text,
	.halo-scroll-progress__bar {
		transition: none !important;
	}
}
