@import "/UI/Theme.scss";

Vitals
{
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;

	.vitals
	{
		position: absolute;
		bottom: $deadzone-y;
		left: $deadzone-x;
		flex-direction: row;
		gap: $deadzone-x;
		height: 96px;
		transition: transform 0.2s ease, opacity 0.2s ease;

		.hud-panel
		{
			min-width: 150px;
			justify-content: center;
		}
	}

	.ammo
	{
		position: absolute;
		bottom: $deadzone-y;
		right: $deadzone-x;
		min-width: 150px;
		justify-content: center;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	&.spawnmenu-open
	{
		.vitals
		{
			transform: translateX(-40px);
			opacity: 0;
		}

		.ammo
		{
			transform: translateX(40px);
			opacity: 0;
		}
	}
}