body.cs2day-v2 .cs2-player-editor .cs2day-entity-form {
	display: grid;
	gap: 20px;
}

body.cs2day-v2 .cs2-player-editor .cs2-profile-editor-group {
	margin: 0;
	padding: 20px;
	border: 1px solid var(--cs2-border);
	border-radius: 8px;
	background: var(--cs2-card);
}

body.cs2day-v2 .cs2-profile-editor-group > p {
	margin: 0 0 16px;
	color: var(--cs2-text-muted);
}

body.cs2day-v2 .cs2-player-connection-list,
body.cs2day-v2 .cs2-player-custom-fields {
	display: grid;
	gap: 10px;
}

body.cs2day-v2 .cs2-player-connection {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 64px;
	padding: 10px 12px;
	border: 1px solid var(--cs2-border);
	border-radius: 6px;
	background: var(--cs2-bg-alt);
}

body.cs2day-v2 .cs2-player-connection > div {
	display: flex;
	align-items: center;
	gap: 10px;
}

body.cs2day-v2 .cs2-player-connection > div > .cs2-provider-login__icon {
	width: 24px;
	height: 24px;
}

body.cs2day-v2 .cs2-player-connection strong,
body.cs2day-v2 .cs2-player-connection small {
	display: block;
}

body.cs2day-v2 .cs2-player-connection small,
body.cs2day-v2 .cs2-player-connection__state {
	color: var(--cs2-text-muted);
	font-size: 12px;
}

body.cs2day-v2 .cs2-player-custom-fields > div {
	display: grid;
	grid-template-columns: minmax(180px, .35fr) minmax(0, 1fr);
	gap: 12px;
	padding: 12px;
	border: 1px solid var(--cs2-border);
	border-radius: 6px;
	background: var(--cs2-bg-alt);
}

body.cs2day-v2 .cs2-person-social-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.cs2day-v2 .cs2-person-social-links > :is(a, span) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid var(--cs2-border);
	border-radius: 6px;
	background: var(--cs2-bg-alt);
	color: var(--cs2-text);
}

body.cs2day-v2 .cs2-person-social-links .cs2-provider-login__icon {
	width: 19px;
	height: 19px;
}

body.cs2day-v2 .cs2-person-social-links > :is(a, span):hover {
	border-color: color-mix(in srgb, var(--cs2-accent) 55%, var(--cs2-border));
}

@media (max-width: 720px) {
	body.cs2day-v2 .cs2-player-editor .cs2-profile-editor-group {
		padding: 14px;
	}

	body.cs2day-v2 .cs2-player-custom-fields > div {
		grid-template-columns: 1fr;
	}

	body.cs2day-v2 .cs2-player-connection {
		align-items: flex-start;
		flex-direction: column;
	}
}