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

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

#MainContainer
{
	width: 100%;
	horizontal-align: center;
	background-color: black;
}

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

#Model_FG.Initialize
{
	wash-color: black;
}

#Model_FG.Armadillo_FG
{
	horizontal-align: left;
	width: 70%;
	height: 100%;
}

#ModelContainer
{
	width: 100%;
	height: 100%;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 2s;
	transition-timing-function: ease-in;
}

#ModelContainer.Initialize
{
	opacity: 1;
}

#Model_FG.SceneLoaded,#Model.SceneLoaded,#ModelBackground.SceneLoaded
{
	opacity: 1;
}

#Model
{
	blur: gaussian(0.7px);
}

#HeroChooseContainer
{
	width: 1000px;
	height: 700px;
	margin-top: 150px;
	horizontal-align: center;
	vertical-align: middle;
}

#DonteChoice,#FairyChoice
{
	width: 480px;
	height: 100%;
	vertical-align: middle;
}

#DonteChoice
{
	horizontal-align: right;
}

#FairyChoice
{
	horizontal-align: left;
}

#DebutInformation
{
	opacity: 1;
	z-index: 10;
}

#DebutInformationLeft
{
	width: 590px;
	height: 500px;
	background-color: none;
	opacity: 0;
	horizontal-align: center;
	margin-top: 150px;
	margin-left: 350px;
	transition-property: wash-color, opacity, pre-transform-scale2d;
	transition-duration: 2.5s, 2s, 3s;
	transition-timing-function: ease-in;
}

.AspectRatio4x3 #DebutInformationLeft
{
	margin-left: 25px;
}

.AspectRatio4x3 .Armadillo_FG
{
	margin-top: 100px;
}

#DebutInformationLeft.Initialize #Intro
{
	transform: translateX( 0px);
	opacity: 1;
	color: #f5ecc2;
}

#DebutInformationLeft.Initialize
{
	opacity: 1;
}

#DebutInformationLeft.Initialize #ExtraInfo
{
	opacity: 0;
}

#DebutInformationLeft.Expand #ExtraInfo
{
	opacity: 1;
	transform: translateY( 0% );
}

#DebutInformationLeft.Expand #Spacer:hover
{
	height: 800px;
}

#DebutInformationBundle
{
	width: 600px;
	height: 100%;
	horizontal-align: right;
	margin-top: 0px;
	margin-right: 140px;
	transition-property: wash-color, opacity, pre-transform-scale2d;
	transition-duration: 2.5s, 2s, 3s;
	transition-timing-function: ease-in;
}

#Buttons Label
{
	text-shadow: 1.5px 1.5px 1px #0000;
	width: 200px;
	horizontal-align: center;
	flow-children: left;
}

#DemoImmortalButton,#DemoHeroButton,#ToLoadout
{
	height: 100%;
	width: fill-parent-flow(1);
}

#DemoImmortalButton
{
	margin-right: 16px;
}

#DebutInformationLeft #Buttons
{
	horizontal-align: left;
}

#BundleButtons,#Buttons
{
	flow-children: right;
	margin-top: 16px;
}

#Spacer:hover #DebutInformationLeft
{
	height: 800px;
}

#DebutInformationLeft.Expand #BG
{
	opacity: 1;
}

#OverlayButtons
{
	width: 100%;
	height: 100%;
	horizontal-align: center;
	margin-top: 0px;
	margin-left: 0px;
	transition-property: wash-color, opacity, pre-transform-scale2d;
	transition-duration: 2.5s, 2s, 3s;
	transition-timing-function: ease-in;
}

#BundleButtonContainer
{
	vertical-align: top;
	horizontal-align: right;
	width: 100%;
	height: 100%;
	padding: 12px;
	opacity: 0;
	transition-property: wash-color, opacity, pre-transform-scale2d;
	transition-duration: 1s;
	transition-timing-function: ease-in;
}

#BundleButtonContainer.Initialize
{
	opacity: 1;
}

#BundleButtonContainer.Disable
{
	opacity: 0;
}

#BG
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #463534 ), to( #0E1919ee ) );
	height: 100%;
	width: 100%;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.5s;
	transition-delay: 0.0s;
}

#InformationBackground
{
	width: 100%;
	height: 100%;
}

#Spacer
{
	width: 100%;
	transition-property: wash-color, background-color, height;
}

#ExtraInfo
{
	opacity: 0;
	transition-delay: 0s;
	z-index: -2;
	height: 620px;
	transition-property: wash-color, opacity, transform, opacity, height;
	transition-duration: 0.5s;
	transition-delay: 0.1s;
	transition-timing-function: ease-in-out;
}

#DebutInformation.Initialize.Minimize #ExtraInfo
{
	opacity: 0;
	height: 0px;
}

#Content #InformationBody
{
	padding: 36px;
}

#InformationBody
{
	padding: 24px;
	width: 100%;
	horizontal-align: center;
	transition-property: opacity, background-color;
	transition-duration: 2s, .4s;
	transition-timing-function: ease-in;
}

.DebutPangolier #InformationBody
{
	background-color: #DFD8D0aa;
	transition-delay: 0s;
}

.DebutPangolier .Minimize #InformationBody
{
	background-color: #DFD8D000;
	transition-delay: 0s;
}

#InformationBundleContainer
{
	width: 100%;
	height: 760px;
	horizontal-align: center;
	opacity: 0;
	overflow: clip;
	border: 1px solid red;
	margin-top: 250px;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: ease-in;
}

#InformationBundleHeader
{
	width: 100%;
	height: 239px;
	margin-right: 10px;
	margin-top: 32px;
	vertical-align: top;
	horizontal-align: right;
	background-image: url("s2r://panorama/images/leaf_pages/debut_dueling_fates/bundlepanel_header_psd.vtex");
	background-size: contain;
	background-position: right 0%;
	background-repeat: no-repeat;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: ease-in;
}

#InformationBundleHeader.Initialize
{
	opacity: 1;
}

#InformationBodyBundle
{
	padding: 24px;
	height: 750px;
	background-image: url("s2r://panorama/images/leaf_pages/debut_dueling_fates/bundlepanel_background_psd.vtex");
	background-size: contain;
	background-position: 0% 0%;
	padding-bottom: 80px;
	z-index: 2;
}

#BundleInfoPanel
{
	padding: 16px;
	width: 520px;
	background-color: #401236;
	horizontal-align: center;
	margin-top: -52px;
	flow-children: down;
	z-index: -1;
	margin-bottom: 64px;
	box-shadow: #000a 0px 0px 8px 0px ;
	border-radius: 6px;
	background-color: gradient( radial, 50% 30%, 0% 0%, 300px 300px, from( #6E67AD ), color-stop( .56, #4D6DA9 ), to( #40415E ) );
}

.DebutPangolier #BundleInfoPanel
{
	background-color: gradient( radial, 50% 30%, 0% 0%, 300px 600px, from( #868053 ), color-stop( .56, #868053 ), to( #878F8E ) );
}

#InformationBundleContainer.Initialize
{
	opacity: 1;
}

#ClosedButtonContainer
{
	opacity: 0;
}

#ClosedButtonContainer.Initialize
{
	opacity: 1;
}

.DebutDarkWillow #Intro,.DebutPangolier #Intro
{
	color: #5A7C52;
	font-size: 22px;
	margin-bottom: -10px;
	text-shadow: 1.5px 1.5px 1px #000;
	margin-left: 8px;
}

.DebutPangolier #Intro
{
	text-shadow: 1.5px 1.5px 2px 2 #000;
}

#HeroNameGlow,#HeroName
{
	height:56px;
	text-overflow: shrink;
	font-size: 60px;
	font-weight: semibold;
	text-transform: uppercase;
	color: gradient( radial, 50% 50%, 0% 0%, 300px 300px, from( #F4C8F0 ), color-stop( .56, #B82D8B ), to( #DF42BE ) );
	letter-spacing: 3px;
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 0px;
	text-shadow: none;
}

#HeroNameGlow
{
	color: gradient( radial, 50% 50%, 0% 0%, 300px 300px, from( #B82D8B ), color-stop( .76, #DF42BE55 ), to( #F4C8F033 ) );
	pre-transform-scale2d: 1.01;
	font-weight: bold;
	margin-top: 2px;
	text-shadow: 0px 0px 5px #000;
	blur: gaussian( 4px );
}

.DebutPangolier #HeroName
{
	height: 90px;
	font-size: 74px;
	color: gradient( linear, 0% 0%, 0% 100%, from( #ffaa99 ), color-stop( .32, #ff5533 ), color-stop( .64, #B30000 ), to( #830000 ) );
	text-shadow: 2px 2px 5px 3 #0005;
}

.DebutPangolier #AbilityIconContainer
{
	horizontal-align: left;
	margin-left: 16px;
}

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

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

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

.NewHero #ItemLore
{
	margin: 0px;
	padding: 16px;
	font-size: 20px;
	color: #FFCAFF;
}

.DebutPangolier .NewHero #ItemLore
{
	color: black;
	font-weight: bold;
}

#ItemName
{
	font-size: 24px;
	text-overflow: shrink;
	margin: 0px;
	text-shadow: 0px 0px 7px 1.0 #E07E7C;
	color: white;
	width: 490px;
}

#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.DebutDarkWillow
{
	opacity: 1;
	margin-bottom: 6px;
	margin-left: 8px;
	color: #808f8d;
}

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

#DebutInformationBundle #InnerPanel
{
	height: fill-parent-flow(1);
	vertical-align: bottom;
	margin-bottom: 0px;
	opacity-mask: url("s2r://panorama/images/masks/softedge_vertical_vscroll_wide_psd.vtex") 1.0;
}

#InnerPanel #BundleButtons,#InnerPanel #Buttons
{
	width: 100%;
	height: 40px;
}

#InnerPanel
{
	margin-top: 16px;
	opacity-mask: url("s2r://panorama/images/masks/softedge_vertical_vscroll_wide_psd.vtex") 1.0;
	padding-right: 16px;
}

#HeaderBG
{
	background-size: contain;
	background-position: 50% 0%;
	overflow: clip;
	opacity: 0;
	transition-property: opacity, pre-transform-scale2d;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
	width: 100%;
	height: 258px;
}

.Initialize #HeaderBG
{
	opacity: 1;
}

#Talent,.NewHero DOTAAbilityImage
{
	width: 64px;
	height: 64px;
	margin-right: 10px;
	border: 1px solid #522144;
	border-radius: 4px;
	transition-property: border;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

#Talent
{
	wash-color: #DD9548;
	margin-left: 0px;
	tooltip-position: bottom;
	tooltip-body-position: 100%;
	transition-property: wash-color;
	transition-duration: .15s;
	transition-timing-function: ease-in-out;
	border: 1px solid transparent;
	border-radius: 0px;
	background-size: 90%;
	background-size: 54px 54px;
	background-position: center center;
}

.DebutDarkWillow #Talent
{
	wash-color: #C653A4;
}

.DebutDarkWillow #Talent:hover
{
	wash-color: #EEB8E6;
}

.DebutPangolier #Talent
{
	wash-color: #C07318;
}

.DebutPangolier #Talent:hover
{
	wash-color: #000;
}

.DebutDarkWillow .NewHero DOTAAbilityImage:hover
{
	border: 1px solid #F978DE;
}

#Talent:hover
{
	wash-color: #FCC45F;
}

#ItemSubtitle
{
	margin-top: -4px;
	margin-bottom: 0px;
}

#Ranged,#RoleArmadillo,#RoleArmadillo2,#RoleArmadillo3,#RoleArmadillo4
{
	transition-property: color;
	transition-duration: 1s;
}

#ItemSubtitle Label,#ItemSubtitle #Ranged.Expand,#ItemSubtitle #RoleArmadillo.Expand,#ItemSubtitle #RoleArmadillo2.Expand,#ItemSubtitle #RoleArmadillo3.Expand,#ItemSubtitle #RoleArmadillo4.Expand
{
	color: #DFD9D0;
	opacity: 1;
	text-shadow: 1px 1px 2px #000;
}

#ItemSubtitle Label.HeroRoleDarker
{
	color: #55271A;
	text-shadow: 1px 1px 3px #452623;
}

.DebutPangolier #ItemSubtitle Label
{
	color: white;
	font-weight: bold;
}

#ItemSubtitle .RoleLabel
{
	margin-left: 16px;
}

#ItemSubtitle #Rarity
{
	margin-right: 4px;
	color: #DEBF68;
}

#ItemSubtitle Label
{
	margin-left: 0px;
}

#Title
{
	height: 300px;
	width: 1020px;
	padding: 0px;
	vertical-align: top;
	margin-top: 110px;
	horizontal-align: center;
	text-align: center;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: ease-in;
}

#Title.Initialize
{
	opacity: 1;
}

.TitleDuelingFates,.TitleUpdate
{
	horizontal-align: center;
	font-size: 100px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 18px;
	text-shadow: 1px 1px 2px black;
}

.TitleDuelingFates
{
	margin-top: 30px;
	font-family: titleFont;
	color: gradient( linear, 0% 0%, 0% 100%, from( #E3DEB3 ), to( #766B44 ) );
}

.TitleUpdate
{
	margin-top: 150px;
	margin-right: 20px;
	font-size: 25px;
	horizontal-align: right;
	letter-spacing: 4px;
	color: white;
}

#HeroNamesContainer
{
	height: 120px;
	width: 1040px;
	horizontal-align: center;
	vertical-align: middle;
	margin-top: 700px;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: ease-in;
}

#HeroNamesContainer.Initialize
{
	opacity: 1;
}

#FairyContainer,#DonteContainer,#FairyContainerGlow,#DonteContainerGlow
{
	width: 50%;
	height: 100%;
}

#FairyContainerGlow.Hover,#DonteContainerGlow.Hover
{
	opacity: 1;
}

#FairyContainer,#FairyContainerGlow
{
	horizontal-align: left;
}

#FairyContainerGlow,#DonteContainerGlow
{
	opacity: 0;
	transition-property: opacity;
	transition-duration: .26s;
	transition-timing-function: ease-in-out;
}

#HeroTextGlowFairy
{
	color: gradient( linear, 0% 0%, 0% 100%, from( #fff ), to( #ffffff ) );
	text-shadow: 0px 0px 9px #A54AB8;
}

#HeroTextGlowDonte
{
	color: gradient( linear, 0% 0%, 0% 100%, from( #D4C3C1 ), to( #ffffff ) );
	text-shadow: 0px 0px 9px #B8A34A;
}

#DonteContainer,#DonteContainerGlow
{
	horizontal-align: right;
}

.HeroFairySubtitle,.HeroFairy,.HeroFairyGlow,.HeroDonteSubtitle,.HeroDonte,.HeroDonteGlow
{
	horizontal-align: center;
	font-family: titleFont;
	text-transform: uppercase;
	color: gradient( linear, 0% 0%, 0% 100%, from( #AE9E9C ), to( #E4D3D1 ) );
}

.HeroFairy,.HeroFairyGlow,.HeroDonte,.HeroDonteGlow
{
	letter-spacing: 8px;
	font-size: 50px;
}

.HeroFairy,.HeroDonte
{
	text-shadow: 1px 1px 2px black;
}

.HeroFairySubtitle,.HeroDonteSubtitle
{
	font-size: 22px;
	margin-top: -20px;
	letter-spacing: 2px;
}

.DropDownButton
{
	background-image: url("s2r://panorama/images/control_icons/gear_png.vtex");
}

.DropDownButton.Activated
{
	animation-name: SettingsButtonAnimation;
	animation-duration: 0.50s;
	animation-delay: 0.15s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

.DropDownButton:active
{
	sound: "ui_rollover_micro";
}

@keyframes 'SettingsButtonAnimation'
{
	0%
	{
		transform: rotateZ( 0deg );
	}
	
	100%
	{
		transform: rotateZ( 45deg );
	}
	
}

.DownArrow
{
	background-image: url("s2r://panorama/images/control_icons/double_arrow_right_png.vtex");
	background-repeat: no-repeat;
	horizontal-align: center;
	background-color: #000000bb;
	background-size: 12px 12px;
	background-position: 57% 50%;
	border-radius: 50%;
	width: 23px;
	height: 23px;
	vertical-align: top;
	margin-right: 4px;
	wash-color: #888888bb;
	transform: rotateZ( 90deg );
	transition-property: opacity, transform;
	transition-duration: 0.2s;
}

.DownArrow:enabled:hover
{
	wash-color: #bbbbbb;
}

.DownArrow.Expand
{
	transform: rotateZ(-90deg);
}

.DownArrow:active
{
	opacity: 1.0;
	wash-color: white;
	sound: "ui_friends_slide_in";
}

.BundleButton
{
	margin-top: 120px;
	background-image: url("s2r://panorama/images/leaf_pages/debut_dueling_fates/bundlepanel_button_psd.vtex");
	background-size: contain;
	background-position: 0% 0%;
	horizontal-align: right;
	wash-color: #baaf6b;
	width: 204px;
	height: 130px;
}

.BundleButton:hover
{
	wash-color: none;
	sound: "ui_friends_slide_in";
}

.BundleButton:active
{
	sound: "ui_friends_slide_in";
}

.CloseButton
{
	background-color: #00000000;
	wash-color: white;
}

.MinimizeButton
{
	width: 24px;
	height: 24px;
	margin-top: 12px;
	transition-property: wash-color, border, height;
	transition-duration: .24s;
	transition-timing-function: ease-in-out;
}

#MinimizeIcon
{
	width: 16px;
	height: 4px;
	border: 3px solid white;
	background-color: transparent;
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 4px;
	transition-property: wash-color, border, height;
	transition-duration: .24s;
	transition-timing-function: ease-in-out;
}

.Minimize #MinimizeIcon
{
	height: 16px;
}

.CloseButton:hover,.MinimizeButton:hover
{
	wash-color: #413D2F;
}

#ChromeButtons
{
	opacity: 0;
	horizontal-align: right;
	flow-children: right;
	transition-property: opacity;
	transition-duration: 1s;
}

#DebutInformation.Initialize #ChromeButtons
{
	opacity: 1;
}

.Shield
{
	background-image: url("s2r://panorama/images/control_icons/gear_png.vtex");
	background-repeat: no-repeat;
	horizontal-align: center;
	background-color: #90a3a8;
	background-size: 12px 12px;
	background-position: 50% 50%;
	border-color: #000;
	width: 100px;
	height: 130px;
	vertical-align: middle;
	horizontal-align: left;
	margin-left: 65%;
	margin-top: 90px;
	opacity: 0.1;
	transition-property: opacity;
	transition-duration: 0.2s;
}

.Shield:hover
{
	opacity: 0.06;
}

.DebutDarkWillow #InnerPanel .HeaderPanel
{
	margin-top: 0px;
}

.DebutDarkWillow VerticalScrollBar .ScrollThumb,.DebutDarkWillow HTMLVerticalScrollBar .ScrollThumb
{
	background-color: #58253F;
}

.DebutDarkWillow VerticalScrollBar .ScrollThumb:hover,.DebutDarkWillow HTMLVerticalScrollBar .ScrollThumb:hover
{
	background-color: #953B71;
}

#DarkWillowImmortalVideo
{
	width: 480px;
	height: 240px;
	margin: 0px;
	padding: 0px;
	border: 2px solid black;
	border-radius: 8px;
}

.HorizontalDivider
{
	margin-right: 8px;
	margin-bottom: 4px;
	background-color: #9DB3B7;
}

#ItemSubtitle2
{
	margin: 0px;
	color: #6C81A1;
}

.DebutPangolier #ItemSubtitle2
{
	color: white;
}

#SpecialOfferTitle,.SpecialOffer
{
	color: white;
	text-shadow: 0px 2px 1px 2 #000;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

#SpecialOfferTitle
{
	font-size: 24px;
	horizontal-align: left;
	font-weight: bold;
}

.SpecialOffer.Also
{
	color: #ccc;
	margin-bottom: -8px;
	margin-top: 32px;
}

.DebutPangolier .SpecialOffer.Also
{
	color: black;
	text-shadow: none;
	font-weight: bold;
}

.DebutPangolier #SpecialOfferTitle
{
	color: #F08325;
	color: gradient( linear, 100% 0%, 0% 0%, from( #ffaa99 ), color-stop( .32, #ff5533 ), color-stop( .64, #B30000 ), to( #830000 ) );
	text-shadow: 1.5px 1.5px 1px 2 #0005;
}

.DebutPangolier #SpecialOffer2
{
	color: #fff;
}

.DebutPangolier #SpecialOfferDate
{
	color: #fff;
}

#SpecialOffer2
{
	font-size: 26px;
	font-weight: bold;
	color: #afa;
	horizontal-align: center;
	text-align: center;
}

#SpecialOfferDate
{
	font-size: 14px;
	margin-bottom: 4px;
	text-shadow: none;
	color: #8d8;
}

#OfferTag
{
	margin-top: 32px;
	background-color: #0a02;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #0a0d ), to( #0a04 ) );
	border-radius: 6px;
	transform: rotateZ(-8deg) translateX(32px) translateY(-82px);
	flow-children: down;
	padding: 4px 18px 4px 18px;
	vertical-align: bottom;
	max-width: 250px;
}

.DebutPangolier #OfferTag
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #AAFFAA88 ), to( #0a0d ) );
}

.Bullet
{
	background-color: #5AC4CB;
	margin-right: 12px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.BulletList
{
	margin: 0px;
	margin-top: 16px;
	margin-bottom: 0px;
}

#ButWaitTheresMore
{
	text-transform: uppercase;
	color: white;
	horizontal-align: center;
	text-align: center;
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 16px;
}

.DebutPangolier .BulletList Label
{
	color: white;
}

.DebutPangolier .Bullet
{
	background-color: #ECBB5A;
}

.RolesContainer
{
	opacity: 1;
	transition-property: opacity;
	transition-duration: .32s;
	transition-delay: 0s;
	transition-timing-function: ease-in-out;
}

#DebutInformation.Initialize.Minimize #ItemSubtitle.RolesContainer
{
	opacity: 0;
	transition-duration: .32s;
	transition-delay: 0s;
}