.liveMatchUp,
.liveMatchUp * {
	font-family: 'Inter', sans-serif;
}
.homeGlow {
	box-shadow: rgba(8, 255, 8, 0.8) 0 0 5px 1px;
}
.awayGlow {
	box-shadow: rgba(8, 255, 8, 0.8) 0 0 5px 1px;
}

.superscript {
	vertical-align: super;
}

.matchup {
	/* width: 95%; */
	max-width: 860px;
	background-color: rgba(58, 70, 91, 0.5);
	box-sizing: border-box;
	/* border-radius: 26px; */
	overflow: hidden;
	/* border: 1px solid #3a465b; */
}

.header {
	display: flex;
	justify-content: space-between;
	position: relative;
	border: 1px solid #bbb;
	border-radius: 10px;
	opacity: 0.8;
	cursor: pointer;
	transition: opacity 0.5s;
	overflow: hidden;
}

.header:hover {
	opacity: 1;
}

.divider {
	position: absolute;
	z-index: 3;
	transform: translateX(-50%);
	top: 0;
	left: 50%;
	height: 100%;
	width: 15px;
}
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */

/* Position Slot Identifiers */

/* ======================== */
/* ======================== */
/* ======================== */
.QB {
	background-color: var(--QB);
}
.WR {
	background-color: var(--WR);
}
.RB {
	background-color: var(--RB);
}
.TE {
	background-color: var(--TE);
}
.S-FLEX {
	background-color: var(--SFLEX);
	/* background: linear-gradient(
		to right,
		var(--WR),
		var(--WR) 50%,
		var(--RB) 50%
	); */
}

.FLEX {
	background-color: var(--FLEX);
	/* background: linear-gradient(
		to right,
		var(--WR),
		var(--WR) 33.33%,
		var(--RB) 33.33%,
		var(--RB) 66.66%,
		var(--TE) 66.66%
	); */
}
.WRRB {
	background: linear-gradient(to right, var(--WR), var(--WR) 50%, var(--RB) 50%);
}
.K {
	background-color: var(--K);
}
.DEF {
	background-color: var(--DEF);
	color: var(--fff);
}
.LB {
	background-color: var(--LB);
}
.IDP {
	background: linear-gradient(
		to right,
		var(--DL),
		var(--DL) 33.33%,
		var(--LB) 33.33%,
		var(--LB) 66.66%,
		var(--DB) 66.66%
	);
}
.DL,
.DE,
.DT {
	background-color: var(--DL);
}
.DB,
.CB,
.SS,
.FS {
	background-color: var(--DB);
}

/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
.QB_text {
	color: var(--QB);
}
.WR_text {
	color: var(--WR);
}
.RB_text {
	color: var(--RB);
}
.TE_text {
	color: var(--TE);
}
.FLEX_text {
	color: var(--FLEX);
}
.SFLEX_text {
	color: var(--SFLEX);
}
.WRRB_text {
	color: var(--WRRB);
}
.K_text {
	color: var(--K);
}
.DEF_text {
	color: var(--DEF);
}
.LB_text {
	color: var(--LB);
}
.IDP_text {
	color: var(--IDP);
}
.DE_text {
	color: var(--DE);
}
.DL_text {
	color: var(--DL);
}
.DB_text {
	color: var(--DB);
}

/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* Injury Status **/
/* ======================== */
/* ======================== */
/* ======================== */
.INJ,
.INJURED {
	color: var(--INJ);
}
.Q,
.QUES,
.QUESTIONABLE {
	color: var(--Q);
}
.D,
.DOUB,
.DOUBTFUL {
	color: var(--D);
}
.O,
.OUT {
	color: var(--OUT);
}
.IR,
.INJURED_RESERVE {
	color: var(--IR);
}
.PUP {
	color: var(--PUP);
}
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
/* ======================== */
.rosters {
	overflow: hidden;
	transition: max-height 0.4s;
}
.playerTeam {
	color: var(--g333);
}
.playerName {
	word-break: break-word;
}

.dividerLine {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	width: 0;
	border-left: 1px solid var(--eee);
	z-index: 1;
}
.close:hover {
	background-color: var(--ddd);
}

.nameHolder {
	display: block;
}

.totalPoints {
	line-height: 1.1em;
	color: var(--text-team-page-white);
}

.totalPointsR {
	margin-right: 0.1em;
	text-align: right;
}

.totalPointsL {
	margin-left: 0.1em;
	text-align: left;
}

.totalProjection {
	color: #ccc;

	font-style: italic;
}
.playerEmpty {
	color: #555;
	font-style: italic;
}

/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

.playerSlotCircle {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 60%;
}

.avatar {
	vertical-align: middle;
	height: 60px;
	width: 60px;
	margin: 0;
	border: 0.25px solid #777;
	position: relative;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text-team-page-white);
	/* border-color: rgb(69, 230, 167); */
	border: 3px solid rgb(69, 230, 167);
	font-weight: 300;

	background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eee;
}

.avatar-no-border {
	vertical-align: middle;
	height: 60px;
	width: 60px;
	margin: 0;
	border: 0;
	position: relative;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text-team-page-white);
	font-weight: 300;
	background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent !important;
}
.points-color {
	color: var(--text-team-page-score);
}

.vs-label {
	display: flex;
	position: absolute;
	left: 50%;
	height: 32px;
	width: 32px;
	padding: 0px;
	border-radius: 32px;
	align-items: center;
	justify-content: center;
	background-color: #293042;
	z-index: 99;
	transform: translateX(-50%); /* this was the key! */
}
.vs-label .label {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	position: absolute;
	color: var(--text-team-page-darkgrey);
	font-weight: 800;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}

.projections {
	font-weight: normal;
	/* color: #a3bbd3; */
	color: var(--text-team-page-grey);
}

/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

.matchup-owner-item {
	background: rgba(163, 187, 211, 0.05);
	border-radius: 26px;
	border: 1px solid rgba(58, 70, 91, 0.5);
}

.name {
	word-break: break-word;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--text-team-page-white);
	white-space: nowrap;
	max-width: 80px;
}
@media (min-width: 1200px) {
	.name {
		max-width: 160px;
	}
}
@media (min-width: 1440px) {
	.name {
		max-width: 200px;
	}
}
.team-name {
	color: var(--text-team-page-grey);
	overflow: hidden;
	white-space: nowrap;
	max-width: 80px;
	text-overflow: ellipsis;
}
@media (min-width: 1200px) {
	.team-name {
		max-width: 160px;
	}
}
@media (min-width: 1440px) {
	.team-name {
		max-width: 200px;
	}
}
.record {
	color: var(--text-team-page-grey);
}

.possession-indicator-wrapper,
.possession-indicator-wrapper-bottom {
	position: absolute;
	flex: 1;
	left: 0px;
	right: 0px;
}
.possession-indicator-wrapper {
	top: 0px;
}
.possession-indicator-wrapper-bottom {
	bottom: 0px;
}

.player-pos {
	font-family: 'Inter';
	color: var(--text-team-page-grey);
}

.player-matchup-body-row {
	position: relative;
	box-sizing: border-box;
}
.position {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	width: 32px;
	border-radius: 32px;
	background-color: #262e3e;
	position: absolute;
	z-index: 10;
	border: 1px solid rgba(58, 70, 91, 0.5);
}

/* .player-name {
	color: var(--text-team-page-white);
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
} */

.possession-indicator-rate {
	display: flex;
	flex: 1;
	align-items: center;
}
.possession-indicator-rate .divider {
	position: relative;
	justify-content: flex-start;
	display: flex;
	height: 4px;
	flex: 1;
	background-color: var(--text-team-page-matched-grey);
}

.text-success-bright {
	color: var(--text-success-bright) !important;
}

.avatar_backdrop {
	border-right: thin dotted rgba(0, 206, 184, 0.1);
	background-color: rgba(0, 206, 184, 0.05);
	overflow: hidden;
}