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

@define mouseWheelScroll: 150px;
@define asyncDestroyDelay: 0.2s;
@define scrollPaddingMin: 16px;
@define scrollPaddingMax: 16px;
@define cellMarginRight: -14px;
@define rewardDefaultWidth: 198px;
@define rewardImportantEconItemModelWidth: 250px;
@define rewardEmptyWidth: 0px;
@define rewardActionListWidth: 298px;
@define rewardEllipsisWidth: 400px;
@define rewardLineBottomMargin: 42px;
DOTAEventRewardList
{
	overflow: clip;
}

.RewardLevel
{
	width: 200px;
	height: 100%;
	vertical-align: bottom;
}

.RewardLevel.LevelActive
{
	transition-property: transform, opacity;
	transition-duration: 0.2s;
}

.RewardLevel.LevelActive.Destroying
{
	opacity: 0.0;
}

.RewardLevel.NoRewardType
{
	visibility: collapse;
	width: 14px;
}

.RewardLevel.RewardCount2
{
	width: 400px;
}

#ClaimButton
{
	vertical-align: bottom;
	horizontal-align: center;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #FA98E8 ),color-stop(0.0, #C079BB ),color-stop(0.0, #965193 ),color-stop(0.35, #965193 ),color-stop(0.65, #965193 ), to( #965193 ) );
	border: 2px solid black;
	padding: 2px 14px;
	padding-left: 6px;
	border-radius: 4px;
	margin-right: 36px;
	margin-left: 2px;
	margin-bottom: 8px;
	transform: skew(-12deg);
	visibility: collapse;
	width: 100%;
	height: 32px;
	transition-property: background-color;
	transition-duration: .21s;
	transition-timing-function: ease-in-out;
}

#ClaimButton Label
{
	font-size: 16px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	font-weight: bold;
	font-family: titleFont;
	text-shadow: 1px 1px 3px #432047;
	transition-property: transform;
	transition-duration: .21s;
	transition-timing-function: ease-in-out;
}

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

#ClaimButton:hover
{
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #FA98E8 ),color-stop(1, #C079BB ),color-stop(1.0, #fff ),color-stop(1, #fff ),color-stop(1, #C079BB ), to( #9B5F99 ) );
}

#ClaimButton:hover Label
{
	transform: translateX(4px);
}

#ClaimButton:active
{
	brightness: 1.5;
}

.LevelLabel
{
	vertical-align: bottom;
	horizontal-align: right;
	z-index: 2;
	margin-right: 38px;
	margin-bottom: 8px;
	font-size: 26px;
	color: rgb(108, 114, 126);
	font-style: italic;
	text-shadow: 1px 1px 3px black;
	margin-bottom: 48px;
}

.Achieved .LevelLabel
{
	color: white;
}

.EventTierPlatinum .LevelLabel
{
	color: gradient( linear, 0% 0%, 0% 100%, from( rgb(57, 116, 150) ), color-stop( 0.4,rgb(150, 101, 160) ), color-stop( 0.5, rgb(242, 194, 248) ), color-stop( 0.7, rgb(117, 89, 143) ), to( rgb(88, 177, 143) ) );
}

.EventTierPlatinum.Achieved .LevelLabel
{
	color: gradient( linear, 0% 0%, 0% 100%, from( rgb(116, 204, 255) ), color-stop( 0.4, rgb(246, 203, 255) ), color-stop( 0.5, rgb(255, 255, 255) ), color-stop( 0.7, rgb(189, 134, 240) ), to( rgb(0, 255, 157) ) );
}

.EventTierGold.ImportantLevel2 .LevelLabel,.EventTierGold .LevelLabel
{
	color: gradient( linear, 0% 0%, 0% 100%, from( rgb(243, 158, 1) ), color-stop( 0.4, rgb(145, 116, 64) ), color-stop( 0.5, rgb(184, 148, 48) ), color-stop( 0.7, rgb(129, 107, 67) ), to( rgb(126, 116, 71) ) );
}

.EventTierGold.Achieved.ImportantLevel2 .LevelLabel,.EventTierGold.Achieved .LevelLabel
{
	color: gradient( linear, 0% 0%, 0% 100%, from( rgb(255, 182, 46) ), color-stop( 0.4, rgb(255, 193, 77) ), color-stop( 0.5, rgb(255, 233, 173) ), color-stop( 0.7, rgb(228, 161, 38) ), to( rgb(128, 104, 0) ) );
}

.EventTierSilver.ImportantLevel2 .LevelLabel,.EventTierSilver .LevelLabel
{
	color: gradient( linear, 0% 0%, 0% 100%, from( rgb(114, 148, 158) ), color-stop( 0.4, rgb(130, 151, 151) ), color-stop( 0.5, rgb(157, 176, 187) ), color-stop( 0.7, rgb(123, 140, 143) ), to( rgb(78, 90, 95) ) );
}

.EventTierSilver.Achieved.ImportantLevel2 .LevelLabel,.EventTierSilver.Achieved .LevelLabel
{
	color: gradient( linear, 0% 0%, 0% 100%, from( rgb(144, 196, 211) ), color-stop( 0.4, rgb(180, 208, 209) ), color-stop( 0.5, rgb(233, 247, 255) ), color-stop( 0.7, rgb(157, 189, 194) ), to( rgb(118, 127, 131) ) );
}

.RewardLevel.NoRewardType .LevelLabel,.RewardLevel.NoRewardType #ClaimButton
{
	visibility: collapse;
}

.RewardLineBackgroundContainer
{
	width: 100%;
	transform: skew(-13deg) translateX(20px);
	vertical-align: bottom;
	margin-bottom: rewardLineBottomMargin;
}

.HighlightLevel .RewardLineBackgroundContainer
{
	animation-name: HighlightLevelAnim;
	animation-duration: 0.4s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 3;
}

@keyframes 'HighlightLevelAnim'
{
	0%
	{
		brightness: 1;
	}
	
	50%
	{
		brightness: 3;
	}
	
	100%
	{
		brightness: 1;
	}
	
}

.LevelActiveHighlight,.RewardLineBackground
{
	width: 100%;
	height: 130px;
	background-image: url("s2r://panorama/images/battlepass/spring2021/rewardline_levelbg_psd.vtex");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: 1px solid transparent;
	margin-left: 0px;
	margin-right: 36px;
}

.RewardLevel.PingRewardType .RewardLineBackground
{
	background-image: url("s2r://panorama/images/battlepass/spring2021/rewardline_level_pingbg_psd.vtex");
}

.RewardLevel.CurrentLevel .LevelActiveHighlight
{
	opacity: 1;
}

.RewardLevel.NoRewardType .LevelActiveHighlight
{
	opacity-brush: gradient( linear, 0% 0%, 100% 0%, from( #0000 ), color-stop( 0.8, #fff ), to( #fff ) );
	z-index: 5;
	background-size: cover;
	background-position: right;
}

.LevelActiveHighlight
{
	opacity: 0;
	background-image: url("s2r://panorama/images/battlepass/spring2021/rewardline_levelbg_active_psd.vtex");
}

.EconItemRewardVideo .LevelActiveHighlight
{
	z-index: 1;
	transform: skew(-13deg) translateX(20px);
	vertical-align: bottom;
	wash-color: #8d9cb3;
	brightness: 2;
}

.RewardLevel.NoRewardType .RewardLineBackground
{
	width: 100%;
	height: 130px;
	background-image: url("s2r://panorama/images/battlepass/spring2021/rewardline_levelbg_psd.vtex");
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
	z-index: 1;
}

.RewardLevel.ActionListRewardType
{
	width: 300px;
}

#LevelProgress
{
	height: 4px;
	width: 81%;
	width: 100%;
	vertical-align: bottom;
	margin: 0 32px 0 4px;
	overflow: clip;
	border-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 2px;
	z-index: 2;
}

#LevelProgress .ProgressBarLeft
{
	wash-color: white;
	border-radius: 0;
}

#LevelProgress .ProgressBarRight
{
	background-color: black;
	border-radius: 0;
}

.RewardLevel:not(.HasReward) #LevelProgress
{
	margin: 0px 36px 1px 0px;
}

.RewardLevel:not(.Achieved) #LevelProgress
{
	visibility: collapse;
}

.Achieved .LevelActiveHighlight,.Achieved .RewardLineBackground
{
	wash-color: #8d9cb3;
	brightness: 2;
}

.RewardLevel:not(.Achieved) .RewardLineBackground
{
	wash-color: #6886b374;
	brightness: 1;
	contrast: 1.2;
}

.RewardLevel .PlusIcon
{
	width: 45px;
	height: 45px;
	horizontal-align: left;
	vertical-align: bottom;
	margin-left: 24px;
	margin-bottom: 52px;
	background-image: dotaPlusLogoSmall;
	background-repeat: no-repeat;
	transition-property: brightness, transform;
	transition-duration: .4s;
	transition-timing-function: ease-in-out;
}

.RewardLevel.NoPlus:not(.Achieved):hover .PlusIcon
{
	brightness: 1.3;
	transform: scaleX(1.15) scaleY(1.15) translateY(0px) translateX(0px);
}

.RewardLevel.NoPlus:not(.Achieved) .PlusIcon:hover
{
	brightness: 1.6;
}

#ItemContainer
{
	width: 100%;
	height: 100%;
	overflow: noclip;
	padding-bottom: rewardLineBottomMargin;
}

.RewardLevel.MultipleRewards #ItemContainer
{
	flow-children: right;
}

.RewardLevel.MultipleRewards:not(.ImportantLevel2) #ItemContainer > Panel
{
	width: fill-parent-flow( 1.0 );
}

.RewardLineIconRef,.RewardLineIconShadow,.RewardLineIcon
{
	width: 100px;
	height: 100px;
	horizontal-align: center;
	vertical-align: bottom;
}

.RewardLineIcon
{
	height: 67px;
	border: 1px solid white;
	border-brush: gradient( linear, 0% 0%, 0% 100%, from( #77ADA4 ), to( #7BCEBA00) );
}

#EconItemHitBox
{
	vertical-align: bottom;
	horizontal-align: center;
}

.RewardLineEconIcon
{
	width: 116px;
	height: 78px;
	border: 1px solid white;
	border-brush: gradient( linear, 0% 0%, 0% 100%, from( #77ADA4 ), to( #000) );
	margin-bottom: 48px;
	vertical-align: bottom;
	horizontal-align: center;
	box-shadow: none;
	border-radius: 4px;
}

.EconIconReward:hover .RewardLineEconIcon
{
	box-shadow: none;
}

.RewardLineEconIconRef
{
	width: 32px;
	height: 17px;
	pre-transform-scale2d: 4.2;
	transform: scaleY(-1) translateY(-4px) translateX(0px);
	blur: gaussian(2px);
	opacity-mask: url("s2r://panorama/images/masks/rewardline_reflection_psd.vtex");
	opacity: 0.8;
	brightness: 1;
	saturation: .8;
	box-shadow: none;
	z-index: 5;
	vertical-align: bottom;
	horizontal-align: center;
	transition-property: saturation, transform;
	transition-duration: 0.28s;
	transition-timing-function: ease-in-out;
}

.RewardLineEconIconRef.Hovered
{
	transform: scaleY(-1) translateY(0px) translateX(0px);
	saturation: 1;
}

.RewardLineModelShadow,.RewardLineModelRef
{
	width: 25px;
	height: 25px;
	pre-transform-scale2d: 4.5;
	transform: scaleY(-0.95) translateY(50px) translateX(-14px);
	blur: gaussian(1px);
	opacity-mask: url("s2r://panorama/images/masks/rewardline_reflection_psd.vtex");
	opacity: 1;
	brightness: 1;
	saturation: .8;
	box-shadow: none;
	margin-bottom: 70px;
	z-index: 5;
}

.RewardLineIconRef
{
	width: 25px;
	height: 25px;
	pre-transform-scale2d: 4.5;
	transform: scaleY(-0.95) translateY(50px);
	opacity: 1;
	brightness: 1;
	saturation: .8;
	box-shadow: none;
	margin-bottom: 70px;
	z-index: 15;
}

.RewardLevel.NoRewardType.Ellipsis
{
	visibility: visible;
	width: rewardEllipsisWidth;
}

.RewardLevel.Ellipsis
{
	width: rewardEllipsisWidth;
}

.RewardLevel.Ellipsis .RewardLineBackground
{
	vertical-align: bottom;
}

.RewardLevel.Ellipsis #ItemContainer
{
	height: fit-children;
	width: 280px;
	vertical-align: bottom;
	margin-bottom: 24px;
	horizontal-align: center;
	flow-children: down;
	overflow: squish;
	z-index: 2;
}

.RewardLevel.Ellipsis #ItemContainer > Label
{
	text-align: center;
	horizontal-align: center;
	text-shadow: 1px 1px 0px black;
}

.RewardLevel.Ellipsis .EllipsisTitle
{
	text-transform: uppercase;
	color: white;
	font-size: 20px;
	margin-bottom: 4px;
}

.RewardLevel.Ellipsis .EllipsisDescription
{
	font-size: 16px;
	color: #9CBBB3;
}

.EconItemModelReward
{
	horizontal-align: center;
	vertical-align: bottom;
	width: 100%;
	height: 100%;
	padding-bottom: rewardLineBottomMargin;
}

.EconItemModelReward.itemdef_17688
{
	overflow: noclip;
}

.EconItemModelReward.itemdef_17688 #EconItemModelPreview
{
	horizontal-align: center;
	opacity-mask: none;
	opacity-brush: gradient( linear, 0% 0%, 100% 0%, from( #fff ), color-stop( 0.95, #fff ), to( #0000 ) );
}

.EconItemModelReward #EconItemModelPreview
{
	width: 200px;
	height: 320px;
	transform: translateX(0px) translateY(0px);
	opacity-mask: url("s2r://panorama/images/masks/softedge_box_png.vtex");
	z-index: 2;
}

#EmptyItemHitTest
{
	vertical-align: bottom;
	width: 100%;
	height: 270px;
	horizontal-align: center;
	tooltip-position: top;
	tooltip-body-position: 50% 50%;
}

.EconItemRewardVideo
{
	tooltip-position: top;
	tooltip-body-position: 50% 50%;
}

.RewardLevel.NoRewardType #EmptyItemHitTest
{
	width: 36px;
}

.EconItemModelReward #EconItemModelHitTest
{
	width: 160px;
	height: 228px;
	vertical-align: bottom;
	horizontal-align: center;
	tooltip-position: top;
	tooltip-body-position: 50% 50%;
}

.EconItemModelReward .RewardLineModelRef
{
	transform: scaleY(-1.0) scaleX(1.0) translateY(60px) translateX(4px);
	pre-transform-scale2d: 2.25;
	blur: gaussian(2px);
	wash-color: #fff;
	brightness: 0.5;
}

.EconItemModelReward .RewardLineModelShadow
{
	transform: rotateZ(5deg) rotateX(65deg) translateY(-10px) translateZ(-175px) translateX(24px);
	pre-transform-scale2d: 5;
}

.EconItemReward
{
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 0px;
	margin-left: 10px;
	height: 200px;
	padding-bottom: 16px;
}

.EconItemReward > Label
{
	horizontal-align: right;
	vertical-align: bottom;
	margin-right: 11px;
	margin-bottom: 7px;
	font-size: 24px;
	color: white;
	font-weight: bold;
	text-shadow: 1px 1px 0px black;
	visibility: collapse;
}

.EconItemReward.ShowQuantity > Label
{
	visibility: visible;
}

.EconItemReward .GrantIfNotOwnedInfo
{
	width: 22px;
	height: 22px;
	padding: 2px;
	background-size: 20px 20px;
	background-position: 0px 1px;
	horizontal-align: right;
	margin-right: 10px;
	margin-bottom: 43px;
	vertical-align: bottom;
	tooltip-position: top;
	tooltip-body-position: 50% 50%;
	wash-color: white;
	background-color: black;
	border-radius: 50%;
	visibility: collapse;
}

.EconItemReward.ShowGrantIfNotOwned .GrantIfNotOwnedInfo
{
	visibility: visible;
}

.EmoticonReward
{
	width: 50px;
	height: 50px;
	margin: 0 6px;
	overflow: noclip;
}

.EmoticonReward .RewardLineIcon
{
	texture-sampling: point;
	width: 50px;
	height: 50px;
	opacity-mask: none;
	border: 1px solid transparent;
	z-index: 2;
}

.EmoticonReward .RewardLineIconShadow
{
	height: 18px;
	width: 30px;
	pre-transform-scale2d: 2;
	background-color: none;
	border: 0px solid transparent;
	opacity-mask: none;
	z-index: 1;
	margin-bottom: 0;
	margin-top: 0;
	wash-color: black;
	transform: translateX(20px) translateY(15px) skew(-12deg);
	blur: gaussian(2px);
	padding: 2px;
	opacity: .6;
	vertical-align: middle;
}

.EmoticonReward .RewardLineIconRef
{
	height: 23px;
	background-color: none;
	pre-transform-scale2d: 4;
	margin-left: 0px;
	margin-bottom: 50px;
	blur: gaussian(3px);
	opacity: 0.5;
	border: 1px solid transparent;
	z-index: 1;
	visibility: collapse;
}

.RewardLevel.OtherRewardType #ItemContainer > Image,.RewardLevel.AbilityEffectRewardType #ItemContainer > Image
{
	horizontal-align: center;
	width: 140px;
	height: 140px;
	vertical-align: bottom;
	margin-bottom: 38px;
	tooltip-position: top;
	tooltip-body-position: 50% 50%;
}

.ChatWheelReward
{
	width: fill-parent-flow(1);
	vertical-align: bottom;
}

.SprayRewardType .ChatWheelReward
{
	margin-bottom: 32px;
}

.SprayRewardType #ChatWheelMessages
{
	horizontal-align: center;
}

.ChatWheelMessage
{
	flow-children: right;
	height: 22px;
}

.ChatWheelMessage.ChatWheelMessageIsSpray
{
	height: 200px;
	width: 200px;
	padding-left: 10px;
	padding-right: 10px;
}

.ChatWheelMessageIcon
{
	width: 20px;
	height: 20px;
	background-image: url("s2r://panorama/images/control_icons/chat_wheel_icon_png.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	wash-color: #FA98E8;
}

#SprayWheelImageContainer
{
	width: 200px;
	height: 200px;
	margin-top: 30px;
	perspective: 5000px;
	perspective-origin: 1250px 0;
	tooltip-position: top;
	tooltip-body-position: 50% 50%;
	visibility: collapse;
}

.ChatWheelMessage.ChatWheelMessageIsSpray #SprayWheelImageContainer
{
	visibility: visible;
}

#SprayWheelImageContainer:hover .SprayWheelImage
{
	brightness: 1;
}

.SprayWheelImage
{
	width: 150px;
	height: 150px;
	z-index: 1;
	transition-property: transform;
	transition-duration: .21s;
	transform: rotateX(45deg) translateX(12px) translateY(12px);
	transform-origin: 0% 100%;
}

.ChatWheelMessage.ChatWheelMessageIsSpray:hover .SprayWheelImage:not(.SprayShadow)
{
	transform: rotateX( 0.01deg ) translateX(12px) translateY(12px);
}

.ChatWheelMessage.ChatWheelMessageIsSpray:hover .SprayWheelImage.SprayShadow
{
	transform: rotateX(55deg) translateX(12px) translateY(14px) translateZ(-12px);
}

.SprayWheelImage.SprayShadow
{
	transform: rotateX(55deg) translateX(12px) translateY(12px) translateZ(-12px);
	wash-color: black;
	blur: gaussian(6px);
	z-index: 0;
	opacity: .6;
}

.ChatWheelMessageIsSpray .ChatWheelMessageIcon
{
	visibility: collapse;
}

.ChatWheelMessageAll
{
	visibility: collapse;
}

.ChatWheelMessage.ChatWheelMessageSendToAll .ChatWheelMessageAll
{
	visibility: visible;
}

#ChatWheelMessageSoundButton
{
	width: 16px;
	height: 16px;
	background-image: url("s2r://panorama/images/hud/reborn/icon_scoreboard_mute_sound_psd.vtex");
	background-repeat: no-repeat;
	background-size: contain;
	visibility: collapse;
}

.ChatWheelMessageIsSpray #ChatWheelMessageSoundButton
{
	margin-top: 54px;
	width: 30px;
	height: 30px;
}

.ChatWheelMessage.ChatWheelMessageHasSound:not(.ChatWheelMessageIsSpray) #ChatWheelMessageSoundButton
{
	visibility: visible;
}

#ChatWheelMessageSoundButton:hover
{
	brightness: 2.0;
}

#ChatWheelMessageSoundButton:active
{
	brightness: 1.5;
}

.ChatWheelMessage > Label
{
	font-size: 16px;
	color: white;
	margin-left: 4px;
	text-shadow: 1px 1px 2px 2 black;
	text-overflow: ellipsis;
}

.ActionListReward
{
	width: 220px;
	flow-children: down;
	padding: 6px 6px;
	border-radius: 8px;
	vertical-align: bottom;
	horizontal-align: center;
	margin-bottom: 64px;
	margin-left: 8px;
	transform: translateX(-3px) translateY(20px);
	background-color: gradient( linear, 0% 0%, 0% 140%, from( #b9e2dc3d ), color-stop( 0.1, #77ADA422 ), color-stop( 0.3, #aae2d924 ), color-stop( 0.5, #c7ece652 ), color-stop( 0.6, #aae2d924 ),to( #77ADA405 ) );
	border: 1px solid white;
	border-brush: gradient( linear, 0% 0%, 15% 150%, from( #77ADA422 ), color-stop( 0.3, #aae2d934 ), color-stop( 0.5, #ebfffcab ), color-stop( 0.6, #aae2d934 ),to( #77ADA411 ) );
	box-shadow: 2px 2px 4px #0002;
}

.ActionListRewardHeader
{
	horizontal-align: center;
	flow-children: right;
	margin-bottom: 6px;
	margin-top: -2px;
	width: 100%;
}

.ActionListIcon
{
	width: 24px;
	height: 24px;
	wash-color: #C2DCD9;
	background-image: url("s2r://panorama/images/control_icons/random_dice_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.ActionListInfoIcon
{
	margin: 0px 0px 0px 4px;
	tooltip-position: top;
	tooltip-body-position: 50% 50%;
	wash-color: #C2DCD9;
}

.ActionListTitle
{
	font-size: 14px;
	text-transform: uppercase;
	vertical-align: middle;
	margin-left: 2px;
	color: #C2DCD9;
}

#ActionListItems
{
	horizontal-align: center;
	flow-children: right-wrap;
	width: 100%;
	border-radius: 4px;
	padding: 6px;
	border: 1px solid white;
	border-brush: gradient( linear, 0% 0%, 15% 150%, from( #77ADA422 ), color-stop( 0.3, #aae2d934 ), color-stop( 0.5, #ebfffcab ), color-stop( 0.6, #aae2d934 ),to( #77ADA411 ) );
	box-shadow: 2px 2px 4px #0002;
}

.ActionListItem.AlreadyReceived #RewardContainer .RewardLineIcon
{
	saturation: 0.2;
	brightness: 0.2;
}

.ActionListItemClaimedIcon
{
	wash-color: winnerGreen;
	width: 24px;
	height: 24px;
	vertical-align: top;
	horizontal-align: right;
	background-image: url("s2r://panorama/images/control_icons/check_png.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	pre-transform-scale2d: .75;
	visibility: collapse;
}

.ActionListItem.AlreadyReceived .ActionListItemClaimedIcon
{
	visibility: visible;
}

.ActionListRewardType.ChatWheelRewardType #ActionListItems
{
	width: 100%;
	flow-children: down;
}

.ActionListRewardType.ChatWheelRewardType .ActionListItem
{
	width: 100%;
}

.ActionListRewardType.ChatWheelRewardType .ActionListItem #RewardContainer
{
	width: 100%;
}

.ActionListRewardType.ChatWheelRewardType .ActionListItemClaimedIcon
{
	horizontal-align: right;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	transform: translateY( -2px );
}

.RewardLineModelShadow
{
	width: 50px;
	height: 50px;
	wash-color: black;
	blur: gaussian(1px);
	margin-bottom: 60px;
	z-index: 2;
	transform: rotateX(75deg) translateY(10px) translateZ(-75px) translateX(-14px);
	pre-transform-scale2d: 4;
	vertical-align: bottom;
	horizontal-align: center;
}

.RewardLineModelShadow.HeroModel
{
	transform: rotateZ(5deg) rotateX(75deg) translateY(14px) translateZ(-175px) translateX(24px);
	pre-transform-scale2d: 5;
}

#EconModelGroundPlaneContainer
{
	horizontal-align: center;
	vertical-align: bottom;
	width: 100%;
	height: 128px;
	opacity-mask: url("s2r://panorama/images/masks/rewardline_ground_plane_psd.vtex");
}

.RewardLevel.MultipleRewards #EconModelGroundPlaneContainer
{
	opacity-mask: url("s2r://panorama/images/masks/rewardline_ground_plane_multiple_psd.vtex");
}

.RewardLineModelRef
{
	width: 90px;
	height: 90px;
	transform: scaleY(-1.95) scaleX(0.95) translateY(14px) translateX(-14px);
	pre-transform-scale2d: 2.25;
	vertical-align: bottom;
	horizontal-align: center;
	margin-bottom: 14px;
	z-index: 1;
	wash-color: #999;
}

.RewardLineModelRef.HeroModel
{
	transform: scaleY(-1.2) scaleX(1.0) translateY(60px) translateX(16px);
	pre-transform-scale2d: 4.5;
	blur: gaussian(2px);
	wash-color: #fff;
	brightness: 1;
}

.RewardLineIconShadow
{
	background-color: gradient( radial, 50% 50%, 0% 0%, 50% 50%, color-stop(0.0, #000c ), color-stop(0.3, #000a ), color-stop(0.6, #0005 ), color-stop(1, #0000 ) );
	height: 20px;
	width: 150px;
	vertical-align: bottom;
	margin-bottom: 34px;
}

.PingWheelReward
{
	vertical-align: bottom;
	horizontal-align: center;
	margin-bottom: 4px;
	margin-left: 12px;
	opacity: 2;
	tooltip-position: top;
	tooltip-body-position: 50% 50%;
}

.PingWheelReward #PingPreview
{
	width: 190px;
	height: 190px;
}

#Level1 #ItemContainer
{
	flow-children: right;
}

#Level1 #ItemContainer .EconItemReward
{
	margin-left: 30px;
}

#Level1 #ItemContainer .EconItemModelReward
{
	width: 200px;
	margin-right: -50px;
}

#Level1 #ItemContainer .EconItemModelReward.itemdef_18850
{
	margin-right: -70px;
	margin-left: 30px;
}

#Level1 #ItemContainer .EconItemModelReward.itemdef_19009
{
	margin-right: -50px;
	margin-left: 10px;
}

.RewardLevel.AbilityEffectRewardType DOTAScenePanel
{
	width: 100px;
	height: 100px;
	vertical-align: bottom;
	horizontal-align: center;
	margin-bottom: 64px;
}

.RewardLevel.ImportantLevel2
{
	width: 290px;
	padding-right: 40px;
	margin-bottom: 1px;
}

.ImportantLevel2 .LevelLabel
{
	font-size: 42px;
	margin-right: 32px;
	margin-bottom: 44px;
	z-index: 3;
	color: gradient( linear, 0% 35%, 0% 100%, from( #acaeb1 ), to( #6D737F ) );
}

.Achieved.ImportantLevel2 .LevelLabel
{
	color: white;
}

.ImportantLevel2 .RewardLineBackgroundContainer
{
	transform: skew(-13deg) translateX(35px) translateY(1px);
}

.RewardLevel.ImportantLevel2 .RewardLineBackground
{
	width: 100%;
	height: 250px;
	vertical-align: bottom;
	background-image: url("s2r://panorama/images/battlepass/spring2021/rewardline_levelbg_large_psd.vtex");
	background-size: 100%;
	background-repeat: no-repeat;
}

.RewardLevel.ImportantLevel2 #LevelProgress
{
	width: 100%;
	margin-left: 0px;
}

.ImportantLevel2.RewardLevel:not(.Achieved) .RewardLineBackground
{
	wash-color: #6886b374;
	brightness: 0.45;
	contrast: 1;
}

.ImportantLevel2 .EconItemModelReward
{
	overflow: noclip;
	padding: 0;
}

.ImportantLevel2 .EconItemReward,.ImportantLevel2 .itemdef_18955
{
	overflow: clip;
}

.ImportantLevel2 .EconItemModelReward #EconItemModelHitTest
{
	width: 210px;
	height: 345px;
}

.RewardLevel.ImportantLevel2 .EconItemModelReward #EconItemModelPreview
{
	width: 300px;
	height: 500px;
	vertical-align: bottom;
	transform: translateX(00px) translateY(60px);
	opacity-mask: none;
}

.RewardLevel.ImportantLevel2 .EconItemModelReward #EconItemModelRef
{
	visibility: collapse;
}

.RewardLevel.ImportantLevel2 .EconItemModelReward #EconItemModelShadow
{
	width: 50px;
	height: 80px;
	transform: translateY(-30px) translateZ(0px) translateX(32px) skew(-12deg);
	pre-transform-scale2d: 5;
	blur: gaussian(1px);
	opacity: 0.65;
	brightness: 1;
	opacity-mask: none;
}

.ImportantLevel2 #EconModelGroundPlaneContainer
{
	width: 260px;
	height: 258px;
	margin-bottom: 34px;
	transform: skew(-5deg);
	margin-left: -5px;
	opacity-mask: none;
}

.CustomDavionItems
{
	height: 200px;
	width: 190px;
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 82px;
	opacity-brush: gradient( linear, 0% 0%, 0% 100%, from( #fff ), color-stop( 0.8, #fff),color-stop( 0.9, #555), to( #f000 ) );
}

#Scene_DavionArmor
{
	margin-bottom: 102px;
	opacity-brush: gradient( linear, 0% 0%, 0% 100%, from( #fff0 ), color-stop( 0.05, #fff), color-stop( 0.7, #aaa),color-stop( 0.9, #555), to( #f000 ) );
}

#Scene_DavionHelmet
{
	width: 170px;
	opacity-mask: url("s2r://panorama/images/masks/rewardline_custom_davionhelm_psd.vtex");
	opacity-brush: white;
	margin-left: 10px;
}

#Scene_DavionSword
{
	z-index: 1;
	margin-bottom: 62px;
	opacity-brush: white;
}

#Scene_HighFive
{
	width: 200px;
	height: 200px;
	horizontal-align: center;
	opacity-brush: gradient( radial, 50% 50%, 0% 0%, 50% 50%, color-stop(0.0, #fff ), color-stop(0.8, #fffa ), color-stop(0.9, #fff5 ), color-stop(1, #0000 ) );
}

.EconItemRewardVideo
{
	width: 100%;
	height: 100%;
	height: 200px;
	vertical-align: bottom;
}

#ItemVideo
{
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 5px;
	margin-left: 1px;
	width: 225px;
	height: 121px;
	opacity-brush: gradient( linear, 12% -34%, 100% 0%, from( #0000 ), color-stop( 0.1, #0000),color-stop( 0.11, #fff), color-stop( 0.99, #fff), to( #ffffff00 ) );
}

#ItemImage
{
	vertical-align: top;
	width: 70px;
	horizontal-align: center;
	margin-right: 102px;
	margin-top: 30px;
}