PlayerMaterialsUI
{
	position: absolute;
	font-family: 'Baloo 2';
	right: 1.5rem;
	bottom: 9rem;
	margin: 0;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	align-self: flex-start;
	padding: 5px;
	
	.title
	{
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		font-size: 18px;
		margin: 5px;
	}
	
	.separator {
		background-color: rgba(255, 255, 255, 0.2);
		width: 45%;
		height: 1px;
		margin-bottom: 8px;
	}
	
	.list {
		font-size: 22px;
		text-shadow: 1px 1px 1px #000;
		color: #e6e6e6;
		gap: 5px;
		flex-direction: column;
		
		.item {
			align-items: center;
			gap: 7px;
			padding: 0 12px;
			
			backdrop-filter: blur(27px);
			border-radius: 8px;
			border: 1px solid rgba(255, 255, 255, 0.05);
			background-color: rgba(30, 33, 36, 0.65);
			box-shadow:
							0 0 0 1px rgba(0, 0, 0, 0.40),
							0 0 4px 0 rgba(0, 0, 0, 0.30);
			
			.icon {
				width: 42px;
				height: 42px;
				margin: 0 -6px; // empty space offset
			}
		}
	}
}