/* Release 1.10.37: external team platform links. */
body.cs2day-v2 .cs2-team-platforms__links {
	display: grid;
	gap: 8px;
}

body.cs2day-v2 .cs2-team-platforms__links > a {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	min-height: 54px;
	padding: 8px 10px;
	border: 1px solid var(--cs2-border);
	border-radius: 5px;
	background: var(--cs2-bg-alt);
	color: var(--cs2-text);
	text-decoration: none;
	transition: border-color .15s ease, background-color .15s ease;
}

body.cs2day-v2 .cs2-team-platforms__links > a:is(:hover, :focus-visible) {
	border-color: color-mix(in srgb, var(--cs2-accent) 55%, var(--cs2-border));
	background: color-mix(in srgb, var(--cs2-accent) 5%, var(--cs2-bg-alt));
}

body.cs2day-v2 .cs2-team-platforms__mark {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 900;
}

body.cs2day-v2 .cs2-team-platforms__mark--faceit {
	background: #ff5500;
	color: #fff;
}

body.cs2day-v2 .cs2-team-platforms__mark--dachcs {
	background: #171d25;
	color: #00fca7;
}

body.cs2day-v2 .cs2-team-platforms__links a > span:nth-child(2) {
	display: grid;
	gap: 2px;
	min-width: 0;
}

body.cs2day-v2 .cs2-team-platforms__links small {
	color: var(--cs2-text-muted);
	font-size: 10px;
}

body.cs2day-v2 .cs2-team-platforms__links b {
	color: var(--cs2-text-muted);
	font-size: 15px;
}
