/*! * /*!-------------------------------------------------- * GOHA.RU * 2003-2025 All Rights Reserved * -------------------------------------------------- * @author Vitalii Ferraghue Kempa * @copyright GOHA.RU 2003-2025 * * GoHa.ru * * All information, intellectual and technical concepts contained * herein and remains the property of GOHA.RU, protected by Russia Copyright Law. * Dissemination of this information or reproduction of this material * is strictly forbidden unless prior written permission is obtained from GOHA.RU * -------------------------------------------------- * */.collection-game{position:relative;display:grid;grid-template-columns:auto 1fr;grid-column-gap:20px;grid-row-gap:8px;align-items:flex-start}.collection-game-grid{grid-template-columns:auto;grid-template-rows:1fr auto}.collection-game-grid .collection-game__image{width:100%;height:100%}.collection-game-grid .collection-game__image-overlay:hover{opacity:.6}.collection-game-grid .collection-game__body{grid-template-columns:1fr auto}.collection-game__rating{display:inline-flex;padding:2px 4px;border-radius:4px;font-family:Open Sans,sans-serif;font-style:normal;font-weight:700;font-size:14px;line-height:20px;background:var(--likes-secondary);color:var(--text-primary-invert)}.collection-game__rating[data-rating-level=medium]{background:var(--quote-primary)}.collection-game__rating[data-rating-level=low]{background:var(--likes-tertiary)}.collection-game__image{display:inline-flex;width:160px;height:227px;border-radius:8px;overflow:hidden;position:relative}.collection-game__image-skeleton{background-image:linear-gradient(90deg,var(--bg-primary-skeleton),var(--bg-secondary-skeleton) 30px,var(--bg-primary-skeleton) 60px);background-size:550px;animation:skeleton 1.5s infinite ease-out}.collection-game__image-skeleton .collection-game__image-img{opacity:0}.collection-game__image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;transition:var(--transition-default);background:var(--link-primary-hover);opacity:0}@media screen and (max-width:767px){.collection-game__image{width:148px;height:209px}}.collection-game__image-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-default-x2);opacity:1}.collection-game__image-rating{position:absolute;left:8px;top:8px}.collection-game__body{display:grid;grid-column-gap:8px;grid-row-gap:8px;width:100%;align-items:flex-start;font-family:Open Sans,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:24px;color:var(--text-primary)}.collection-game__body>div{width:fit-content}@media screen and (max-width:767px){.collection-game__body>div{width:100%}}.collection-game__body a{display:inline-flex;color:var(--link-primary);transition:var(--transition-default)}.collection-game__body a:hover{color:var(--link-primary-hover)}.collection-game__body a:hover .icon{fill:var(--icon-primary-hover)}.collection-game__body a .icon{transition:var(--transition-default);fill:var(--icon-primary)}.collection-game__body-title{font-weight:600;font-size:26px;line-height:35px;color:var(--title-primary);transition:var(--transition-default)}.collection-game__body-title:hover{color:var(--title-primary-hover)}@media screen and (max-width:767px){.collection-game__body-title{font-size:24px;line-height:32px}}.collection-game__body-date{font-weight:600}@media screen and (max-width:767px){.collection-game__body-date{width:100%;overflow:hidden;text-overflow:ellipsis}}.collection-game__body-genres{display:flex}.collection-game__body-platforms{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,max-content);grid-column-gap:15px}.collection-game__body-platforms .icon{width:22px;height:22px}.collection-game__body-description{font-size:16px}.view-mode{display:grid;grid-auto-flow:column;grid-column-gap:8px}.view-mode__button{display:flex;padding:6px 12px;border-radius:4px;cursor:pointer;transition:var(--transition-default)}.view-mode__button .icon{fill:var(--icon-primary)}.view-mode__button-selected,.view-mode__button:hover{background-color:var(--bg-secondary)}.collection-games-grid .collection-games__list{display:grid;grid-template-columns:repeat(auto-fill,calc(20% - 16px));grid-gap:20px;align-items:flex-start}@media screen and (max-width:999px) and (min-width:768px){.collection-games-grid .collection-games__list{grid-template-columns:repeat(auto-fit,calc(25% - 15px))}}@media screen and (max-width:767px){.collection-games-grid .collection-games__list{grid-template-columns:repeat(auto-fit,calc(50% - 10px))}}.collection-games-grid .collection-games__list-wrapper{padding:0;border-width:0}.collection-games__options{display:grid;grid-template-columns:1fr auto;align-items:center;font-family:Open Sans,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--text-primary);margin-bottom:40px}@media screen and (max-width:767px){.collection-games__options{grid-template-columns:1fr;margin-bottom:20px}}.collection-games__options-mode,.collection-games__options-order{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,max-content);grid-column-gap:20px;align-items:center}.collection-games__options-mode .filter-order,.collection-games__options-order .filter-order{margin:0}@media screen and (max-width:767px){.collection-games__options-order{justify-content:space-between}.collection-games__options-mode{display:none}}.collection-games__list-loading{transition:var(--transition-default);opacity:.2}.collection-games__list-wrapper{border-bottom:1px solid var(--border-primary);padding-top:20px;padding-bottom:20px}.collection-games__list-wrapper:first-child{padding-top:0}.collection-games__list-wrapper:last-child{padding-bottom:0;border-width:0}.collection-games__more{margin-top:40px;display:grid;grid-template-columns:1fr auto;grid-row-gap:20px;align-items:center}@media screen and (max-width:767px){.collection-games__more{grid-template-columns:1fr}}.collection-games__more-button{width:100%;grid-column:span 2}@media screen and (max-width:767px){.collection-games__more-button{grid-column:auto}}.collection-games__more-counter{font-family:Open Sans,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:14px;color:var(--text-primary);justify-self:flex-end}@media screen and (max-width:767px){.collection-games__more-counter{justify-self:flex-start}}.collection-games__more-counter>span:first-of-type{color:var(--text-secondary-invert)}.collection-games__more-paginator{margin-top:20px}.collection-games__hint-platform{margin-top:12px;z-index:3}.games-collections-thread{border-radius:12px;padding:40px;background-color:var(--bg-primary);scroll-margin-top:140px}@media screen and (max-width:1279px) and (min-width:1000px){.games-collections-thread{padding:25px}}@media screen and (max-width:999px) and (min-width:768px){.games-collections-thread{padding:25px}}@media screen and (max-width:767px){.games-collections-thread{padding:20px}}.games-collections-thread__header{display:flex;justify-content:space-between;align-items:center;max-width:780px;margin:0 auto;flex-wrap:wrap;gap:8px 20px}.games-collections-thread__header h2{font-family:Open Sans,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:33px;color:var(--title-primary)}@media screen and (max-width:767px){.games-collections-thread__header h2{font-size:18px;line-height:24px}}.games-collections-thread__content{margin-top:20px}.entry-games-collection__separator{border-top:1px solid var(--border-primary);margin:40px 0}@media screen and (max-width:767px){.entry-games-collection__separator{margin:20px 0}}.entry-games-collection__title{font-family:Open Sans,sans-serif;font-style:normal;font-weight:600;font-size:30px;line-height:40px;color:var(--title-primary);margin-top:40px}@media screen and (max-width:999px){.entry-games-collection__title{font-size:24px;line-height:28px;margin-top:20px}}.entry-games-collection__data{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:40px 0;font-family:Open Sans,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:16px;color:var(--link-primary)}@media screen and (max-width:1279px) and (min-width:1000px){.entry-games-collection__data{margin:30px 0}}@media screen and (max-width:999px){.entry-games-collection__data{margin:24px 0}}.entry-games-collection__data-user{display:flex;align-items:center}.entry-games-collection__data-user-img{width:36px;height:36px;object-fit:cover;border-radius:50%;margin-right:10px}@media screen and (max-width:767px){.entry-games-collection__data-user-img{width:30px;height:30px}}.entry-games-collection__data-comments{display:flex;align-items:center;gap:4px;color:var(--link-primary);transition:var(--transition-default);cursor:pointer}.entry-games-collection__data-comments .icon{transition:var(--transition-default);fill:var(--link-primary)}.entry-games-collection__data-comments:hover{color:var(--link-primary-hover)}.entry-games-collection__data-comments:hover .icon{fill:var(--link-primary-hover)}@media screen and (min-width:768px){.entry-games-collection__data-date{margin-left:auto}}.entry-games-collection__description{font-family:Open Sans,sans-serif;font-style:normal;font-weight:400;font-size:17px;line-height:28px;color:var(--text-primary);margin-top:20px;white-space:pre-line}@media screen and (max-width:999px){.entry-games-collection__description{font-size:16px;line-height:24px}}.entry-games-collection__description>div{margin-top:20px;text-decoration:underline;cursor:pointer}.entry-games-collection__section,.entry-games-collection__thread{margin-top:40px}.collection-snippet{position:relative;display:flex;align-items:flex-start}@media screen and (max-width:767px){.collection-snippet{flex-direction:column}}.collection-snippet__image{flex:0 0 auto;width:240px}@media screen and (max-width:767px){.collection-snippet__image{width:100%}}.collection-snippet__image-ratio{padding-top:var(--s16x9-padding);position:relative;z-index:1}.collection-snippet__image-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.collection-snippet__image-link{display:block;width:100%;height:100%}.collection-snippet__image-img{object-fit:cover;width:100%;height:100%;border-radius:8px}.collection-snippet__overlay{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2}.collection-snippet__body{margin-left:20px;flex:1 1 auto;display:flex;flex-flow:row wrap;align-items:center}@media screen and (max-width:767px){.collection-snippet__body{margin-left:0;margin-top:10px}}.collection-snippet__body-title{font-family:Open Sans,sans-serif;font-style:normal;font-weight:600;font-size:18px;line-height:24px;color:var(--title-primary);transition:var(--transition-default);width:100%}.collection-snippet__body-title--hover{color:var(--title-primary-hover)}@media screen and (max-width:767px){.collection-snippet__body-title{order:1}}.collection-snippet__body-shortly{font-family:Open Sans,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:21px;color:var(--text-primary);width:100%;margin-top:10px}@media screen and (max-width:767px){.collection-snippet__body-shortly{order:2}}.collection-snippet__body-count{font-family:Open Sans,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:var(--text-primary);display:flex;align-items:center;margin-top:20px}@media screen and (max-width:767px){.collection-snippet__body-count{order:3;margin-top:10px}}.collection-snippet__body-count-icon{margin-right:8px}.entry-games-collections__title{font-family:Open Sans,sans-serif;font-style:normal;font-weight:600;font-size:30px;line-height:40px;color:var(--title-primary);margin-top:40px}@media screen and (max-width:999px) and (min-width:768px){.entry-games-collections__title{font-size:20px;margin-top:20px}}@media screen and (max-width:767px){.entry-games-collections__title{font-size:20px;margin-top:20px}}.entry-games-collections__collections{margin-top:20px}@media screen and (max-width:999px) and (min-width:768px){.entry-games-collections__collections{margin-top:10px}}@media screen and (max-width:767px){.entry-games-collections__collections{margin-top:10px}}.entry-games-collections__collections-wrapper{padding-top:20px;padding-bottom:20px}.entry-games-collections__collections-wrapper+.entry-games-collections__collections-wrapper{border-top:1px solid var(--border-primary)}.entry-games-collections__more{margin-top:40px;display:grid;grid-template-columns:1fr auto;grid-row-gap:20px;align-items:center}@media screen and (max-width:767px){.entry-games-collections__more{grid-template-columns:1fr}}.entry-games-collections__more-button{width:100%;grid-column:span 2}@media screen and (max-width:767px){.entry-games-collections__more-button{grid-column:auto}}.entry-games-collections__more-counter{font-family:Open Sans,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:14px;color:var(--text-primary);justify-self:flex-end}@media screen and (max-width:767px){.entry-games-collections__more-counter{justify-self:flex-start}}.entry-games-collections__more-counter>span:first-of-type{color:var(--text-secondary-invert)}