@import "/UI/Style.scss";

Minimap {
	position: absolute;

	left: 50px;
	top: 50px;

	width: 256px;
	aspect-ratio: 1;

	justify-content: center;
	align-items: center;

	font-family: $font-main;
	font-size: 24px;

	border: 5px $gray-darker;

	transition: transform 0.25s ease-in-out;

	&:intro {
		transform: translateX(-100%);
	}

	> TexturePanel {
		position: absolute;
		width: 100%;
		height: 100%;
		background-size: 100%;
	}

	img {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		image-rendering: pixelated;
	}

	> .self {
		position: absolute;
		width: 48px;
		aspect-ratio: 1;
		background-image: url(ui/hud/minimap/ui_minimap_you_unaligned.png);
	}
}