@layer old,common,page,component,overrides;@layer component{._card_8ok36_4{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_8ok36_4:has(._user-info_8ok36_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_8ok36_4:has(._user-info_8ok36_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_8ok36_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_8ok36_1 ._game-images_8ok36_28{margin-left:-1px;margin-top:-8px}@container (width <= 500px){._card--with-background_8ok36_1{padding:0 8px 8px}._card--with-background_8ok36_1 ._game-images_8ok36_28{margin-inline:-8px;margin-top:-1px}}@media (hover:hover){._card_8ok36_4:has(._game-images_8ok36_28:hover) ._game-images_8ok36_28:after,._card_8ok36_4:has(._title_8ok36_45:hover) ._game-images_8ok36_28:after{box-shadow:inset 0 0 0 2px var(--v9-color-text-body)}._card_8ok36_4:has(._game-images_8ok36_28:hover) ._title_8ok36_45,._card_8ok36_4:has(._title_8ok36_45:hover) ._title_8ok36_45{color:var(--brand-red)}}@container (width <= 500px){._card_8ok36_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_8ok36_28{container-type:inline-size;border-radius:8px;display:grid;grid-area:images;grid-template-columns:repeat(4,15%) 40%;height:min-content;overflow:clip;position:relative}._game-images_8ok36_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_8ok36_28{grid-template-columns:126px repeat(4,calc(25% - 31.5px));height:126px}._game-images_8ok36_28 ._game-image_8ok36_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_8ok36_28 ._game-image_8ok36_28:last-child{justify-self:start}}._game-image_8ok36_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_8ok36_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_8ok36_28:has(img):after{box-shadow:inset 0 0 0 1px var(--v9-color-dark-border-card)}._game-image_8ok36_28 img{height:100%;width:100%}._status-info_8ok36_159{align-items:center;column-gap:16px;display:flex;grid-area:info-row;justify-content:space-between}._status-info--left_8ok36_1{align-items:center;column-gap:12px;display:flex}._status-info--left_8ok36_1>*{align-items:center;color:var(--v9-color-text-gray);column-gap:4px;display:flex;text-decoration:none}._status-info--left_8ok36_1>* svg{height:24px;width:24px}@media (hover:hover){._status-info--left_8ok36_1>:is(a,button):hover{color:var(--brand-red)}}._bookmark_8ok36_193{--button-width:20px;--button-padding:0;--bookmark-fill:transparent;color:var(--v9-color-text-gray)}._bookmark--active_8ok36_1{--bookmark-fill:var(--brand-red)}._bookmark_8ok36_193 svg{height:20px;width:20px}@media (hover:hover){._bookmark_8ok36_193:hover{color:var(--brand-red)}}._new-comments_8ok36_216{color:var(--green)}._user-info_8ok36_11{grid-area:author}._title_8ok36_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_8ok36_45{--line-clamp:1}}._content_8ok36_247{--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_8ok36_247{--line-clamp:2}}}
/*# sourceMappingURL=game-compilation-card.css.map */