.debug body:before {
    content: '';
    -webkit-mask: url(../img/rivals_star.png) center / contain;
    background-color: var(--primary-color);
    width: 1920px;
    height: 1080px;
    z-index: 5;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}

.top-bar {
	
	position: absolute;
	top: 45px;
	left: 0;
	right: var(--right-offset);
	
	height: 65px;
	
	display: flex;
	flex-direction: row;
	grid-auto-flow: row;
	align-items: center;
	justify-content: space-between;
	justify-items: center;
	align-content: center;
	
	font-family: "Space Mono", sans-serif;
	font-size: 26px;
	line-height: 1.5em;
	font-weight: 400;
	color: var(--light-text-color);
	/* text-shadow: 0.025em 0.025em rgba(var(--black-rgb), 0.7); */
}
.top-bar > *:not(.rivals-logo):empty {
	display: none;
}

.rivals-logo {
	/* width: 185px; */
	width: 292px;
	height: 85px;
	margin-bottom: -20px;
	grid-column: 1;
	grid-row: 1;
}

/* Ordering data */
.bar-tournament-stage {
	white-space: nowrap;
	text-align: left;
	display: flex;
	flex-direction: row;
	/* flex-wrap: wrap; */
	align-items: center;
	justify-content: center;
	gap: 0.2em;
	grid-row: 1;
	order: 3;
}
.bar-tournament-stage:has( > .bar-stage:empty):has(> .bar-round:empty) {
	display: none;
}
.bar-stage:not(:empty) ~ .bar-round:not(:empty):before {
	content: '-';
	margin-right: 0.2em;
}
.bar-stage { order: 1; }
.bar-round { order: 2; }

.bar-best-of {
	grid-row: 1;
	order: 4;
	white-space: nowrap;
}
.bar-best-of:not(:empty):before {
	content: 'Best Of ';
}
.bar-matchup.playoff ~ .bar-best-of:not(:empty):before {
	/* content: 'BO'; */
}

.bar-division {
	grid-row: 1;
	grid-column: 4;
	order: 3;
}
.bar-division:not(:empty):before {
	content: 'Division ';
}

.game-title {
	grid-row: 1;
	grid-column: 2;
	order: 1;
}

.bar-matchup {
	display: flex;
	flex-direction: row;
	background-color: var(--dark-color);
	grid-row: 1;
	grid-column: 5;
	order: 5;
	text-shadow: none;
}
.bar-state {
	background-color: var(--primary-color);
	color: var(--text-color);
	font-weight: 600;
	gap: 0.25em;
	display: flex;
}
.bar-state:before {
	padding: 0 0.75em;
}
.show-matchdata .bar-state:before {
	content: 'Now';
}
.live .bar-state:before {
	content: 'Up Next';
}
.in-progress .bar-state:before {
	content: 'Live';
}
.completed .bar-state:before {
	content: 'Just';
	padding: 0 0 0 0.5em;
}
.completed .bar-state:after {
	content: 'Now';
	padding: 0 0.5em 0 0;
}

.bar-teams {
	display: grid;
	grid-auto-flow: column;
	align-items: center;
	text-align: center;
	justify-content: center;
	padding: 0 0.75em;
	font-weight: 500;
	gap: 0.25em;
}
.bar-teams .team-divider {
	order: 2;
	grid-column: 2;
	color: var(--light-color);
}
.bar-teams .team:empty ~ .team:empty ~ .team-divider {
	display: none;
}
.bar-teams .team-divider:empty:before {
	content: 'vs';
}

.page-name {
	display: none;
	grid-row: 1;
	grid-column: 3;
	order: 3;
}
.page-name:not(:empty) {
	display: flex;
}
.page-name:not(:empty) ~ .best-of {
	display: none;
}

.top-bar .sponsor-wrapper {
	order: 5;
	grid-column: 5;
}
.top-bar #sponsors {
	position: relative;
	bottom: auto;
	right: auto;
	font-size: 20px;
}
.top-bar #sponsors:before {
    content: '';
}