.select_player {
	position: absolute;
	left: 50%;
	width: calc(14.285% * 6);
	height: 8%;
	transform: translateX(-50%);
	font-size: 6vh;
	line-height: 0px;
    padding-top: 1vh;
	width: 71.428%;
	text-align: center;
	background-color: #FF00FF;
	transition: 1s;
}

.select_player.active {
	background-color: #00FF64;
}

.select_player[data-id='1'] {
	top: calc(8% * 2 + 4%);
}

.select_player[data-id='2'] {
	top: calc(8% * 4 + 4%);
}

.select_player[data-id='3'] {
	top: calc(8% * 6 + 4%);
}