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

@define mouseWheelScroll: 150px;
@define asyncDestroyDelay: 0.2s;
@define scrollPadding: 100px;
Spring2016RewardList
{
	overflow: clip;
	opacity-mask: url("s2r://panorama/images/masks/softedge_horizontal_png.vtex");
}

.RewardListContainer
{
	width: 100%;
	height: 100%;
}

#RewardItems,#RewardPath
{
	width: 100%;
	height: 100%;
}

#RewardPath
{
	transform: rotateX( 55deg ) translateY(48px) translateZ( 0px);
}

#RewardItems
{
	margin-top: 20px;
	margin-bottom: 124px;
	transform: translateZ( 0px );
}

#RewardPath > .PathNode,#RewardItems > .ItemNode
{
	opacity: 0.0;
	transition-property: opacity;
	transition-duration: 0.2s;
}

#RewardPath > .PathNode.LevelActive,#RewardItems > .ItemNode.LevelActive
{
	opacity: 1.0;
	transition-property: transform, opacity, brightness;
	transition-duration: 0.3s, 0.2s;
}

.Dragging #RewardPath > .PathNode.LevelActive,.Dragging #RewardItems > .ItemNode.LevelActive
{
	transition-property: transform, opacity;
	transition-duration: 0.0s, 0.2s;
}

#RewardPath > .PathNode.LevelActive.Destroying,#RewardItems > .ItemNode.LevelActive.Destroying
{
	opacity: 0.0;
}

.PathNodeDefault
{
	height: 100%;
}

.PathNodeDefault .PathNodeContents
{
	vertical-align: bottom;
	margin: 0px 4px;
	padding: 4px;
	width: 100%;
	height: 100px;
	margin-bottom: 92px;
	margin-right: 4px;
	margin-left: 4px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #34541b ), to( #719a40 ) );
	border: 2px solid #77a73e;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #6b9526 ), to( #3b5d07 ) );
}

.ImportantLevel.PathNodeDefault .PathNodeContents
{
	brightness: 1.7;
}

.AlreadyClaimed.ImportantLevel.PathNodeDefault .PathNodeContents
{
	brightness: 1;
}

.PathNodeDefault.Achieved:not(.AlreadyClaimed) .PathNodeContents
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #66281F ), to( #A6352B ) );
	border: 6px solid #8cc44a;
	animation-name: ClaimBorderPulse;
	animation-duration: 0.64s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

@keyframes 'ClaimBorderPulse'
{
	from
	{
		background-color: gradient( linear, 0% 0%, 0% 100%, from( #66281F ), to( #BF686D ) );
		border: 2px solid #BF686Dff;
		background-color: gradient( linear, 0% 0%, 0% 100%, from( #34541b ), to( #aee56d ) );
		border: 2px solid #8cc44aff;
	}
	
	50%
	{
		background-color: gradient( linear, 0% 0%, 0% 100%, from( #66281F ), to( #A6352B ) );
		border: 2px solid #BF686D00;
		background-color: gradient( linear, 0% 0%, 0% 100%, from( #34541b ), to( #719a40 ) );
		border: 2px solid #8cc44a00;
	}
	
	to
	{
		background-color: gradient( linear, 0% 0%, 0% 100%, from( #66281F ), to( #BF686D ) );
		border: 2px solid #BF686Dff;
		background-color: gradient( linear, 0% 0%, 0% 100%, from( #34541b ), to( #aee56d ) );
		border: 2px solid #8cc44aff;
	}
	
}

.PathNodeDefault:not(.Achieved) .PathNodeContents
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #1a351d22 ), to( #3b582a22 ) );
	border: 2px solid #41593322;
}

.ImportantLevel.PathNodeDefault:not(.Achieved) .PathNodeContents
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #351D1A55 ), to( #582E2A55 ) );
	border: 2px solid #A7362D55;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #1a351d44 ), to( #3b582a44 ) );
	border: 2px solid #8cc44a02;
}

.ImportantLevel.PathNodeDefault:not(.Achieved) .PathNodeContents > Label
{
	color: #A7362D;
	color: #567f1fcc;
}

.PathNodeDefault .PathNodeContents > Label
{
	color: black;
	font-size: 52px;
	text-overflow: shrink;
	vertical-align: middle;
	horizontal-align: center;
	text-align: center;
	margin-top: 12px;
	padding: 6px;
}

#LevelNumber1
{
	transform: translateY(4px);
	color: black;
	text-shadow: 0px 0px 8px 3.0 #000000;
	visibility: collapse;
}

.NoRewardType #LevelNumber2
{
	visibility: collapse;
}

.PathNodeDefault.Achieved
{
	visibility: visible;
}

.PathNodeDefault.Achieved .PathNodeContents > Label
{
	color: white;
}

.PathNodeTile
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #23312c00 ), color-stop( .5, #23312caa ), color-stop( .55, #23312cdd ), color-stop( .74, #23312cdd ), color-stop( .8, #23312caa ), to( #23312c00 ) );
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #282a2900 ), color-stop( .5, #282a29aa ), color-stop( .55, #282a29dd ), color-stop( .74, #282a29dd ), color-stop( .8, #282a29aa ), to( #282a2900 ) );
	width: 100%;
	height: 100%;
	margin-right: 4px;
	margin-left: 4px;
}

.Achieved .PathNodeTile
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #31534400 ), color-stop( .5, #31534477 ), color-stop( .55, #315344dd ), color-stop( .74, #315344dd ), color-stop( .8, #31534477 ), to( #31534400 ) );
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #31534400 ), color-stop( .5, #334e2588 ), color-stop( .55, #334e25dd ), color-stop( .74, #334e25dd ), color-stop( .8, #334e2588 ), to( #31534400 ) );
}

.ItemNodeDefault
{
	height: 100%;
}

.ItemNodeDefault #ItemContainer
{
	flow-children: up;
	width: 100%;
	margin-bottom: 26px;
	height: 100%;
	transition-property: wash-color, saturation;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.ItemGlow
{
	width: 100%;
	height: 100%;
	margin-right: 6px;
	margin-left: 6px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #B9434A00 ), color-stop( .65, #B9434A66 ), color-stop( .90, #B9434A00 ), to( #B9434A00 ) );
	opacity-mask: url("s2r://panorama/images/masks/softedge_circle_png.vtex");
	opacity: 0;
	animation-name: GlowPulse;
	animation-duration: 1.62s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	transition-property: opacity;
	transition-duration: 0.32s;
}

@keyframes 'GlowPulse'
{
	0%
	{
		background-color: gradient( linear, 0% 0%, 0% 100%, from( #6b971e00 ), color-stop( .25, #6b971e11 ), color-stop( .65, #6b971e66 ), color-stop( .90, #6b971e00 ), to( #6b971e00 ) );
	}
	
	50%
	{
		background-color: gradient( linear, 0% 0%, 0% 100%, from( #6b971e00 ), color-stop( .65, #6b971e33 ), color-stop( .75, #6b971eaa ), color-stop( .90, #6b971e00 ), to( #6b971e00 ) );
	}
	
	100%
	{
		background-color: gradient( linear, 0% 0%, 0% 100%, from( #6b971e00 ), color-stop( .25, #6b971e11 ), color-stop( .65, #6b971e66 ), color-stop( .90, #6b971e00 ), to( #6b971e00 ) );
	}
	
}

.Achieved.ItemNodeDefault:not(.AlreadyClaimed) .ItemGlow
{
	opacity: 1;
}

.NoRewardType .ItemGlow
{
	opacity: 0;
}

.ItemNodeDefault #ItemContainer > DOTAEconItem,.ItemNodeDefault #ItemContainer > Image
{
	horizontal-align: center;
	tooltip-body-position: 50% 50%;
}

.MysteryWheelRewardType #ItemContainer > Image
{
	height: 92px;
	width: 92px;
	margin-left: -4px;
	margin-bottom: 6px;
	pre-transform-scale2d: 0.8;
	brightness: .8;
	transform-origin: 50% 70%;
	transition-property: pre-transform-scale2d, brightness;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	animation-duration: 1.8s;
	animation-delay: 1.15s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.MysteryWheelRewardType.Achieved:not(.AlreadyClaimed) #ItemContainer > Image
{
	animation-name: HeadShake;
}

.MysteryWheelRewardType.Achieved:not(.AlreadyClaimed) #ItemContainer > Image:hover
{
	border:1px solid transparent;
	brightness: 1.1;
	pre-transform-scale2d: 1;
}

@keyframes 'HeadShake'
{
	0%
	{
		transform: rotateZ( 0deg );
	}
	
	10%
	{
		transform: rotateZ( 10deg );
	}
	
	20%
	{
		transform: rotateZ( -10deg );
	}
	
	30%
	{
		transform: rotateZ( 5deg );
	}
	
	40%
	{
		transform: rotateZ( -5deg );
	}
	
	50%
	{
		transform: rotateZ( 0deg );
	}
	
	100%
	{
		transform: rotateZ( 0deg );
	}
	
}

#ClaimButton
{
	vertical-align: bottom;
	margin: 0px 4px;
	visibility: collapse;
	margin-bottom: 52px;
	height: 140px;
	width: 100%;
}

#ClaimButton Label
{
	horizontal-align: center;
	text-align: center;
	text-transform: uppercase;
	font-size: 22px;
	vertical-align: middle;
	margin-top: 92px;
	text-overflow: shrink;
	letter-spacing: 2px;
	color: white;
	text-shadow: 0px 0px 8px 2.0 #ff0000;
	font-weight: bold;
	animation-name: ClaimLabelGlow;
	animation-duration: 0.64s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

@keyframes 'ClaimLabelGlow'
{
	from
	{
		color: #BF686D;
		text-shadow: 0px 0px 18px 2.0 #ff0000ff;
		color: #adf48a;
		text-shadow: 0px 0px 18px 2.0 #7eff00ff;
	}
	
	50%
	{
		color: white;
		text-shadow: 0px 0px 18px 2.0 #ff000033;
		color: white;
		text-shadow: 0px 0px 18px 2.0 #7eff0033;
	}
	
	to
	{
		color: #BF686D;
		text-shadow: 0px 0px 18px 2.0 #ff0000ff;
		color: #adf48a;
		text-shadow: 0px 0px 18px 2.0 #7eff00ff;
	}
	
}

.Achieved:not(.AlreadyClaimed):hover
{
	brightness: 1.8;
}

#ClaimButton:hover
{
	brightness: 2;
}

.Achieved:not(.AlreadyClaimed) #ClaimButton
{
	visibility: visible;
}

#ClaimButton:active
{
	brightness: 1.0;
}

#ClaimButton:active Label
{
	animation-name: none;
	color: white;
	text-shadow: 0px 0px 18px 2.0 #ff6861;
	text-shadow: 0px 0px 18px 2.0 #abff61;
}

.MultipleItemRewardAmount
{
	color: white;
	vertical-align: bottom;
	horizontal-align: right;
	margin-right: 10px;
	margin-bottom: 3px;
	font-size: 32px;
	font-weight: bold;
	text-shadow: 0px 0px 18px 2.0 black;
}

@define rewardEmptyWidth: 20px;
@define rewardDefaultWidth: 100px;
@define level1Width: 400px;
#Path1.PathNode
{
	height: 100%;
}

#Path1.PathNode .PathNodeContents
{
	vertical-align: bottom;
	margin: 0px 4px;
	padding: 4px;
	width: 100%;
	height: 100px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #6b9526 ), to( #3b5d07 ) );
	border: 2px solid #77a73e;
	brightness: 1;
	margin-bottom: 92px;
	margin-right: 4px;
	margin-left: 4px;
}

.SelfEventNeedsActivate #Path1.PathNode .PathNodeContents,.SelfEventUpsell #Path1.PathNode .PathNodeContents
{
	border-color: #77a73e;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #6b9526 ), to( #3b5d07 ) );
}

.SelfEventNeedsActivate #Path1.PathNode .PathNodeContents Label,.SelfEventUpsell #Path1.PathNode .PathNodeContents Label
{
	color: white;
}

#Path1.PathNode .PathNodeContents Label
{
	vertical-align: middle;
	horizontal-align: center;
	color: white;
	font-size: 36px;
	text-shadow: 0px 0px 8px 3.0 #000000;
}

#Item1.ItemNode
{
	height: 100%;
}

#Item1.ItemNode .Level1Contents
{
	width: 100%;
	height: 100%;
	margin-right: 4px;
	margin-bottom: 0px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #B9434A00 ), color-stop( .85, #B9434A11 ), color-stop( .95, #B9434A00 ), to( #B9434A00 ) );
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #72b94300 ), color-stop( .85, #72b94315 ), color-stop( .95, #72b94300 ), to( #72b94300 ) );
	padding: 20px;
	flow-children: right-wrap;
	margin-top:100px;
}

#Item1.ItemNode .Level1Contents > Label
{
	color: white;
	vertical-align: middle;
	horizontal-align: center;
	text-align: center;
}

.Level1Icon
{
	width: 78px;
	height: 84px;
}

#BigDealItem
{
	background-image: url("s2r://panorama/images/control_icons/starfilled_psd.vtex");
	background-size: contain;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	horizontal-align: center;
	margin-bottom: 82px;
	visibility: collapse;
	wash-color: #A9372E;
	opacity: .5;
}

.ImportantLevel #BigDealItem
{
	visibility: collapse;
}

.AlreadyClaimed.ImportantLevel #BigDealItem
{
	visibility: collapse;
}

@define level225Width: 300px;
#Item225.ItemNode
{
	height: 100%;
}

.Level225Contents
{
	tooltip-position: bottom;
	tooltip-body-position: 50%;
}

#Item225.ItemNode .Level225Contents
{
	width: 100%;
	height: 100%;
	margin-right: 4px;
	margin-bottom: 0px;
}

#Item225.ItemNode .Level225Contents > DOTAUIEconSetPreview:hover
{
	brightness: 2.0;
}

#Item225.ItemNode .Level225Contents > DOTAUIEconSetPreview:active
{
	brightness: 1.5;
}

#Item225.ItemNode .Level225Contents > DOTAUIEconSetPreview
{
	transform: translateY(8px);
	opacity-mask: url("s2r://panorama/images/masks/softedge_box_png.vtex");
	transition-property: brightness;
	transition-duration: .2s;
}

#Item225.ItemNode #BigDealItem
{
	vertical-align: top;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-right: 200px;
	width: 100%;
	height: 100%;
}

#Path225.PathNode .PathNodeContents
{
	border-color: #9C3329;
}

#Path225 .PathNodeTile
{
	wash-color: red;
}

#Path225 #QuestUnlockLabel
{
	font-size: 16px;
	vertical-align: bottom;
	padding: 0px;
	text-transform: uppercase;
	text-overflow: shrink;
}

#Path225 Label
{
	color: #A9372E;
}

#Path225.PathNodeDefault.Achieved:not(.AlreadyClaimed) Label
{
	color: white;
}

#Path225.PathNodeDefault.AlreadyClaimed Label
{
	color: white;
}

@define level1000Width: 300px;
#Item1000.ItemNode .Level1000Contents
{
	width: 100%;
	height: 100%;
	margin-right: 4px;
	margin-bottom: 0px;
}

#Aegis
{
	width: 100%;
	height: 100%;
	horizontal-align: center;
	vertical-align: bottom;
}

#Item1000.ItemNode .Level1000Contents > DOTAScenePanel
{
	width: 380px;
	height: 380px;
	transition-property: brightness;
	transition-duration: .2s;
	opacity-mask: url("s2r://panorama/images/masks/softedge_box_png.vtex");
}

#Item1000.ItemNode .Level1000Contents > DOTAScenePanel:hover
{
	brightness: 3.0;
}

#Item1000.ItemNode .Level1000Contents > DOTAScenePanel:active
{
	brightness: 1.5;
}

@define level2000Width: 200px;
#Item2000.ItemNode
{
	height: 100%;
}

#Item2000.ItemNode .Level2000Contents
{
	width: 100%;
	height: 100%;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: noclip;
	opacity-mask: url("s2r://panorama/images/masks/softedge_box_png.vtex");
}

#Item2000.ItemNode .Level2000Contents > DOTAUIEconSetPreview:hover
{
	brightness: 2.0;
}

#Item2000.ItemNode .Level2000Contents > DOTAUIEconSetPreview:active
{
	brightness: 1.5;
}

#Item2000.ItemNode .Level2000Contents > DOTAUIEconSetPreview
{
	width: 400px;
	height: 244px;
	transform: translateX(-94px);
	transition-property: brightness;
	transition-duration: .2s;
}

#Item2000.ItemNode #BigDealItem
{
	vertical-align: top;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-right: 200px;
	width: 100%;
	height: 100%;
}

#Path2000.PathNode .PathNodeContents
{
	border-color: #9C3329;
}

#Path2000 #QuestUnlockLabel
{
	font-size: 16px;
	vertical-align: bottom;
	padding: 0px;
	text-transform: uppercase;
	text-overflow: shrink;
}

#Path2000 Label
{
	color: #A9372E;
}

#Path2000.PathNodeDefault.Achieved:not(.AlreadyClaimed) Label
{
	color: white;
}

#Path2000.PathNodeDefault.AlreadyClaimed Label
{
	color: white;
}

@define level75Width: 108px;
#Path75 .PathNodeContents
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #84292D ), to( #A19087 ) );
	border: 2px solid #8B3E42;
}

.LevelTierBadge
{
	width: 74px;
	height: 98px;
	horizontal-align: center;
	vertical-align: middle;
	background-image: url("s2r://panorama/images/compendium/spring2016/home_block_backgrounds/shield_silver_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
	transform: translateY(10px) translateX(2px);
}

#TierLabel
{
	color: #C8BCB8;
	horizontal-align: center;
	text-align: center;
	text-transform: uppercase;
	margin-top: 300px;
	text-shadow: 0px 2px 4px 3.0 #000000;
}

#TierGold
{
	horizontal-align: right;
	background-image: url("s2r://panorama/images/compendium/spring2016/home_block_backgrounds/shield_gold_psd.vtex");
	transform: translateY( -8px ) translateX( 16px );
}

#Path225 #TierGold
{
	pre-transform-scale2d: .8;
}

#Path225 #TierLabel
{
	horizontal-align: right;
	margin-right: 12px;
	color: #D4AB77;
}

#TierMax
{
	horizontal-align: right;
	background-image: url("s2r://panorama/images/compendium/spring2016/home_block_backgrounds/shield_max_psd.vtex");
	transform: translateY( 0px );
}

#Path1000 #TierGold
{
	pre-transform-scale2d: .8;
}

#Path1000 #TierLabel
{
	horizontal-align: right;
	margin-right: 12px;
	color: #923029;
}

#LCTease
{
	width: 100%;
	height: 100%;
	background-image: url("s2r://panorama/images/compendium/spring2016/lc_tease_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
}

#LCComingSoon
{
	font-size: 20px;
	text-transform: uppercase;
	color: black;
	background-color: #A9372E;
	padding: 8px 12px 4px 12px;
	font-weight: bold;
	border-radius: 6px;
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 12px;
	box-shadow: fill #00000088 0px 0px 4px 0px ;
}

@define rewardEllipsisWidth: 350px;
.ItemNodeEllipsis
{
	height: 100%;
}

.ItemNodeEllipsis .EllipsisContents
{
	padding: 20px;
	margin-left: 4px;
	width: 100%;
	height: 100%;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #B9434A00 ), color-stop( .85, #B9434A11 ), color-stop( .95, #B9434A00 ), to( #B9434A00 ) );
}

.ItemNodeEllipsis .EllipsisTextContents
{
	vertical-align: middle;
	width: 100%;
	flow-children: down;
}

.ItemNodeEllipsis .EllipsisTextContents > Label
{
	text-align: center;
	horizontal-align: center;
}

.ItemNodeEllipsis .EllipsisTitle
{
	text-transform: uppercase;
	color: white;
	font-size: 24px;
	margin-bottom: 4px;
}

.ItemNodeEllipsis .EllipsisDescription
{
	color: #999;
}

#RewardPath .MysteryWheelRewardType .PathNodeContents
{
	background-image: url("s2r://panorama/images/compendium/spring2016/spinwheel_icon_psd.vtex");
	background-size: contain;
	background-position: 50% 60%;
	background-repeat: no-repeat;
	border-radius: 50%;
	width: 100%;
	height: 96px;
	margin-bottom: 94px;
	saturation: .5;
	brightness: .1;
	animation-duration: 1.8s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	hue-rotation: 100deg;
}

#RewardPath .MysteryWheelRewardType.Achieved .PathNodeContents
{
	saturation: 1;
	brightness: 1;
}