:root {
	--bg: #282828;
	--text: #e6eef8;
	--accent: #06b6d4;
	--muted: #9aa7b7;
	--gap: 13px;
}
.ticker-shell {
	background: var(--bg);
	overflow: hidden;
}
.ticker {
	margin: auto;
	overflow: hidden;
}
.ticker__viewport {
	overflow: hidden;
	padding: 10px 0;
}
.ticker__track {
	display: flex;
	gap: var(--gap);
	white-space: nowrap;
}
.ticker__item {
	display: inline-flex;
	align-items: center;
	gap: 0px;
	background: rgba(255, 255, 255, 0.02);
	padding: 8px 8px;
	border-radius: 8px;
	min-width: 200px;
	color: var(--text);
	font-size: 17px;
}
.item__price {
	margin-left: auto;
	color: var(--accent);
	font-weight: 700;
}

@keyframes marquee-right {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-100%);
	}
}
.ticker__strip {
	display: flex;
	gap: var(--gap);
	animation: marquee-right 60s linear infinite;
}
.ticker:hover .ticker__strip {
	animation-play-state: paused;
}

.metal-prices tr:hover td {
  background: #b2b2b2;
  transition: 0.2s;
}

.is-responsive li {
    font-weight: 900;
    font-size: 19px;
}