/* Prettified by Source 2 Viewer 11.1.0.0 - https://valveresourceformat.github.io */

.DebutUnderlord #TakeoverPageLeft,.DebutUnderlord #DebutBackgroundImage
{
	background-image: none;
	background-color: black;
}

#ModelBackground,#Model
{
	transform: scaleX(1);
	width: 100%;
	height: 100%;
	opacity: 0;
	pre-transform-scale2d: 1;
	vertical-align: middle;
	horizontal-align: center;
	transition-property: opacity;
	transition-duration: 2s;
	transition-timing-function: ease-in;
	background-size: 100% 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

#Model.SceneLoaded
{
	opacity: 1;
}

#DebutInformation
{
	background-color: none;
}

#InformationBackground
{
	width: 100%;
	height: 100%;
	box-shadow: fill #000000cc 0px 0px 10px 0px ;
}

#InformationBody
{
	padding: 32px;
	horizontal-align: center;
}

.DebutUnderlord #Intro
{
	color: #5A7C52;
	font-size: 22px;
	margin-bottom: 4px;
}

.DebutUnderlord #HeroNameGlow,.DebutUnderlord #HeroName
{
	font-size: 68px;
	font-weight: semibold;
	text-transform: uppercase;
	color: #9BF79E;
	letter-spacing: 3px;
	margin-left: 16px;
	margin-top: -16px;
	text-shadow: none;
	opacity-mask: url("s2r://panorama/images/masks/scratches_horizontal_psd.vtex")1;
}

.DebutUnderlord #HeroNameGlow
{
	color: transparent;
	text-shadow: 0px 1px 12px 1.0 #e5a6a444;
	opacity-mask: url("s2r://panorama/images/masks/scratches_horizontal_psd.vtex")0;
}

#HeroNameCellContainer
{
	vertical-align: bottom;
	margin-bottom: 48px;
	transition-property: brightness;
	transition-duration: .15s;
	transition-timing-function: ease-in-out;
}

#HeroNameCellContainer.DebutUnderlord Label
{
	font-size: 28px;
	margin-top: 0px;
	text-shadow: 0px 1px 6px 1.0 #e5a6a422;
}

#FrontpageCellUnderlordDebut:hover #HeroNameCellContainer
{
	brightness: 3;
}

.DebutUnderlord #Ability1
{
	background-image: url("s2r://panorama/images/spellicons/abyssal_underlord_firestorm_png.vtex");
}

.DebutUnderlord #Ability2
{
	background-image: url("s2r://panorama/images/spellicons/abyssal_underlord_pit_of_malice_png.vtex");
}

.DebutUnderlord #Ability3
{
	background-image: url("s2r://panorama/images/spellicons/abyssal_underlord_atrophy_aura_png.vtex");
}

.DebutUnderlord #Ability4
{
	background-image: url("s2r://panorama/images/spellicons/abyssal_underlord_dark_rift_png.vtex");
	margin-right: 0px;
}

.DebutUnderlord #ItemLore
{
	margin: 16px;
	font-size: 22px;
}

#FrontPageUnderlordCell
{
	width: 689px;
	height: 500px;
}

#FrontPageUnderlordCell #ModelBackground
{
	opacity: 0;
	transition-property: opacity, pre-transform-scale2d;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
}

#FrontPageUnderlordCell #ModelBackground.SceneLoaded
{
	opacity: 1;
}

#CustomFooterDetails.DebutUnderlord
{
	opacity: 1;
	margin-bottom: 6px;
	margin-left: 8px;
	color: #808f8d;
}

#FrontpageCellUnderlordDebut:hover #CustomHeader
{
	background-color: #7AFCFC;
}

.DebutUnderlord #InnerPanel
{
	height: 466px;
	vertical-align: bottom;
}

.DebutUnderlord #InnerPanel #Buttons
{
	vertical-align: bottom;
}