:root {
	--vn-news-ticker-height:54px;
}

body.vn-page-slug-home,
body.vn-page-slug-leerlingbegeleiding {
	padding-bottom:calc(var(--vn-news-ticker-height) + env(safe-area-inset-bottom));
}

.vn-news-ticker {
	position:fixed;
	right:0;
	bottom:0;
	left:0;
	z-index:890;
	display:flex;
	min-height:var(--vn-news-ticker-height);
	align-items:center;
	overflow:hidden;
	border-top:2px solid var(--vn-news-ticker-accent);
	background:var(--vn-news-ticker-background);
	color:#fff;
	box-shadow:0 -12px 34px rgb(7 31 41 / .18);
	font-family:var(--vn-font-heading);
	isolation:isolate;
}

.vn-news-ticker--sport {
	--vn-news-ticker-accent:var(--vn-orange);
	--vn-news-ticker-badge:var(--vn-orange);
	--vn-news-ticker-background:linear-gradient(92deg,#073f48 0%,var(--vn-petrol) 48%,#0c6f68 100%);
}

.vn-news-ticker--learning {
	--vn-news-ticker-accent:var(--vn-learn-lilac);
	--vn-news-ticker-badge:var(--vn-learn-lilac);
	--vn-news-ticker-background:linear-gradient(92deg,#174f54 0%,#246f6c 52%,#49658c 100%);
}

.vn-news-ticker::after {
	position:absolute;
	inset:0;
	z-index:-1;
	background:linear-gradient(90deg,rgb(255 255 255 / .04),transparent 24%,rgb(255 255 255 / .05));
	content:"";
	pointer-events:none;
}

.vn-news-ticker__marquee {
	width:100%;
	overflow:hidden;
}

.vn-news-ticker__track {
	display:flex;
	width:max-content;
	align-items:center;
	will-change:transform;
	animation:vn-news-ticker-scroll 42s linear infinite;
}

.vn-news-ticker:hover .vn-news-ticker__track {
	animation-play-state:paused;
}

.vn-news-ticker__item {
	display:flex;
	min-height:calc(var(--vn-news-ticker-height) - 2px);
	margin:0;
	padding:0 clamp(2.5rem,5vw,5.5rem) 0 clamp(1.1rem,2.5vw,2rem);
	align-items:center;
	gap:.72rem;
	color:inherit;
	font-size:clamp(.82rem,1.15vw,.97rem);
	font-weight:550;
	letter-spacing:.006em;
	line-height:1.2;
	white-space:nowrap;
}

.vn-news-ticker__item strong {
	font-weight:800;
}

.vn-news-ticker__badge {
	display:inline-flex;
	min-height:28px;
	padding:.32rem .65rem;
	align-items:center;
	border-radius:999px;
	background:var(--vn-news-ticker-badge);
	color:#fff;
	font-size:.7rem;
	font-weight:850;
	letter-spacing:.09em;
	line-height:1;
	text-transform:uppercase;
	box-shadow:0 5px 14px rgb(7 31 41 / .18);
}

.vn-news-ticker__separator {
	color:var(--vn-news-ticker-accent);
	font-size:1.35rem;
	line-height:0;
}

@keyframes vn-news-ticker-scroll {
	from { transform:translate3d(0,0,0); }
	to { transform:translate3d(-33.3333%,0,0); }
}

@media (max-width:780px) {
	:root {
		--vn-news-ticker-height:48px;
	}

	body.vn-page-slug-home.vn-has-mobile-cta {
		padding-bottom:calc(72px + var(--vn-news-ticker-height) + (env(safe-area-inset-bottom) * 2))!important;
	}

	body.vn-page-slug-home.vn-has-mobile-cta .vn-news-ticker {
		bottom:calc(72px + env(safe-area-inset-bottom));
	}

	body.vn-page-slug-leerlingbegeleiding {
		padding-bottom:calc(var(--vn-news-ticker-height) + env(safe-area-inset-bottom))!important;
	}

	.vn-news-ticker__item {
		padding-right:3.25rem;
		font-size:.8rem;
	}

	.vn-news-ticker__badge {
		min-height:25px;
		padding:.28rem .56rem;
		font-size:.64rem;
	}
}

@media (prefers-reduced-motion:reduce) {
	.vn-news-ticker__marquee {
		overflow-x:auto;
		scrollbar-width:none;
	}

	.vn-news-ticker__marquee::-webkit-scrollbar {
		display:none;
	}

	.vn-news-ticker__track {
		animation:none;
		will-change:auto;
	}

	.vn-news-ticker__item:not(:first-child) {
		display:none;
	}
}