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

DOTAQuestPicker.QuestPickerHidden
{
	opacity: 0;
}

#QuestPickerContainer
{
	transition-property: transform;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
	width: 728px;
	padding: 12px;
	padding-left: 0px;
}

#QuestHeader
{
	color: #ffffffee;
	text-transform: uppercase;
	margin-left: 11px;
	margin-top: 5px;
	font-size: 19px;
	margin-right: -2px;
}

#QuestPickerPanel
{
	width: 685px;
	height: 515px;
	background-color: #2c442e55;
	margin-top: 206px;
	border-top: 1px solid #ffffff07;
	border-right: 1px solid #ffffff07;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #16250d ), to( #000000 ) );
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #0d1b25 ), to( #000000 ) );
	background-color: gradient( linear, 0% 0%, 0% 100%, from( secondaryDefaultColor ), to( #000000 ) );
}

#QuestPickerBottom
{
	width: 100%;
	height: 178px;
	background-size: 100%;
	background-repeat: no-repeat;
	vertical-align: bottom;
}

#ActiveContainer
{
	width: 240px;
	height: 100%;
	horizontal-align: right;
}

.PanelSlideThumb
{
	background-color: #487117ff;
	background-color: #184778ff;
	background-color: darkColor;
	z-index: -2;
}

.PanelSlideThumbArrow
{
	wash-color: black;
}

.PanelSlideThumb:hover
{
	background-color: #84ba36dd;
	background-color: #3da9cddd;
	background-color: accentColorBrightⅆ
}

.DrawerClosed
{
	transform: translateX( -685px );
}

#QuestSlideThumb
{
	margin-top: 132px;
}

#QuestLine
{
	height: 182px;
	opacity: 1;
	margin-top: 0px;
	flow-children: none;
}

#QuestPickerQuestMap
{
	height: 200px;
	width: 100%;
	vertical-align: middle;
	horizontal-align: center;
	margin-bottom: 92px;
}

#QuestPickerCurrentQuest
{
	width: 100%;
	height: 336px;
	wash-color: white;
}

#BottomQuestBlock,#QuestInfo
{
	vertical-align: bottom;
	margin-bottom: 2px;
	margin-left: 6px;
	pre-transform-scale2d: 1;
}

#CurrentQuestNumGames,#CurrentQuestDesc,#CurrentQuestName
{
	color: #666464;
}

#CurrentQuestName
{
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #487117ff ), to( #48711700 ) );
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #1b4a89ff ), to( #1b4a8900 ) );
	background-color: gradient( linear, 0% 0%, 100% 0%, from( darkColor&ff ), to( darkColor&00 ) );
	font-size: 26px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #ffffff;
	margin-top: 22px;
	margin-right: 16px;
	padding-top: 4px;
	padding-left: 6px;
}

#CurrentLabel
{
	color: darkColor;
	margin-right: 8px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 16px;
}

#CurrentQuestNumGames
{
	margin-top: 64px;
	font-size: 20px;
	font-weight: thin;
}

#CurrentQuestDesc
{
	margin-top: 86px;
	font-size: 20px;
	font-weight: thin;
}

#QuestLinePicker
{
	overflow: noclip;
}

.OverviewButton
{
	horizontal-align: right;
	vertical-align: top;
}

#QuestPickerHeader
{
	width: 100%;
	height: 20px;
	overflow: noclip;
}

.QuestlineLabel
{
	font-size: 18px;
	color: white;
	margin: 0px;
	margin-left: 32px;
	margin-bottom: -12px;
}

#QuestLinePicker:hover Label
{
	color: white;
}

.QuestLineName,#Choose,#QuestPickerQuestLineName
{
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	vertical-align: center;
	color: #BBB9B5;
	text-shadow: 1px 1px 1px 2 #000000;
	margin-bottom: 5px;
	margin-left: 10px;
}

#QuestPickerQuestLineName
{
	margin-bottom: 10px;
}

.QuestLineName
{
	color: #cccccc;
	font-size: 20px;
	text-shadow: 1px 1px 1px 2 #000000;
	margin-top: 6px;
}

#OverviewButton
{
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #e7f7a5;
	border: 1px solid #3a6020;
	color: #a5ccf7;
	border: 1px solid #203e60;
	color: accentColorBright;
	border: 1px solid darkColor;
	padding-left: 8px;
	padding-top: 3px;
	margin-top: 54px;
	margin-left: 2px;
	background-color: #00000088;
	transition-property: opacity, border, color;
	transition-duration: .26s;
	transition-timing-function: ease-in-out;
}

.Overview #OverviewButton
{
	opacity: 0;
}

#QuestLinePickerHeader
{
	height: 30px;
}

#QuestLinePickerDropdown #OverviewButton:hover
{
	color: white;
	border: 1px solid #deff5b;
	border: 1px solid #5bacff;
	border: 1px solid accentColor;
}

#Choose,DOTABPInternational2019QuestsPage #QuestLineName
{
	font-size: 42px;
	padding: 0px;
	overflow: noclip;
	margin: 0px;
	transition-property: transform, opacity, color;
	transition-duration: .3s;
	transition-timing-function: ease-in-out;
}

#Choose
{
	transform: translateX( -300px );
	opacity: 0;
	horizontal-align: center;
}

.ShowingIntroPanel #Choose
{
	color: #651202;
}

.ShowingIntroPanel .Overview #ChooseDisclaimer
{
	color: #651202;
}

#ChooseDisclaimer
{
	color:#82A0C5;
	horizontal-align: center;
	margin-top: 52px;
	text-shadow: 0px 0px 1px 2.0 black;
	letter-spacing: 1px;
	opacity: 0;
	transition-property: opacity,color;
	transition-duration: .3s;
	transition-delay: 0.3s;
	transition-timing-function: ease-in-out;
}

.Overview #ChooseDisclaimer
{
	opacity: 1;
	transition-delay: 0s;
}

DOTABPInternational2019QuestsPage .Overview #QuestLineName
{
	transform: translateX( 300px );
	opacity: 0;
}

DOTABPInternational2019QuestsPage .Overview #Choose
{
	transform: translateX( 0px );
	opacity: 1;
}

DOTABPInternational2019QuestsPage #QuestPickerDropDown
{
	background-color: none;
}

.QuestLineActive .QuestLineName
{
	color: white;
}

.QuestLineDropDown
{
	width: 30px;
	height: 30px;
	transform: rotateZ( 0deg ) translateY(0px);
	background-image: url("s2r://panorama/images/control_icons/arrow_dropdown_png.vtex");
	margin-bottom: 12px;
	wash-color: #84ba36dd;
	wash-color: #3690badd;
	wash-color: accentColorⅆ
	background-repeat: no-repeat;
	background-size: cover;
	transition-property: transform;
	transition-duration: .4s;
	transition-timing-function: ease-in-out;
}

DOTABPInternational2019QuestsPage .QuestLineDropDown
{
	padding: 0px;
	margin: 0px;
	height: 36px;
	width: 36px;
}

#QuestLinePicker:hover .QuestLineDropDown
{
	wash-color: white;
}

.Expand .QuestLineDropDown
{
	transform: rotateZ( 180deg ) translateY(2px);
}

#QuestRewardContainer
{
	vertical-align: top;
	horizontal-align: left;
	margin: 0px;
	margin-top: 16px;
}

#QuestRewardLabel
{
	margin-right: 6px;
	text-transform: uppercase;
	color: #aaaaaa;
	letter-spacing: 1px;
	font-size: 20px;
}

.plus,#QuestRewardXP
{
	color: accentColorBright;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#QuestRewardXPAmount
{
	color: white;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	horizontal-align: center;
	margin-top: 8px;
}

.plus
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: -2px;
}

.QuestRewardIcon
{
	width: 18px;
	height: 18px;
	background-color: accentColorBright;
	border-radius: 10%;
}

#SideQuestContainer
{
	horizontal-align: center;
	vertical-align: center;
	pre-transform-scale2d: 1;
	transform: translateY(0px);
	transition-property: opacity, pre-transform-scale2d, transform;
	transition-duration: .24s;
	transition-timing-function: ease-in-out;
}

.Overview #SideQuestContainer
{
	transform: rotateX( 0deg ) translateY(50px);
	pre-transform-scale2d: .5;
	opacity: 0;
}

#CampaignPanel #SideQuestContainer
{
	height: 245px;
	transform: rotateX( 35deg) translateX(-100px) translateY( 15px );
	horizontal-align: right;
	vertical-align: bottom;
	margin-bottom: 0px;
	margin-right: 16px;
	background-image: none;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.GlobalEventEnded #CampaignPanel #SideQuestContainer
{
	visibility: collapse;
}

#QuestLineOptions
{
	width: 100%;
	height: 93.7%;
	vertical-align: bottom;
	opacity: 1;
	background-color: #00000000;
	transition-property: opacity, background-color;
	transition-duration: .4s;
	transition-timing-function: ease-in-out;
}

#QuestLineOptions.HasKunkkaQuest
{
	overflow: squish scroll;
}

#QuestPickerPanel.Expand #QuestLineOptions
{
	background-color: #000000ee;
	transition-duration: 0.7s;
}

.QuestLinePanel
{
	height: 161px;
	width: 100%;
	wash-color: black;
	opacity: 0;
	transition-property: transform, wash-color, opacity;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
	transform: translateY(0px);
}

#QuestLineName .QuestLineName
{
	color: accentColorBrightⅆ
}

.QuestLinePanel:hover .QuestLineBackground
{
	saturation: .75;
	wash-color: shadeColor&88;
}

.QuestLineActive.QuestLinePanel:hover .QuestLineBackground
{
	saturation: 1;
	wash-color: #00000000;
}

.QuestLineBackground
{
	width: 100%;
	height: 100%;
	background-size: cover;
	saturation: .5;
	wash-color: #3A6883;
	transition-property: saturation, wash-color;
	transition-duration: .2s;
	transition-timing-function: ease-in-out;
}

.QuestLineActive .QuestLineBackground
{
	wash-color: #00000000;
	saturation: 1;
}

#QuestLine1
{
	transform: translateY(-212px);
	transition-delay: .1s;
	z-index: 4;
	visibility: collapse;
}

#QuestLine2
{
	transform: translateY(0px);
	transform: translateY(-212px);
	transition-delay: .2s;
	z-index: 3;
	visibility: collapse;
}

#QuestLine3
{
	transform: translateY(-212px);
	transition-delay: .3s;
	z-index: 2;
	visibility: collapse;
}

#QuestLine4
{
	transform: translateY(-212px);
	transition-delay: .5s;
	z-index: 1;
	visibility: collapse;
}

#QuestLine1 .QuestLineBackground
{
	background-image: url("s2r://panorama/images/temp/temp_quest1_psd.vtex");
}

#QuestLine2 .QuestLineBackground
{
	background-image: url("s2r://panorama/images/temp/temp_quest2_psd.vtex");
}

#QuestLine3 .QuestLineBackground
{
	background-image: url("s2r://panorama/images/temp/temp_quest3_psd.vtex");
}

#QuestLine4 .QuestLineBackground
{
	background-image: url("s2r://panorama/images/compendium/spring2016/legion_quest_psd.vtex");
}

#QuestPickerPanel.Expand #QuestLineOptions
{
	opacity: 1;
}

#QuestPickerPanel.Expand #QuestLine1,#QuestPickerPanel.Expand #QuestLine2,#QuestPickerPanel.Expand #QuestLine3
{
	transform: translateY(0px);
	wash-color: white;
	visibility: visible;
	opacity: 1;
}

#QuestPickerPanel.Expand .HasKunkkaQuest #QuestLine4
{
	transform: translateY(0px);
	wash-color: white;
	visibility: visible;
	opacity: 1;
}

#QuestPickerPanel.Expand #QuestLine1
{
	transition-delay: .3s;
}

#QuestPickerPanel.Expand #QuestLine2
{
	transition-delay: .2s;
}

#QuestPickerPanel.Expand #QuestLine3
{
	transition-delay: .1s;
}

#QuestPickerPanel.Expand #QuestLine4
{
	transition-delay: .0s;
}

#ChallengeProgress
{
	margin-top: 115px;
	box-shadow: inset #1f2020 0px 2px 2px 4px;
	background-color: #464748;
	border: 1px solid #3d4746;
	height: 32px;
	padding: 4px;
	width: 300px;
	margin-left: 16px;
	visibility: collapse;
}

.MultipleGames #ChallengeProgress
{
	visibility: visible;
}

#ChallengeProgress .ProgressBarLeft
{
	background-color: dotalevelgradient;
	box-shadow: #61789Caa 0px 0px 4px 0px ;
	border-radius: 2px;
	transition-property: width;
	transition-duration: 1.0s;
	transition-timing-function: linear;
}

#ChallengeProgress Label
{
	horizontal-align: center;
	vertical-align: center;
	font-weight: bold;
	font-size: 16px;
	color: black;
	text-shadow: 0px 0px 8px 1.0 #C1CEEA88;
	margin-top: 2px;
}

.ChallengeProgressText
{
	font-size:14px;
}

#HeroInfo
{
	margin-left: 68px;
	width: 100%;
}

#RequiredHero
{
	margin: 0px;
	margin-top: 16px;
}

#RequiredHeroIcon
{
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 10px;
	horizontal-align: right;
}

.HideRequiredHero
{
	visibility: collapse;
}

#ActiveQuestContainer
{
	opacity: 1;
	pre-transform-scale2d: 1;
	transform: translateY(0px);
	transition-property: transform, opacity, pre-transform-scale2d;
	transition-duration: 0.24s;
	transition-timing-function: ease-in-out;
}

.Overview #ActiveQuestContainer
{
	opacity: 0;
	transform: translateY(50px);
	pre-transform-scale2d: .5;
}

#QuestRanks.QuestPickerQuestRanks
{
	margin-top: 10px;
	pre-transform-scale2d: .75;
}

DOTAQuestContainer .QuestLinePanel #QuestLineName
{
	visibility: collapse;
}

DOTAQuestPicker #SideQuestContainer #DailyHeroQuestStatus
{
	width: 184px;
}

#PreGame #QuestPickerContainer
{
	padding: 0px;
}

#PreGame #QuestPickerContainer.DrawerClosed
{
	transform: none;
}

#PreGame #QuestPickerPanel
{
	margin-top: 0px;
	width: 100%;
}

#PreGame #QuestSlideThumb
{
	visibility: collapse;
}