@import "/UI/Style.scss";

TopPlayerGroup {
	width: 100%;
	min-width: 40%;
	flex-direction: row;

	.results {
		width: 100%;
		height: 100%;
		gap: 4;
		flex-shrink: 0;

		.titles {
			min-height: 40;
			color: #b5a39d;
		}

		.players {
			width: 100%;
			flex-direction: column;
			overflow-y: scroll;
		}

		.row {
			padding-left: 20;
			padding-right: 20;
			gap: 20;

			flex-direction: row;
			justify-content: space-between;
			align-items: center;

			.column-title {
				height: 100%;
				font-size: 24;
				min-width: 100;
			}

			.name-title {
				width: 100%;
				font-size: 24;
			}

			.column-left {
				width: 100%;

				text-align: center;
				align-items: center;
				justify-content: flex-start;

				overflow-x: scroll;

				.name {
					flex-shrink: 0;
					overflow-x: scroll;
				}
			}

			.column-right {
				min-width: 50%;
				max-width: 50%;

				text-align: center;
				align-items: center;
				justify-content: space-evenly;

				p {
					min-width: 80;
					align-items: center;
					justify-content: center;
				}

				.kills {
					color: $white;
				}
				.deaths {
					color: $deaths;
				}
				.score {
					color: $score;
				}

				.number {
					height: 70;
				}
			}
		}
	}
}