ui/statstab.razor.scss
StatsTab {
	position: absolute;
	width: 107px;
	height: 32px;
	//right: 160px;
	right: 215px;
	top: 0px;
	align-items: center;
	justify-content: center;
	text-align: center;
	//background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(31, 37, 44, 0.125) 0.0%, rgba(43, 47, 66, 0.5) 100%);
	//background-color: rgba(0, 0, 0, 0.5);
	//box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.35);
	//backdrop-filter: blur(10px);
	pointer-events: all;
	font-family: Inter;
	font-weight: 800;
	opacity: 0.5;
	z-index: 999;
	cursor: pointer;
	background-image: url("/textures/ui/panel/stats_small.png");
	background-position: center;
	background-size: 100% 100%;

	&:hover {
		opacity: 0.75;
	}

	&:active {
		opacity: 0.95;
	}

	.title {
		position: relative;
		color: #FDD3D1FF;
		font-size: 30px;
		font-family: Material Icons;
	}

	.ctrl {
		position: absolute;
		//height: 50px;
		top: -4px;
		right: -12px;
		text-align: center;
		align-items: center;
		align-content: center;
		justify-content: center;
		color: #88B19E;
		width: 42px;
		height: 42px;

		img {
			width: 100%;
			height: 100%;
		}
		//font-family: 'Inter-Black';
		//background-color: rgba(0,0,0,0.0);
		//box-shadow: -1px 2px 20px rgba( black, 0.7 );
		//backdrop-filter: blur(10px);
		//font-size: 13px;
		//padding: 2px;
		//border: 1px solid black;
		//img {
		//	background-image-tint: rgba(232, 255, 244, 0.4);
		//}
	}
}