/* Release 1.10.13: embedded live player and merged live/upcoming matchcenter. */
body.cs2day-v2 .cs2-matchcenter-live {
	background: color-mix(in srgb, var(--cs2-bg) 56%, var(--cs2-card-elevated));
	border-bottom: 1px solid var(--cs2-border);
	padding: 18px;
}

body.cs2day-v2 .cs2-matchcenter-live__viewport {
	margin-inline: auto;
	max-width: 980px;
}

body.cs2day-v2 .cs2-matchcenter-live__slide[aria-hidden="true"] { display: none; }

body.cs2day-v2 .cs2-matchcenter-live__player {
	aspect-ratio: 16 / 9;
	background: #050708;
	position: relative;
}

body.cs2day-v2 .cs2-matchcenter-live__frame,
body.cs2day-v2 .cs2-matchcenter-live__frame iframe {
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
}

body.cs2day-v2 .cs2-matchcenter-live__actions {
	align-items: center;
	background: color-mix(in srgb, var(--cs2-bg) 86%, transparent);
	display: flex;
	inset: 0;
	justify-content: center;
	position: absolute;
}

body.cs2day-v2 .cs2-matchcenter-live__actions[hidden] { display: none; }

body.cs2day-v2 .cs2-matchcenter-live__slide > footer {
	align-items: center;
	background: var(--cs2-card-elevated);
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
	padding: 12px 14px;
}

body.cs2day-v2 .cs2-matchcenter-live__team {
	align-items: center;
	display: flex;
	gap: 10px;
	min-width: 0;
}

body.cs2day-v2 .cs2-matchcenter-live__team--away { justify-content: flex-end; }
body.cs2day-v2 .cs2-matchcenter-live__team strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

body.cs2day-v2 .cs2-matchcenter-live__team > span,
body.cs2day-v2 .cs2-matchcenter-live__team img,
body.cs2day-v2 .cs2-matchcenter-live__initials {
	height: 52px;
	width: 52px;
}

body.cs2day-v2 .cs2-matchcenter-live__team img { object-fit: contain; }
body.cs2day-v2 .cs2-matchcenter-live__initials { align-items: center; background: var(--cs2-bg); display: inline-flex; justify-content: center; }

body.cs2day-v2 .cs2-matchcenter-live__score {
	background: var(--cs2-bg);
	border-radius: 4px;
	font-size: 20px;
	padding: 8px 12px;
	white-space: nowrap;
}

body.cs2day-v2 .cs2-matchcenter-live__controls {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 10px;
}

body.cs2day-v2 .cs2-matchcenter-live__controls button {
	background: var(--cs2-card-elevated);
	border: 1px solid var(--cs2-border);
	color: var(--cs2-text);
	height: 34px;
	width: 38px;
}

body.cs2day-v2 .cs2-match-line--live {
	background: color-mix(in srgb, var(--cs2-accent) 10%, var(--cs2-card-elevated));
	box-shadow: inset 3px 0 0 var(--cs2-accent);
}

body.cs2day-v2 .cs2-match-line--live:nth-child(even) {
	background: color-mix(in srgb, var(--cs2-accent) 14%, var(--cs2-bg));
}

body.cs2day-v2 .cs2-match-line--live[data-live-match-select] { cursor: pointer; }
body.cs2day-v2 .cs2-match-line--live[data-live-match-select]:is(:hover, :focus-visible) { background: color-mix(in srgb, var(--cs2-accent) 18%, var(--cs2-card-elevated)); outline: none; }
body.cs2day-v2 .cs2-match-line--live .cs2-match-line__date { color: var(--cs2-accent); font-weight: 900; }

@media (max-width: 780px) {
	body.cs2day-v2 .cs2-matchcenter-live { padding: 10px; }
	body.cs2day-v2 .cs2-matchcenter-live__slide > footer { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
	body.cs2day-v2 .cs2-matchcenter-live__slide > footer > .cs2-button { grid-column: 1 / -1; justify-self: center; }
	body.cs2day-v2 .cs2-matchcenter-live__team > span,
	body.cs2day-v2 .cs2-matchcenter-live__team img,
	body.cs2day-v2 .cs2-matchcenter-live__initials { height: 40px; width: 40px; }
}

@media (max-width: 520px) {
	body.cs2day-v2 .cs2-matchcenter-live__team { align-items: center; flex-direction: column; gap: 5px; text-align: center; }
	body.cs2day-v2 .cs2-matchcenter-live__team--away { flex-direction: column-reverse; }
	body.cs2day-v2 .cs2-matchcenter-live__team strong { max-width: 110px; }
	body.cs2day-v2 .cs2-matchcenter-live__score { font-size: 16px; padding: 6px 8px; }
}