/* Match-linked videos, clips and VODs. */
body.cs2day-v2 .cs2-match-media { display:grid; gap:11px; min-width:0; }
body.cs2day-v2 .cs2-match-media > header small { color:var(--cs2-text-muted); font-size:9px; font-weight:850; text-transform:uppercase; }
body.cs2day-v2 .cs2-match-media > header h3 { margin:3px 0 0; font-size:17px; }
body.cs2day-v2 .cs2-match-media__grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:12px;
	min-width:0;
}
body.cs2day-v2 .cs2-match-media-card {
	min-width:0;
	border:1px solid var(--cs2-border);
	border-radius:6px;
	background:var(--cs2-card-elevated);
	overflow:hidden;
}
body.cs2day-v2 .cs2-match-media-card__visual {
	position:relative;
	display:block;
	width:100%;
	padding:0;
	border:0;
	background:var(--cs2-bg);
	color:var(--cs2-text);
	cursor:pointer;
}
body.cs2day-v2 .cs2-match-media-card__visual > :is(img,.cs2-match-media-card__fallback) {
	display:grid;
	place-items:center;
	width:100%;
	aspect-ratio:16/9;
	object-fit:cover;
	background:linear-gradient(145deg,var(--cs2-bg),var(--cs2-card));
}
body.cs2day-v2 .cs2-match-media-card__fallback { color:var(--cs2-text-muted); font-size:16px; font-weight:900; text-transform:uppercase; }
body.cs2day-v2 .cs2-match-media-card__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgb(1 7 9/.5),transparent 55%); pointer-events:none; }
body.cs2day-v2 .cs2-match-media-card__type {
	position:absolute;
	top:9px;
	left:9px;
	z-index:1;
	padding:4px 7px;
	border:1px solid color-mix(in srgb,var(--cs2-accent) 45%,var(--cs2-border));
	border-radius:4px;
	background:color-mix(in srgb,var(--cs2-bg) 88%,transparent);
	color:var(--cs2-accent);
	font-size:9px;
	font-weight:900;
	text-transform:uppercase;
}
body.cs2day-v2 .cs2-match-media-card__play {
	position:absolute;
	inset:50% auto auto 50%;
	z-index:1;
	display:grid;
	place-items:center;
	width:42px;
	height:42px;
	border:1px solid rgb(255 255 255/.35);
	border-radius:50%;
	background:rgb(3 10 12/.78);
	color:#fff;
	font-size:15px;
	transform:translate(-50%,-50%);
	transition:transform .18s ease,background .18s ease;
}
body.cs2day-v2 .cs2-match-media-card__visual:hover .cs2-match-media-card__play { background:var(--cs2-accent); color:var(--cs2-bg); transform:translate(-50%,-50%) scale(1.08); }
body.cs2day-v2 .cs2-match-media-card__body { display:grid; gap:9px; padding:11px; }
body.cs2day-v2 .cs2-match-media-card__body h4 { margin:0; font-size:13px; line-height:1.35; }
body.cs2day-v2 .cs2-match-media-card__body h4 button {
	display:-webkit-box;
	width:100%;
	padding:0;
	border:0;
	background:transparent;
	color:var(--cs2-text);
	font:inherit;
	font-weight:850;
	text-align:left;
	cursor:pointer;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
body.cs2day-v2 .cs2-match-media-card__body footer { display:flex; justify-content:space-between; gap:10px; color:var(--cs2-text-muted); font-size:9px; }
body.cs2day-v2 .cs2-match-media-card__body footer span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.cs2day-v2 .cs2-match-media-dialog .cs2-media-lightbox__shell > header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 15px; }
body.cs2day-v2 .cs2-match-media-dialog .cs2-media-lightbox__shell > header > div { display:grid; gap:3px; min-width:0; }
body.cs2day-v2 .cs2-match-media-dialog .cs2-media-lightbox__shell > header small { color:var(--cs2-text-muted); font-size:9px; text-transform:uppercase; }
body.cs2day-v2 .cs2-match-media-dialog .cs2-media-lightbox__shell > header strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.cs2day-v2 .cs2-match-media-dialog .cs2-media-lightbox__player { position:relative; min-height:min(62vw,620px); }
body.cs2day-v2 .cs2-match-media-dialog .cs2-external-media__frame { aspect-ratio:16/9; width:100%; }
body.cs2day-v2 .cs2-match-media-dialog .cs2-external-media__frame iframe { display:block; width:100%; height:100%; border:0; }
body.cs2day-v2 .cs2-match-media-dialog .cs2-media-lightbox__consent { display:grid; place-items:center; gap:12px; min-height:320px; padding:20px; text-align:center; }
body.cs2day-v2 .cs2-match-media-dialog__footer { display:flex; justify-content:space-between; gap:12px; padding:12px 15px; border-top:1px solid var(--cs2-border); }
body.cs2day-v2 .cs2-match-media-dialog__footer a { color:var(--cs2-text); font-weight:800; }
body.cs2day-v2 .cs2-match-content-hub__grid > .cs2-match-media-card { min-width:0; }

@media(max-width:900px){
	body.cs2day-v2 .cs2-match-media__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px){
	body.cs2day-v2 .cs2-match-media__grid { grid-template-columns:1fr; }
	body.cs2day-v2 .cs2-match-media-dialog .cs2-media-lightbox__player { min-height:0; }
	body.cs2day-v2 .cs2-match-media-dialog .cs2-media-lightbox__consent { min-height:220px; }
}