.ast-trending {
	background: var(--surface);
	padding: 20px;
	border-radius: var(--radius);
	box-shadow: var(--shadow);
}

.ast-trending-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 12px;
}

.ast-trending-item {
	display: flex;
	gap: 12px;
	align-items: center;
	font-weight: 600;
}

.ast-trending-rank {
	background: var(--surface-alt);
	color: var(--accent);
	border-radius: 999px;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}