.player-age-rating,
.expanded-age-rating {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 24px;
	height: 24px;
	margin-top: 4px;

	border: 2px solid currentColor;
	border-radius: 50%;

	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	color: #ffffff;

	background: rgba(0, 0, 0, 0.35);
	box-sizing: border-box;
	user-select: none;
}

/* A hidden attribútum mindig rejtse el */
.player-age-rating[hidden],
.expanded-age-rating[hidden] {
	display: none !important;
}

.player-age-rating.age-rating-12,
.expanded-age-rating.age-rating-12 {
	color: #f7c948;
}

.player-age-rating.age-rating-16,
.expanded-age-rating.age-rating-16 {
	color: #f28c28;
}

.player-age-rating.age-rating-18,
.expanded-age-rating.age-rating-18 {
	color: #e53935;
}

.player-artist-row,
.expanded-artist-row {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.player-artist {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.player-age-rating,
.expanded-age-rating {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	border: 2px solid currentColor;
	border-radius: 50%;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	box-sizing: border-box;
}

.player-age-rating[hidden],
.expanded-age-rating[hidden] {
	display: none !important;
}

.age-rating-12 {
	color: #f5c518;
}

.age-rating-16 {
	color: #f28c28;
}

.age-rating-18 {
	color: #e53935;
}