ui/floatertextdisplay.razor.scss
FloaterTextDisplay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;

	.text_container {
		position: absolute;
		width: 400px;
		height: 80px;
		overflow: visible;
		text-align: center;
		justify-content: center;
		align-items: center;
		font-weight: 800;
		white-space: nowrap;
	}

	.text {
		//background-color: #0000ff;
		font-family: "National Park";
		text-stroke: 12px black;
	}

	.image {
		position: absolute;
		width: 400px;
		height: 400px;
		overflow: visible;
		justify-content: center;
		align-items: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.emoji {
		color: #fff;
		font-family: W10Emoji;
		text-stroke: 6px black;
	}

	.lock {
		position: absolute;
		width: 160px;
		height: 180px;
		//background-color: #0000ff;
		background-repeat: no-repeat;
		background-size: cover;

		.lock_label {
			position: absolute;
			width: 100%;
			height: 100%;
			left: 6%;
			bottom: -15%;
			font-size: 50px;
			font-family: "National Park";
			font-weight: 800;
			color: white;
			text-stroke: 14px #000000ff;
			//background-color: #aa0000;
			justify-content: center;
			align-items: center;
		}
	}
}