.dk-ticker {
	margin-top: 44px;
	background: var(--dk-dark-bg);
	padding: 20px 0;
	display: flex;
	align-items: center;
	gap: 22px;
	overflow: hidden;
}

.dk-ticker__label {
	font-family: var(--dk-font-mono);
	font-size: 10.5px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--dk-ocher-bright);
	padding-left: var(--dk-gutter);
	flex: 0 0 auto;
}

.dk-ticker__viewport {
	flex: 1 1 0;
	overflow: hidden;
}

.dk-ticker__track {
	display: flex;
	gap: 12px;
	width: max-content;
	animation: dk-marquee 38s linear infinite;
}

.dk-ticker__viewport:hover .dk-ticker__track {
	animation-play-state: paused;
}

.dk-ticker__chip {
	border: 1px solid var(--dk-dark-border);
	color: var(--dk-dark-text);
	font-size: 14px;
	padding: 9px 16px;
	border-radius: var(--dk-radius-pill);
	white-space: nowrap;
}

.dk-ticker__chip:hover {
	border-color: var(--dk-ocher);
	color: #fff;
	text-decoration: none;
}
