WeaponMenu {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-family: Poppins;
	color: white;
	pointer-events: all;

	.menu {
		width: 70%;
		height: 70%;
		background-color: rgba( #2222, 0.5 );
		backdrop-filter: blur( 16px );
		border-radius: 4px;
		padding: 30px;
		flex-direction: column;
		gap: 20px;

		> .title {
			font-size: 86px;
			font-style: italic;
		}

		> .divider {
			height: 2px;
			background-color: white;
		}

		> .list {
			flex-direction: row;
			gap: 10px;
			height: 60%;
			justify-content: space-evenly;
		}

		> .footer {
			flex-direction: row;
			justify-content: flex-end;

			> .but {
				border-radius: 4px;
				width: 150px;
				height: 50px;
				font-size: 32px;
				justify-content: center;

				&:hover {
					background-color: #FFF1;
				}
			}

			> .filler {
				width: 150px;
				height: 50px;
			}
		}

		.entry {
			height: 100%;
			width: 30%;
			border-width: 1px;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 20px;
			gap: 20px;

			> img {
				width: 100%;
				height: 100%;
			}

			> div {
				justify-content: center;
				font-size: 32px;
			}

			&:hover {
				background-color: #AAA5;
			}

			&.selected {
				background-color: #FFF5;
			}
		}
	}
}