/* Shared native library controls: reserve space for one centred chevron. */
.ro-game-filters .ro-game-filter select,
.ro-live-hub .ro-live-hub__filters select {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23102f35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 18px 18px;
	padding-right: 44px;
	cursor: pointer;
}
.ro-game-filters .ro-game-filter select:focus-visible,
.ro-live-hub .ro-live-hub__filters select:focus-visible {
	outline: 3px solid var(--ro-cyan);
	outline-offset: 2px;
}
.ro-games-library .ro-game-filters {
	grid-template-columns: minmax(270px,1.5fr) minmax(140px,1fr) minmax(170px,1.1fr) minmax(120px,.65fr) auto;
}
.ro-game-filters .ro-game-filters__actions { grid-column: auto; }
.ro-game-sort-note { margin: -4px 0 18px; color: var(--ro-muted); font-size: .875rem; }
@media (max-width: 1100px) {
	.ro-games-library .ro-game-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.ro-game-filters .ro-game-filters__actions { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
	.ro-games-library .ro-game-filters { grid-template-columns: minmax(0,1fr); }
	.ro-game-filters .ro-game-filters__actions { grid-column: auto; }
	.ro-game-filters__actions .ro-button { width: 100%; }
}
@media (forced-colors: active) {
	.ro-game-filters .ro-game-filter select,
	.ro-live-hub .ro-live-hub__filters select {
		-webkit-appearance: auto;
		appearance: auto;
		background-image: none;
		padding-right: 12px;
	}
}
