@layer old,common,page,component,overrides;@layer component{._card_1w5kx_4{grid-row-gap:8px;grid-column-gap:16px;-moz-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:[images-start] clamp(150px,calc(50% - 8px),300px) [images-end info-row-start author-start header-start content-start] 1fr [info-row-end author-end header-end content-end];grid-template-rows:[images-start info-row-start] auto [info-row-end header-start] auto [header-end content-start] auto [content-end images-end];row-gap:8px}._card_1w5kx_4[\:has\(\.user-info\)]{grid-template-rows:[images-start info-row-start] auto [info-row-end author-start] auto [author-end header-start] auto [header-end content-start] auto [content-end images-end]}@container (width <= 500px){._card_1w5kx_4[\:has\(\.user-info\)]{grid-template-rows:[images-start] auto [images-end info-row-start] auto [info-row-end author-start] auto [author-end header-start] auto [header-end content-start] auto [content-end]}}._card_1w5kx_4:has(._user-info_1w5kx_11){grid-template-rows:[images-start info-row-start] auto [info-row-end author-start] auto [author-end header-start] auto [header-end content-start] auto [content-end images-end]}@container (width <= 500px){._card_1w5kx_4[\:has\(\.user-info\)]{grid-template-rows:[images-start] auto [images-end info-row-start] auto [info-row-end author-start] auto [author-end header-start] auto [header-end content-start] auto [content-end]}._card_1w5kx_4:has(._user-info_1w5kx_11){grid-template-rows:[images-start] auto [images-end info-row-start] auto [info-row-end author-start] auto [author-end header-start] auto [header-end content-start] auto [content-end]}}._card--with-background_1w5kx_1{background:var(--v9-color-card-bg);border:1px solid var(--v9-border-card);border-radius:8px;grid-template-columns:[images-start] clamp(150px,50%,344px) [images-end info-row-start author-start header-start content-start] 1fr [info-row-end author-end header-end content-end];padding:8px 8px 8px 0}._card--with-background_1w5kx_1 ._game-images_1w5kx_28{margin-left:-1px;margin-top:-8px}@container (width <= 500px){._card--with-background_1w5kx_1{padding:0 8px 8px}._card--with-background_1w5kx_1 ._game-images_1w5kx_28{margin-top:-1px;margin-inline:-8px}}@media (hover:hover){._card_1w5kx_4[\:has\(\.game-images\:hover\)] ._game-images_1w5kx_28:after,._card_1w5kx_4[\:has\(\.title\:hover\)] ._game-images_1w5kx_28:after{box-shadow:inset 0 0 0 2px var(--v9-color-text-body)}._card_1w5kx_4:has(._game-images_1w5kx_28:hover) ._game-images_1w5kx_28:after,._card_1w5kx_4:has(._title_1w5kx_45:hover) ._game-images_1w5kx_28:after{box-shadow:inset 0 0 0 2px var(--v9-color-text-body)}._card_1w5kx_4[\:has\(\.game-images\:hover\)] ._title_1w5kx_45,._card_1w5kx_4[\:has\(\.title\:hover\)] ._title_1w5kx_45{color:var(--brand-red)}._card_1w5kx_4:has(._game-images_1w5kx_28:hover) ._title_1w5kx_45,._card_1w5kx_4:has(._title_1w5kx_45:hover) ._title_1w5kx_45{color:var(--brand-red)}}@container (width <= 500px){._card_1w5kx_4{grid-template-columns:[images-start info-row-start author-start header-start content-start] 1fr [images-end info-row-end author-end header-end content-end];grid-template-rows:[images-start] auto [images-end info-row-start] auto [info-row-end header-start] auto [header-end content-start] auto [content-end]}}._game-images_1w5kx_28{border-radius:8px;container-type:inline-size;display:grid;grid-area:images;grid-template-columns:repeat(4,15%) 40%;height:-moz-min-content;height:min-content;overflow:clip;position:relative}._game-images_1w5kx_28:after{border-radius:8px;box-shadow:inset 0 0 0 0 var(--v9-border-card);content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:box-shadow .3s ease-in-out;width:100%;z-index:5}@container content-container (width <= 500px){._game-images_1w5kx_28{grid-template-columns:126px repeat(4,calc(25% - 31.5px));height:126px}._game-images_1w5kx_28 ._game-image_1w5kx_28{box-shadow:0 3px 15px #00000061;justify-self:end;order:var(--inverse-order);width:126px;z-index:calc(5 - var(--inverse-order))}._game-images_1w5kx_28 ._game-image_1w5kx_28:last-child{justify-self:start}}._game-image_1w5kx_28{--inverse-order:0;aspect-ratio:1/1;background:var(--backdrop-image);background-size:239px 150px;border-radius:8px;box-shadow:0 -3px 15px #00000061;display:flex;overflow:hidden;position:relative;width:40cqw}._game-image_1w5kx_28:after{border-radius:8px;box-shadow:inset 0 0 0 1px var(--v9-border-card);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}._game-image_1w5kx_28[\:has\(img\)]:after{box-shadow:inset 0 0 0 1px var(--v9-color-dark-border-card)}._game-image_1w5kx_28:has(img):after{box-shadow:inset 0 0 0 1px var(--v9-color-dark-border-card)}._game-image_1w5kx_28 img{height:100%;width:100%}._status-info_1w5kx_159{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex;grid-area:info-row;justify-content:space-between}._status-info--left_1w5kx_1{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex}._status-info--left_1w5kx_1>*{align-items:center;color:var(--v9-color-text-gray);-moz-column-gap:4px;column-gap:4px;display:flex;text-decoration:none}._status-info--left_1w5kx_1>* svg{height:24px;width:24px}@media (hover:hover){._status-info--left_1w5kx_1>:is(a,button):hover{color:var(--brand-red)}}._bookmark_1w5kx_193{--button-width:20px;--button-padding:0;--bookmark-fill:transparent;color:var(--v9-color-text-gray)}._bookmark--active_1w5kx_1{--bookmark-fill:var(--brand-red)}._bookmark_1w5kx_193 svg{height:20px;width:20px}@media (hover:hover){._bookmark_1w5kx_193:hover{color:var(--brand-red)}}._user-info_1w5kx_11{grid-area:author}._title_1w5kx_45{--line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp);color:rgb(var(--v9-color-text-header));display:-webkit-box;font-family:Rubik,sans-serif;font-size:16px;font-weight:500;grid-area:header;line-height:24px;overflow:hidden;text-decoration:none;text-overflow:ellipsis}@container (width <= 500px){._title_1w5kx_45{--line-clamp:1}}._content_1w5kx_243{--line-clamp:3;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp);color:var(--v9-color-text-gray);display:-webkit-box;grid-area:content;margin-top:-4px;overflow:hidden;text-overflow:ellipsis}@container (width <= 500px){._content_1w5kx_243{--line-clamp:2}}}
/*# sourceMappingURL=game-compilation-card.css.map */