.tts-breaking-news {
	border-top: 1px solid var(--tts-color-border);
	border-bottom: 1px solid var(--tts-color-border);
	background: var(--tts-color-canvas);
}

.tts-breaking-news__inner {
	display: grid;
	min-height: 2.75rem;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--tts-space-3);
}

.tts-breaking-news__label {
	padding: 0.28rem 0.62rem;
	border-radius: 999px;
	color: #fff;
	background: var(--tts-color-accent);
	font-size: 0.72rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.tts-breaking-news__viewport {
	min-width: 0;
	overflow: hidden;
}

.tts-breaking-news__list {
	display: flex;
	padding: 0;
	margin: 0;
	align-items: center;
	gap: var(--tts-space-5);
	overflow-x: auto;
	list-style: none;
	scrollbar-width: thin;
}

.tts-breaking-news.is-enhanced .tts-breaking-news__list {
	display: block;
	overflow: hidden;
}

.tts-breaking-news__item {
	display: flex;
	min-width: min(32rem, 75vw);
	align-items: center;
	gap: var(--tts-space-3);
	white-space: nowrap;
}

.tts-breaking-news.is-enhanced .tts-breaking-news__item {
	min-width: 0;
}

.tts-breaking-news__item[hidden],
.tts-breaking-news__controls[hidden] {
	display: none;
}

.tts-breaking-news__item a {
	min-width: 0;
	overflow: hidden;
	color: var(--tts-color-ink);
	font-size: 0.84rem;
	font-weight: 750;
	text-decoration: none;
	text-overflow: ellipsis;
}

.tts-breaking-news__item a:hover,
.tts-breaking-news__item a:focus-visible {
	color: var(--tts-color-accent);
}

.tts-breaking-news__item time {
	flex: 0 0 auto;
	color: var(--tts-color-muted);
	font-size: 0.72rem;
}

.tts-breaking-news__controls {
	display: flex;
	gap: 0.3rem;
}

.tts-breaking-news__controls button {
	display: grid;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid var(--tts-color-border);
	border-radius: 50%;
	place-items: center;
	color: var(--tts-color-ink);
	background: var(--tts-color-surface);
}

.tts-has-swipe-home .tts-breaking-news {
	border-color: rgba(255, 255, 255, 0.16);
	background: rgba(5, 7, 9, 0.82);
}

.tts-has-swipe-home .tts-breaking-news__item a,
.tts-has-swipe-home .tts-breaking-news__controls button {
	color: #fff;
}

.tts-has-swipe-home .tts-breaking-news__item time {
	color: rgba(255, 255, 255, 0.68);
}

.tts-has-swipe-home .tts-breaking-news__controls button {
	border-color: rgba(255, 255, 255, 0.24);
	background: rgba(255, 255, 255, 0.08);
}

@media (max-width: 48rem) {
	.tts-breaking-news__inner {
		width: calc(100% - 1rem);
		gap: 0.5rem;
	}

	.tts-breaking-news__label {
		padding-inline: 0.5rem;
		font-size: 0.65rem;
	}

	.tts-breaking-news__item time {
		display: none;
	}
}