.hlx-navigation-memory-status {
	position: fixed !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.hlx-return-beacon {
	position: relative;
	z-index: 1;
	outline: 3px solid var(--hlx-return-accent, #54caef) !important;
	outline-offset: 4px;
	border-radius: max(4px, var(--hlx-radius-sm, 4px));
	animation: hlx-return-beacon 1.8s ease-out both;
}

.hlx-return-context {
	box-shadow: inset 4px 0 0 var(--hlx-return-context, #f0d36d), 0 0 0 1px rgba(84, 202, 239, 0.22) !important;
	transition: box-shadow 180ms ease;
}

@keyframes hlx-return-beacon {
	0% {
		outline-color: rgba(240, 211, 109, 1);
		box-shadow: 0 0 0 0 rgba(84, 202, 239, 0.58);
	}
	45% {
		outline-color: rgba(84, 202, 239, 0.95);
		box-shadow: 0 0 0 9px rgba(84, 202, 239, 0.13);
	}
	100% {
		outline-color: rgba(84, 202, 239, 0);
		box-shadow: 0 0 0 14px rgba(84, 202, 239, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.hlx-return-beacon {
		animation: none;
		outline-color: var(--hlx-return-accent, #54caef) !important;
	}

	.hlx-return-context {
		transition: none;
	}
}