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

.MonsterHunterCell
{
	background-color: gradient( linear, 0% 0%, 0% 90%, from( #5070ba ), color-stop( 0.5, #3e3b53 ), to( #1F1C1A ) );
	overflow: clip;
}

.MonsterHunterCell:hover .CellBorder
{
	opacity: 0.08;
}

.MonsterHunterCell:hover .MonsterHunterScene
{
	brightness: 1.3;
	pre-transform-scale2d: 1.03;
}

.MonsterHunterCell .MonsterHunterScene
{
	width: 120%;
	height: 120%;
	horizontal-align: center;
	vertical-align: center;
	overflow: noclip;
	opacity-brush: gradient( linear, 0% 50%, 0% 100%, from( #ffffff ), color-stop( 0.5, #ffffff3c ), to( #ffffff03 ) );
	opacity: 0;
	transition-property: opacity, pre-transform-scale2d, brightness;
	transition-duration: 0.5s, 0.2s;
}

.MonsterHunterCell .MonsterHunterScene.Initialize
{
	opacity: 1;
}

.MonsterHunterCell .MonsterHunterLogo
{
	horizontal-align: center;
	width: 190px;
	margin-top: -8px;
	overflow: clip;
}

.MonsterHunterCell .CellContent
{
	flow-children: down;
	vertical-align: bottom;
	width: 100%;
}

.MonsterHunterCell .CellContent .EventDescription
{
	width: 100%;
	text-align: center;
	color: rgba(255, 248, 233, 0.87);
	text-shadow: 0px 2px 12px black;
	margin: 12px;
	font-size: 15px;
}

.MonsterHunterCell .CellContent .ProgressAvailableBadge
{
	color: TextColorLightest;
	horizontal-align: center;
	vertical-align: bottom;
	padding: 5px 4px 6px;
	width: 100%;
	margin-top: -4px;
	font-weight: semi-bold;
	text-align: center;
	color: white;
	text-shadow: 0px 0px 12px rgba(255, 208, 142, 0.76);
	background-color: gradient( linear, 0% 0%, 100% 0%, from( rgba(0, 0, 0, 0) ), color-stop( 0.3, rgba(177, 137, 72, 0.5) ), color-stop( 0.5, rgba(177, 137, 72, 0.7) ), color-stop( 0.7, rgba(177, 137, 72, 0.5) ), to( rgba(0, 0, 0, 0) ) );
	border-left: 0px;
	border-right: 0px;
	border: 1px solid rgba(255, 229, 194, 0.3);
	border-brush: gradient( linear, 0% 0%, 100% 0%, from( rgba(255, 255, 255, 0) ), color-stop( 0.2, rgb(255, 255, 255) ), color-stop( 0.8, rgb(255, 255, 255) ), to( rgba(255, 255, 255, 0) ) );
	animation-name: ProgressAvailableAnimation;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

.MonsterHunterCell .CellContent .HolidayMaterialsAvailableBadge
{
	color: TextColorLightest;
	horizontal-align: center;
	vertical-align: bottom;
	padding: 5px 4px 6px;
	width: 100%;
	margin-top: -4px;
	font-weight: semi-bold;
	text-align: center;
	color: white;
	text-shadow: 0px 0px 12px rgba(255, 208, 142, 0.76);
	background-color: gradient( linear, 0% 0%, 100% 0%, from( rgba(0, 0, 0, 0) ), color-stop( 0.3, rgba(177, 137, 72, 0.5) ), color-stop( 0.5, rgba(177, 137, 72, 0.7) ), color-stop( 0.7, rgba(177, 137, 72, 0.5) ), to( rgba(0, 0, 0, 0) ) );
	border-left: 0px;
	border-right: 0px;
	border: 1px solid rgba(255, 229, 194, 0.3);
	border-brush: gradient( linear, 0% 0%, 100% 0%, from( rgba(255, 255, 255, 0) ), color-stop( 0.2, rgb(255, 255, 255) ), color-stop( 0.8, rgb(255, 255, 255) ), to( rgba(255, 255, 255, 0) ) );
	animation-name: ProgressAvailableAnimation;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

.MonsterHunterCell .CellBorder
{
	ignore-parent-flow: true;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 238, 205, 1);
	opacity: 0.04;
	transition-property: opacity;
	transition-duration: 0.1s;
}

.ProgressAvailableBadge
{
	visibility: collapse;
}

.MonsterHunterCell.ProgressAvailable .ProgressAvailableBadge
{
	visibility: visible;
}

.HolidayMaterialsAvailableBadge
{
	visibility: collapse;
}

.MonsterHunterCell.HolidayMaterialsAvailable .HolidayMaterialsAvailableBadge
{
	visibility: visible;
}

.MonsterHunterCell.HolidayMaterialsAvailable.ProgressAvailable .ProgressAvailableBadge
{
	visibility: collapse;
}

@keyframes 'ProgressAvailableAnimation'
{
	0%
	{
		brightness: 1;
	}
	
	100%
	{
		brightness: 2;
	}
	
}