@import "/UI/Core/Styles/Theme.scss";

TraitorC4Indicator {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;

	.traitor-c4-indicator {
		position: absolute;
		//transform: translate(-20%, -50%);
		transform-origin: center bottom;
		align-items: center;
		justify-content: flex-end;
		flex-direction: column-reverse;
		gap: 4px;
	}

	.traitor-c4-icon {
		width: 128px;
		height: 128px;
		background-image: url( /ui/items/c4.png );
		background-size: 100% 100%;
		background-repeat: no-repeat;
		//opacity: 0.88;
	}

	.traitor-c4-label {
		padding: 2px 6px 1px 6px;
		//color: rgba( 255, 255, 255, 0.92 );
		//font-family: "Akshar-ContrastLight", "Akshar-Light", "Akshar", "Dinish";
		font-size: 48px;
		//font-weight: 700;
		letter-spacing: 1px;
		text-shadow: 0px 2px 2px rgba( 0, 0, 0, 1 );
	}

	.traitor-c4-indicator.armed {
		color: $traitor-red;
	}
}