.single-tag-page .beat-listing {
	padding: 40px 0 60px;
}

.single-tag-page .listing-header h2 {
	font-size: 1.4rem;
}

.single-tag-page .listing-controls {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	max-width: 100%;
	flex-wrap: wrap;
}

.single-tag-page .listing-controls input,
.single-tag-page .listing-controls select {
	box-sizing: border-box;
	min-width: 0;
	padding: 10px 16px;
	background: #232323;
	border: 1px solid #2a2a2a;
	border-radius: 6px;
	color: #f5f5f5;
	font-family: 'Inter', sans-serif;
	font-size: 0.9rem;
}

.single-tag-page .listing-controls input { width: 200px; }

.single-tag-page .listing-controls input:focus,
.single-tag-page .listing-controls select:focus {
	outline: none;
	border-color: #a855f7;
}

.single-tag-page .listing-controls select { cursor: pointer; }

@media (max-width: 768px) {
	.single-tag-page .listing-controls {
		justify-content: flex-start;
		width: 100%;
	}

	.single-tag-page .listing-controls input,
	.single-tag-page .listing-controls select {
		flex: 1 1 200px;
		width: auto;
	}
}

@media (max-width: 480px) {
	.single-tag-page .listing-controls {
		align-items: stretch;
		flex-direction: column;
	}

	.single-tag-page .listing-controls input,
	.single-tag-page .listing-controls select {
		width: 100%;
		flex-basis: auto;
	}
}

.single-tag-page .genre-art .single-tag-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 30% 25%, #35234b 0, #21172d 38%, #141217 100%);
	color: rgba(192, 132, 252, 0.7);
	font-size: 2rem;
}

.single-tag-page .single-tag-empty {
	padding: 24px 0;
	color: #b0b0b0;
	text-align: center;
}