.jobgov-marquee {
	background: var(--jobgov-marquee-bg, #0f4c81);
	color: var(--jobgov-marquee-color, #ffffff);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 40;
}

.jobgov-marquee__viewport {
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.jobgov-marquee__track {
	align-items: center;
	animation: jobgov-marquee-scroll var(--jobgov-marquee-duration, 28s) linear infinite;
	display: flex;
	width: max-content;
	will-change: transform;
}

.jobgov-marquee:hover .jobgov-marquee__track,
.jobgov-marquee:focus-within .jobgov-marquee__track {
	animation-play-state: paused;
}

.jobgov-marquee__group {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	min-width: 100vw;
}

.jobgov-marquee__item {
	align-items: center;
	color: inherit;
	display: inline-flex;
	min-height: 38px;
	padding: 7px 24px;
	text-decoration: none;
}

.jobgov-marquee__item::after {
	background: currentColor;
	border-radius: 999px;
	content: "";
	display: inline-block;
	height: 5px;
	margin-left: 24px;
	opacity: 0.65;
	width: 5px;
}

.jobgov-marquee__item:hover,
.jobgov-marquee__item:focus {
	color: inherit;
	text-decoration: underline;
}

@keyframes jobgov-marquee-scroll {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(-50%, 0, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.jobgov-marquee__track {
		animation: none;
		transform: none;
	}
}