.recommendations{position:relative}.recommendations__container{height:calc(100dvh - 56px - 32px);max-height:calc(100dvh - 56px - 32px);min-height:calc(100dvh - 56px - 32px);overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory}.recommendations__nav{display:none}.recommendations__intro-text{font-size:1rem;line-height:1.2}.recommendations__intro-cta-wrap{display:flex;justify-content:flex-end}.recommendations .recommended-game{scroll-snap-align:start;scroll-snap-stop:always}.recommendations .recommendations__entry--loader{display:flex;flex-direction:column;gap:1rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:300px;width:100%}.recommendations__entry-loader-part{animation:1.5s linear infinite shine;background:linear-gradient(110deg,rgba(255,255,255,.1) 8%,rgba(255,255,255,.15) 18%,rgba(255,255,255,.1) 33%);background-size:200% 100%;border-radius:10px;display:block;width:100%}.recommendations__entry-loader-part--image{height:200px}.recommendations__entry-loader-part--title{height:20px}.recommendations__nav-bar{display:flex;gap:.5rem;justify-content:center;list-style:none;margin:0;padding:0}.recommendations__nav-button{background:rgba(255,255,255,.1);border:0;border-radius:50%;cursor:pointer;padding:0;transition:background .3s ease-in-out}.recommendations__nav-button--active,.recommendations__nav-button:focus,.recommendations__nav-button:hover{background:#fff}.recommendations__progress{align-items:center;background-color:rgba(51,55,62,.98);box-sizing:border-box;display:flex;justify-content:space-between;padding:.5rem .75rem}@media (min-width:768px){.recommendations__progress{display:none}}@media (max-width:375px){.recommendations__nav-bar{gap:.25rem}}.recommendations__nav-button{background-size:cover;height:16px;width:16px}.recommendations__nav-button--was-seen{opacity:.5}.recommendations__progress-status{align-items:center;display:flex;font-size:.75rem;gap:.25rem;line-height:1}.recommendations__progress-next{padding:0}.recommendations__progress-next:focus,.recommendations__progress-next:hover{background-color:transparent}@media (max-width:767px){.recommendations__empty-state-go-back{display:none}}.recommendations__info-text{font-size:1rem;font-weight:300;line-height:1}@keyframes shine{to{background-position-x:-200%}}@media (min-width:768px){.recommendations__header{position:relative}.recommendations__title{font-weight:600;margin-bottom:1rem}.recommendations__container{display:flex;flex-direction:column;gap:2rem;max-height:none;min-height:80dvh;height:auto;scroll-behavior:smooth;scroll-snap-type:none}.recommendations .recommendations__entry{display:none}.recommendations .recommendations__entry--show-desktop{display:block}.recommendations .recommendations__entry--loader{display:flex;min-width:40dvw}.recommendations__entry-loader-part--image{height:300px}.recommendations__entry-loader-part--title{height:20px}.recommendations__nav{background:rgba(40,44,52,.9);bottom:0;box-sizing:border-box;display:flex;gap:1rem;justify-content:space-between;margin:0;padding:1rem 4rem;position:fixed;width:100%;z-index:1}.recommendations__nav-group{display:flex;gap:1rem}.recommendations__nav-action{background-color:#3d4248;border:2px solid transparent;justify-content:center;padding:1rem}}@media (min-width:768px) and (max-width:991px){.recommendations__nav{padding:1rem}.recommendations__nav-action{padding:.5rem}}@media (min-width:768px){.recommendations__nav-action:focus,.recommendations__nav-action:hover{background-color:#3d4248;border-color:#fff}.recommendations__nav-entry--hidden{pointer-events:none;visibility:hidden}}