.gds-shader-card {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;

	border-radius: 8px;
	background: var(--gds-shader-card-bg);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
	outline: var(--gds-shader-card-border, transparent);
}

.gds-shader-card__link,
.gds-shader-card__link:hover,
.gds-shader-card__link:focus {
	display: block;
	color: inherit;
	text-decoration: none;
    height:100%;
}

.gds-shader-card__cover {
	aspect-ratio: 3/2;
	background-size: cover;
	background-position: center;
	background-color: #e9eef4;
}

.gds-shader-card__cover--empty {
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.05),
		rgba(0, 0, 0, 0.02)
	);
}

/* Content */
.gds-shader-card__body {
	padding: 14px 16px 12px;
}

/* Smaller + tighter */
.gds-shader-card__title {
	margin: 0;
	font-size: 18px;
	line-height: 1.15;
	color: var(--global-palette1);

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.gds-shader-card__author {
	margin-top: 6px;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--global-palette5);

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Footer pinned to bottom */
.gds-shader-card__footer {
	margin-top: auto;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	padding: 10px 14px;
	background: var(--gds-shader-card-bottom);
	border-top: 1px solid
		color-mix(in srgb, var(--global-palette3) 8%, transparent);
}

.gds-shader-card__type {
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 0.04em;
	text-decoration: none;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 60%;
}
.gds-shader-card__type:hover{
  	
}

.gds-shader-card__stats {
	display: flex;
	align-items: center;
	gap: 14px;
	flex: 0 0 auto;
}

.gds-shader-card__stat {
	display: inline-flex;
	align-items: center;
	gap: 6px;

	font-weight: 800;
	font-size: 12px;
	color: var(--global-palette5);
}

.gds-shader-card__icon {
	width: 14px;
	height: 14px;
	display: block;
	flex: 0 0 auto;
	/* fill and not color, because icons are SVG */
	fill: var(--global-palette5);
	transition:
		fill 0.15s ease,
		transform 0.15s ease;
}

.gds-shader-card__like.is-liked .gds-shader-card__icon--heart {
	fill: #ff6f6f;
}

.gds-shader-card__like:not(.is-liked) .gds-shader-card__icon--heart {
	fill: var(--global-palette5);
}

.gds-shader-card__stat-num {
}

/* Shader type colors */
.gds-shader-card__type--canvas_item {
	color: var(--gds-shader-type-canvas-item);
}

.gds-shader-card__type--spatial {
	color: var(--gds-shader-type-spatial);
}

.gds-shader-card__type--sky {
	color: var(--gds-shader-type-sky);
}

.gds-shader-card__type--particles {
	color: var(--gds-shader-type-particles);
}

.gds-shader-card__type--fog {
	color: var(--gds-shader-type-fog);
}