ToolInfoPanel
{
	position: absolute;
	left: 2vw;
	top: 2vw;
	justify-content: flex-start;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.15s ease;

	&.visible
	{
		opacity: 1;
	}

	.panel
	{
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		font-family: Poppins;
		text-shadow: 1px 1px 5px #000b;
		padding: 16px;
		background-image: linear-gradient( to right, rgba( 0, 0, 0, 0.5 ), rgba( 0, 0, 0, 0 ) );
		border-radius: 8px;
	}

	.actions {
		gap: 16px;
	}

	.name
	{
		font-size: 32px;
		font-weight: 700;
		color: #cdf;
		margin-bottom: 2px;
	}

	.description
	{
		font-size: 18px;
		font-weight: 400;
		color: white;
		margin-bottom: 4px;
	}

	.divider
	{
		width: 100%;
		height: 1px;
		background-color: #ccddff45;
		margin-bottom: 4px;
	}

	.action
	{
		flex-direction: row;
		align-items: center;
		gap: 10px;
	}

	.key
	{
		width: 48px;
	}

	.text
	{
		font-size: 16px;
		font-weight: 400;
		color: #cdf;
	}
}