.ccc-announcement-bar {
	--ccc-announcement-bg: #3b2618;
	--ccc-announcement-text: #f4e8d6;
	--ccc-announcement-link: #ffd9a0;
	--ccc-announcement-desktop-duration: 28s;
	--ccc-announcement-mobile-height: 40px;
	position: relative;
	z-index: 999;
	box-sizing: border-box;
	width: 100%;
	min-height: var(--ccc-announcement-mobile-height);
	background: var(--ccc-announcement-bg);
	color: var(--ccc-announcement-text);
	font-size: 13px;
	line-height: 1.25;
	letter-spacing: 0.015em;
	overflow: hidden;
}

.ccc-announcement-bar,
.ccc-announcement-bar * {
	box-sizing: border-box;
}

.ccc-announcement-bar__desktop,
.ccc-announcement-bar__mobile {
	min-height: var(--ccc-announcement-mobile-height);
	display: flex;
	align-items: center;
}

.ccc-announcement-bar__desktop {
	display: none;
	width: 100%;
	overflow: hidden;
}

.ccc-announcement-bar__track {
	display: inline-flex;
	align-items: center;
	width: max-content;
	min-width: 100%;
	white-space: nowrap;
	animation: ccc-announcement-scroll var(--ccc-announcement-desktop-duration) linear infinite;
	will-change: transform;
}

.ccc-announcement-bar:hover .ccc-announcement-bar__track,
.ccc-announcement-bar:focus-within .ccc-announcement-bar__track {
	animation-play-state: paused;
}

.ccc-announcement-bar__group {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 2rem;
	list-style: none;
	flex-shrink: 0;
}

.ccc-announcement-bar__item {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

.ccc-announcement-bar__separator {
	opacity: 0.72;
	margin: 0 0.8rem;
	font-size: 0.7rem;
	line-height: 1;
}

.ccc-announcement-bar__text,
.ccc-announcement-bar__link {
	color: var(--ccc-announcement-text);
	white-space: nowrap;
}

.ccc-announcement-bar__link {
	color: var(--ccc-announcement-link);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.ccc-announcement-bar__link:hover {
	opacity: 0.88;
}

.ccc-announcement-bar__link:focus-visible {
	outline: 2px solid var(--ccc-announcement-link);
	outline-offset: 2px;
	border-radius: 2px;
}

.ccc-announcement-bar__mobile {
	justify-content: center;
	text-align: center;
	padding: 0 0.85rem;
}

.ccc-announcement-bar__mobile-item {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 1;
	transition: opacity 220ms ease-in-out;
}

.ccc-announcement-bar__mobile-item.ccc-announcement-is-fading {
	opacity: 0;
}

@keyframes ccc-announcement-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@media (min-width: 768px) {
	.ccc-announcement-bar__desktop {
		display: flex;
	}

	.ccc-announcement-bar__mobile {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.ccc-announcement-bar__desktop {
		display: none;
	}

	.ccc-announcement-bar__mobile {
		display: flex;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ccc-announcement-bar__track {
		animation: none;
		transform: translateX(0);
	}

	.ccc-announcement-bar__mobile-item {
		transition: none;
	}
}

.ccc-announcement-bar.ccc-announcement-reduced-motion .ccc-announcement-bar__track {
	animation: none;
	transform: translateX(0);
}

.ccc-announcement-bar.ccc-announcement-reduced-motion .ccc-announcement-bar__mobile-item {
	transition: none;
}