@layer old,common,page,component,overrides;

@layer component {
	._card_138aj_4 {
		--content-fold-height: 130px;
		display: flex;
		flex-direction: column;
		row-gap: 12px;
	}

	._card_138aj_4 footer,._card_138aj_4 header {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}@	container (width <= 500px) {
		._card_138aj_4{--content-fold-height: 225px;
	}
}

._header_138aj_28 {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

._user-info_138aj_34 {
	align-items: center;
	-moz-column-gap: 16px;
	column-gap: 16px;
	display: flex;
	max-width: calc(100% - 110px);
}

._stars_138aj_41 {
	--star-size: 18px;
	color: var(--v9-color-d3-l4);
	-moz-column-gap: 8px;
	column-gap: 8px;
	display: flex;
	position: relative;
}

._stars_138aj_41 svg {
	height: var(--star-size);
	width: var(--star-size);
}

._stars--filled_138aj_1 {
	-moz-column-gap: 8px;
	column-gap: 8px;
	display: flex;
	position: absolute;
}

._stars_138aj_41 ._half-star_138aj_60 {
	width: calc(var(--star-size)/2);
}

._game-info_138aj_65 {
	grid-row-gap: 16px;
	grid-column-gap: 16px;
	-moz-column-gap: 16px;
	column-gap: 16px;
	display: grid;
	grid-template-columns: [image-start] 80px [image-end title-start stars-start] 1fr [stars-end title-end];
	grid-template-rows: [image-start title-start] auto [title-end stars-start] 1fr [stars-end image-end];
	height: 80px;
	row-gap: 16px;
	text-decoration: none;
}

._game-info__image_138aj_114 {
	background: var(--backdrop-image);
	background-size: 239px 150px;
	border: 1px solid var(--v9-border-card);
	border-radius: 4px;
	grid-area: image;
	overflow: clip;
}

._game-info__image_138aj_114 img {
	display: block;
	transition: transform .3s ease-in-out;
}

._game-info__title_138aj_120 {
	--line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--line-clamp);
	color: var(--v9-color-text-header);
	display: -webkit-box;
	font-family: Rubik,sans-serif;
	font-size: 18px;
	font-weight: 500;
	grid-area: title;
	line-height: 27px;
	overflow: clip;
}

._game-info_138aj_65 ._stars_138aj_41 {
	grid-area: stars;
}

@media (hover:hover) {
	._game-info_138aj_65:hover ._game-info__image_138aj_114 img {
		transform: scale(1.1);
	}

	._game-info_138aj_65:hover ._game-info__title_138aj_120 {
		color: var(--brand-red);
	}
}

._content_138aj_127 {
	max-height: var(--content-fold-height);
	overflow: clip;
	position: relative;
}

._content_138aj_127[expanded] {
	max-height: none;
}

._content_138aj_127:not([expanded]):after {
	background: linear-gradient(color-mix(in srgb,var(--v9-color-page-bg) 1%,transparent),var(--v9-color-page-bg));
	bottom: 0;
	content: "";
	height: 50px;
	inset-inline: 0;
	pointer-events: none;
	position: absolute;
}

._title_138aj_152 {
	color: var(--v9-color-text-header);
	font-family: Rubik,sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	text-decoration: none;
}

@container (width >= 500px) {
	._title--big_138aj_1 {
		font-size: 24px;
		line-height: 36px;
	}
}

@media (hover:hover) {
	._title_138aj_152:hover {
		color: var(--brand-red);
	}
}

._text_138aj_174 {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

._plus-minus_138aj_180 {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

._plus-minus--minus_138aj_1,._plus-minus--plus_138aj_1 {
	-moz-column-gap: 8px;
	column-gap: 8px;
	display: flex;
}

._plus-minus--minus_138aj_1 svg,._plus-minus--plus_138aj_1 svg {
	flex-shrink: 0;
	height: 24px;
	margin-top: 1px;
	width: 24px;
}

._plus-minus--plus_138aj_1 svg {
	color: var(--green);
}

._plus-minus--minus_138aj_1 svg {
	color: var(--brand-red);
}

._read-more_138aj_212 {
	--button-fg: var(--v9-color-text-gray);
	--button-fg--hover: var(--brand-red);
	align-self: start;
	background: transparent;
	border: none;
}

._read-more_138aj_212 svg {
	transform: rotate(180deg);
}

[expanded]+._read-more_138aj_212 svg {
	transform: rotate(0);
}

._info-right_138aj_231 {
	align-items: center;
	-moz-column-gap: 16px;
	column-gap: 16px;
	display: flex;
}

._icon-button_138aj_237 {
	display: flex;
}

._icon-button_138aj_237 svg {
	height: 24px;
	width: 24px;
}

._date_138aj_246 {
	color: var(--v9-color-text-min-vis);
}

._comments-button_138aj_251,._icon-button_138aj_237 {
	all: unset;
	align-items: center;
	color: var(--v9-color-text-gray);
	-moz-column-gap: 4px;
	column-gap: 4px;
	cursor: pointer;
	display: flex;
}

._comments-button_138aj_251 svg,._icon-button_138aj_237 svg {
	height: 24px;
	width: 24px;
}

@container (width <= 500px) {
	._comments-button_138aj_251 ._hide-on-mobile_138aj_267,._icon-button_138aj_237 ._hide-on-mobile_138aj_267 {
		display: none;
	}
}

@media (hover:hover) {
	._comments-button_138aj_251:hover,._icon-button_138aj_237:hover {
		color: var(--brand-red);
	}
}

._new-comments_138aj_280 {
	color: var(--green);
}}
/*# sourceMappingURL=user-review-card.css.map */