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

.PopupPanel
{
	width: 100%;
	height: 100%;
	background-color: #0008;
	border: 0px solid transparent;
	flow-children: none;
	padding: 0px;
}

.PopupWindow
{
	width: 908px;
	height: 908px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #272d2eee ), to( #131617ee ) );
	border: 1px solid #5e6869;
	padding: 0px;
	overflow: clip;
	flow-children: none;
	background-image: url("s2r://panorama/images/splash_ads/ti7_kunkka_prestige_psd.vtex");
	horizontal-align: center;
	vertical-align: middle;
}

#SharkClick,#SharkScene
{
	width: 100%;
	height: 100%;
}

#SharkClick.HideShark
{
	visibility: collapse;
}

.CloseButton
{
	horizontal-align: right;
	width: 30px;
	height: 30px;
	background-size: 60%;
	background-color: #444;
	margin-top: 8px;
	margin-right: 8px;
}

.OverlayText
{
	flow-children: down;
	text-align: center;
	horizontal-align: center;
}

#CenterText
{
	horizontal-align: center;
	flow-children: right;
	height: 32px;
	margin-bottom: 4px;
}

#SplashImage:hover
{
	brightness: 1.4;
}

#IoArcanaScene
{
	width: 600px;
	height: 600px;
	horizontal-align: center;
	margin-top: 260px;
	opacity-mask: url("s2r://panorama/images/masks/softedge_circle_sharper_png.vtex");
}

#Contents
{
	width: 908px;
	flow-children: down;
}

#LowerContents
{
	width: 908px;
	height: 170px;
	vertical-align: bottom;
	flow-children: down;
}

#Title
{
	width: 100%;
	text-align: center;
	horizontal-align: center;
	margin-top: 20px;
	font-size: 48px;
	text-transform: uppercase;
	text-shadow: 0px 3px 4px #000000;
	letter-spacing: 6px;
	text-overflow: shrink;
	font-weight: semi-bold;
	color: gradient( linear, 0% 0%, 0% 100%, from( #fff7e8 ), to( #9e8364 ) );
}

#SubTitle
{
	width: 100%;
	text-align: center;
	horizontal-align: center;
	color: #cac8c7;
	margin-top: 22px;
	font-size: 20px;
	text-transform: uppercase;
	text-shadow: 0px 2px 4px #000000;
	letter-spacing: 2px;
	font-weight: semi-bold;
}

#ExclusiveInfo
{
	width: 100%;
	text-align: center;
	horizontal-align: center;
	color: #808d7b;
	font-size: 16px;
	text-shadow: 0px 2px 4px #000000;
	letter-spacing: 2px;
}

#BattlePassLevel
{
	color: #37a4c3;
	horizontal-align: center;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: semi-bold;
	letter-spacing: 3px;
	vertical-align: bottom;
	margin-bottom: 0px;
}

#NowAvailable
{
	color: #37a4c3;
	horizontal-align: center;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: semi-bold;
	letter-spacing: 3px;
	margin-top: 44px;
}

#KunkkaQuest
{
	color: #cac8c7;
	horizontal-align: center;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: semi-bold;
	letter-spacing: 3px;
	vertical-align: bottom;
	margin-bottom: 44px;
}

.Buttons
{
	horizontal-align: center;
	flow-children: right;
}

.Buttons > TextButton
{
	horizontal-align: center;
	vertical-align: bottom;
	box-shadow: #00000077 0px 0px 8px 0px ;
	margin: 0px 10px;
	width: 298px;
	height: 48px;
}

#PurchaseBattlePassButton,#PurchaseLevelsButton,#ClaimButton
{
	visibility: collapse;
}

.BattlePassNotOwned #PurchaseBattlePassButton,.BattlePassNeedsUpgrade #PurchaseLevelsButton,.BattlePassClaimAvailable #ClaimButton
{
	visibility: visible;
}