@import "/UI/Theme.scss";

SpawnMenuIcon
{
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	width: 100%;
	position: relative;
	overflow: visible;
	border-radius: $hud-radius-sm;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

	.developer-badge
	{
		position: absolute;
		top: 6px;
		right: 6px;
		font-size: 1.2rem;
		pointer-events: none;
	}

	.verified-badge
	{
		position: absolute;
		top: 6px;
		right: 6px;
		opacity: 0.5;
		z-index: 1;
		font-size: 1.35rem;

		.iconpanel
		{
			width: 20px;
			height: 20px;
		}
	}

	.title
	{
		background-color: #0005;
		border-radius: 10px;
		padding: 0.5rem 1rem;
		margin: 0.5rem;
		font-size: 1rem;
		font-weight: 600;
		max-width: 90%;
		position: absolute;
		bottom: 0px;
		white-space: nowrap;
		overflow: hidden;
	}
}