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

@define gold1: #EFD4AC;
@define gold2: #DCB25E;
@define gold3: #977628;
.FrontPageHeroesHoardSpring2025
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #1C183F ), to( #2E3C56 ) );
}

.FrontPageHeroesHoardSpring2025:hover .CellArt
{
	brightness: 1.5;
	pre-transform-scale2d: 1.03;
}

.FrontPageHeroesHoardSpring2025:hover .CellLabel
{
	color: gradient( linear, 0% 0%, 0% 100%, from( white ), to( white ) );
}

.FrontPageHeroesHoardSpring2025:hover .CellBorder
{
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.FrontPageHeroesHoardSpring2025 .CellArt
{
	transition-property: brightness, pre-transform-scale2d;
	transition-duration: 0.2s;
	transition-timing-function: ease;
}

.FrontPageHeroesHoardSpring2025 .CellBorder
{
	ignore-parent-flow: true;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-brush: gradient( linear, 0% 0%, 50% 100%, from( #ffd1e3 ), to( #ffc5d1 ) );
	transition-property: border;
	transition-duration: 0.1s;
}

.FrontPageHeroesHoardSpring2025 .TopShadow
{
	width: 100%;
	height: 110px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( rgba(17, 11, 13, 0.8) ), color-stop(0.5, rgba(66, 31, 51, 0.8) ), to( rgba(42, 21, 27, 0) ) );
}

.FrontPageHeroesHoardSpring2025 .CellTitle
{
	horizontal-align: center;
	text-align: center;
	color: gradient(linear, 0% 65%, 0% 100%, from(#FFFFFF), color-stop(0.2, #cfd7db), to(#e1e8eb));
	font-weight: semi-bold;
	font-size: 15px;
	text-shadow: 0px 2px 12px black;
	text-overflow: shrink;
	padding: 12px 8px;
}

.FrontPageHeroesHoardSpring2025 .CellContent
{
	width: 100%;
	flow-children: down;
	padding: 8px;
	vertical-align: bottom;
}

.FrontPageHeroesHoardSpring2025 .CellContent .Description
{
	width: 100%;
	text-align: center;
	color: rgba(220, 233, 255, 0.8);
	text-shadow: 0px 2px 12px black;
	font-size: 15px;
	letter-spacing: -0.1px;
	text-overflow: shrink;
	margin-bottom: 4px;
}

.FrontPageHeroesHoardSpring2025 .CellContent .CellLabel
{
	horizontal-align: center;
	vertical-align: bottom;
	color: gradient( linear, 0% 0%, 0% 100%, from( rgb(255, 232, 217) ), to( rgb(255, 211, 183) ) );
	text-shadow: 0px 2px 10px black;
	font-weight: semi-bold;
	font-size: 14px;
	transition-property: color;
	transition-duration: 0.1s;
}