TeamSelectPanel {
	width: 500px;
	height: 700px;
	align-items: center;
	font-weight: bold;
	border-radius: 20px;
	pointer-events: all;
	flex-direction: column;
	background-color: whitesmoke;

	&.left {
		&:hover {
			background-image: linear-gradient(to right, transparent, red);
		}
	}

	&.right {
		&:hover {
			background-image: linear-gradient(to left, transparent, blue);
		}
	}

	.title {
		font-size: 25px;
		font-family: Poppins;
		color: #fff;
	}

	.player-row {
		width: 100%;
		height: 40px;
		background-color: black;
		color: white;
		align-items: center;
	}
}