/* GENERATED by tools/export_hud_panorama.js — DO NOT EDIT.
 * source: panorama/styles/hud/hudalerts.vcss_c @ sha256:21abe19f1bbb
 * Manual tweaks belong in tools/hud_overrides/ (appended below at build).
 * 'PANORAMA-TODO' markers flag declarations needing human attention. */


#cs2-hud .CSGOHudAlerts
{
	width: 300px;
	transform: scale3d(0, 1, 1);
	/* PANORAMA-TODO: horizontal-align: center — position self within parent (center) → set in override */
	background-color: white;
	/* PANORAMA-TODO: world-blur: hudWorldBlur — backdrop-filter: blur() — perf-gated, decide in override */
	opacity: 1.0;
	border-radius: 3px;
	margin: 0px 0px;
	transition-delay: .0s, 0s, 0s, .25s;
	/* PANORAMA-TODO: unmapped property 'transition-delay' — verify */
	transition-property: opacity, transform, height, background-color;
	transition-duration: .1s, .25s, .25s, .25s;
	transition-timing-function: ease-in;
	transform: translate3d(0px, 120px, 0px);
}

#cs2-hud .CSGOHudAlerts .alert-bar-side
{
	width: 2px;
	height: 100%;
	background-color: white;
}

#cs2-hud .CSGOHudAlerts .alert-bar-glitch
{
	width: 100%;
	height: 100%;
	opacity: .25;
	background-size: auto auto;
	background-image: url("file://{resources}/videos/digital_glitch.webm");
	transition-property: opacity, blur;
	transition-delay: .50s;
	/* PANORAMA-TODO: unmapped property 'transition-delay' — verify */
	transition-duration: .2s;
	transition-timing-function: ease-in;
}

#cs2-hud .CSGOHudAlerts .alert-bar-bg
{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.0);
	background-image: url("/hud/backgrounds/bluedots_large.png");
	background-size: 360px 360px;
	/* PANORAMA-TODO: background-img-opacity: .04 — wrap image in ::before with opacity in override */
	opacity: 0;
	transition-delay: .25s;
	/* PANORAMA-TODO: unmapped property 'transition-delay' — verify */
	transition-property: background-color;
	transition-duration: .25s;
	transition-timing-function: ease-in;
}

#cs2-hud .CSGOHudAlerts #AlertText
{
	width: 400px;
	text-align: center;
	padding: 8px 24px;
	/* PANORAMA-TODO: vertical-align: center — position self within parent (center) → set in override */
	/* PANORAMA-TODO: horizontal-align: center — position self within parent (center) → set in override */
	color: white;
	text-shadow: 1px 1px 1px #000000d2;
	transform: translateY(0px);
	font-size: 18px;
	opacity: 1;
	transition-property: opacity, width;
	transition-duration: .25s;
	transition-timing-function: ease-in;
}

#cs2-hud .CSGOHudAlerts.AlertHidden
{
	opacity: 1.0;
	transform: scale3d(0, 1, 1);
}

#cs2-hud .CSGOHudAlerts.AlertHidden .alert-bar-glitch
{
	/* visibility: collapse → display:none */
	display: none;
}

#cs2-hud .CSGOHudAlerts.AlertHidden #AlertText
{
	opacity: 0;
	transition-property: opacity, width;
	transition-duration: .25s;
	transition-timing-function: ease-in;
}

#cs2-hud .CSGOHudAlerts.AlertVisible,
#cs2-hud .CSGOHudAlerts.FlashAnim
{
	transform: scale3d(1, 1, 1);
	opacity: 1.0;
	background-color: rgba(255, 255, 255, 0);
	transition-delay: .25s, .25s, .25s, 0s;
	/* PANORAMA-TODO: unmapped property 'transition-delay' — verify */
	transition-property: opacity, transform, height, background-color;
	transition-duration: .25s, .25s, .25s, .15s;
	transition-timing-function: ease-in;
}

#cs2-hud .CSGOHudAlerts.AlertVisible .alert-bar-bg,
#cs2-hud .CSGOHudAlerts.FlashAnim .alert-bar-bg
{
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 1;
	transition-property: background-color;
	transition-duration: .0s;
	transition-timing-function: ease-in;
}

#cs2-hud .CSGOHudAlerts.AlertVisible .alert-bar-glitch,
#cs2-hud .CSGOHudAlerts.FlashAnim .alert-bar-glitch
{
	opacity: 0;
}

#cs2-hud .CSGOHudAlerts.AlertVisible #AlertText,
#cs2-hud .CSGOHudAlerts.FlashAnim #AlertText
{
	opacity: 1;
	transition-property: opacity, width;
	transition-duration: .25s;
	transition-timing-function: ease-in;
}

#cs2-hud .Language_vietnamese #AlertText
{
	font-family: 'Noto Mono', 'Arial Unicode MS';
}

#cs2-hud .MatchStartAlert
{
	font-family: Stratum2, 'Arial Unicode MS', "Saira", "Arial Narrow", sans-serif;
	font-weight: 500;
}

#cs2-hud .MatchAlertTimer
{
	font-family: Stratum2 Bold Monodigit, "Arial Unicode MS", "Saira", "Arial Narrow", sans-serif;
}

#cs2-hud .ReplayAlert
{
	color: #c9c9c9;
}

#cs2-hud .CSGOHudAlerts.HideFlash
{
	opacity: 0.0;
	animation-name: cs2hud-HideFlash;
	animation-duration: 1.0s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

@keyframes cs2hud-HideFlash {
	0% {
		opacity: 0.65;
		/* wash-color: none (no tint) */
	}
	21% {
		opacity: 1.0;
		/* wash-color → color (tints currentColor icons/text) */
		color: #FFFFFFE6;
	}
	42% {
		opacity: 0.65;
		/* wash-color: none (no tint) */
	}
	100% {
		opacity: 0.0;
		/* wash-color: none (no tint) */
	}
}


#cs2-hud .CSGOHudAlerts.FlashAnim
{
	transform: scale3d(1, 1, 1);
	background-color: rgba(255, 255, 255, 0);
	animation-name: cs2hud-FlashAnim;
	animation-duration: 3.7s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

@keyframes cs2hud-FlashAnim {
	0% {
		opacity: 0.0;
		/* wash-color: none (no tint) */
	}
	3% {
		opacity: 0.85;
		/* wash-color → color (tints currentColor icons/text) */
		color: #FFFFFF;
	}
	6% {
		opacity: 0.85;
		/* wash-color: none (no tint) */
	}
	14% {
		opacity: 0.8;
		/* wash-color: none (no tint) */
	}
	57% {
		opacity: 0.65;
		/* wash-color: none (no tint) */
	}
	86% {
		opacity: 0.65;
		/* wash-color: none (no tint) */
	}
	89% {
		opacity: 1.0;
		/* wash-color → color (tints currentColor icons/text) */
		color: #FFFFFFE6;
	}
	92% {
		opacity: 0.65;
		/* wash-color: none (no tint) */
	}
	100% {
		opacity: 0.0;
		/* wash-color: none (no tint) */
	}
}




/* ── manual overrides (tools/hud_overrides/hudalerts.css) ── */
/* Layout override for hudalerts — centre message bar, sits just above screen
 * centre like CS2. Generated CSS supplies the font + bar look. */
#cs2-hud .CSGOHudAlert { position: absolute; top: 44%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; min-width: 220px; padding: 7px 26px; background: rgba(40, 42, 44, 0.72); border-radius: 2px; }
#cs2-hud .CSGOHudAlert.AlertHidden { display: none; }
#cs2-hud .CSGOHudAlert .alert-bar-bg { display: none; }
#cs2-hud .CSGOHudAlert #AlertText { font-size: 18px; color: #e8e8e8; letter-spacing: 0.5px; text-align: center; }