/** Beauvit announcement strip. Loaded only while it has visible content. */
@font-face {
	font-family: "Beauvit Manrope";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/Manrope-500-cyrillic.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: "Beauvit Manrope";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/Manrope-500-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.beauvit-marquee {
	width: 100%;
	min-height: 38px;
	background: var(--beauvit-marquee-bg, #eaf7fb);
	color: var(--beauvit-marquee-text, #18313d);
	font-family: "Beauvit Manrope", var(--bv-font-sans), sans-serif;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.25;
	font-synthesis: none;
}

.beauvit-marquee__viewport {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
}

.beauvit-marquee__track {
	display: flex;
	align-items: center;
	width: max-content;
	min-height: 38px;
}

.beauvit-marquee__group {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: var(--beauvit-marquee-gap, 100px);
	width: max-content;
	min-height: 38px;
	margin: 0;
	padding: 0 var(--beauvit-marquee-gap, 100px) 0 0;
	list-style: none;
}

.beauvit-marquee__item {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.beauvit-marquee.is-ready .beauvit-marquee__viewport {
	overflow-x: hidden;
}

.beauvit-marquee.is-ready .beauvit-marquee__track {
	animation: beauvit-marquee-scroll var(--beauvit-marquee-duration) linear infinite;
}

@keyframes beauvit-marquee-scroll {
	to { transform: translate3d(calc(-1 * var(--beauvit-marquee-distance)), 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
	.beauvit-marquee.is-ready .beauvit-marquee__viewport {
		overflow-x: auto;
	}

	.beauvit-marquee.is-ready .beauvit-marquee__track {
		animation: none;
		transform: none;
	}

	.beauvit-marquee__group[aria-hidden="true"] {
		display: none;
	}
}