.popular-games{--popular-card:200px;--popular-arrow-size:44px}.popular-games-slider{position:relative}.popular-games-scroll{margin-inline:calc(-1*var(--zs-section-pad));padding:4px var(--zs-section-pad)8px;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth;cursor:grab;-webkit-overflow-scrolling:touch;overflow:auto hidden}.popular-games-scroll--more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000 100%)}.popular-games-scroll--scrolled{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 48px);mask-image:linear-gradient(90deg,#0000 0,#000 48px)}.popular-games-scroll--scrolled.popular-games-scroll--more{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 48px calc(100% - 48px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 48px calc(100% - 48px),#0000 100%)}.popular-games-scroll.is-dragging{cursor:grabbing;scroll-behavior:auto}.popular-games-scroll.is-dragging *{-webkit-user-select:none;user-select:none;pointer-events:none}.popular-games-scroll::-webkit-scrollbar{display:none}.popular-games-items{-webkit-user-select:none;user-select:none;gap:16px;width:max-content;display:flex}.popular-game-item{width:var(--popular-card);border-radius:var(--zs-radius-card);-webkit-tap-highlight-color:transparent;transition:scale var(--zs-dur-fast)ease-out;flex-shrink:0;text-decoration:none;display:block}.popular-game-item:active{scale:.98}.popular-game-item-img-wrapper{aspect-ratio:1;border-radius:var(--zs-radius-card);background:var(--zs-surface-media);width:100%;position:relative;overflow:hidden}.popular-game-item-img-wrapper:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.popular-game-item-img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:scale var(--zs-dur)var(--zs-ease-out);display:block}.popular-game-item-info{margin-top:12px;padding-inline:2px}.popular-game-item-info-title{color:var(--zs-text);-webkit-line-clamp:2;transition:color var(--zs-dur-fast)ease-out;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}@media (hover:hover){.popular-game-item:hover .popular-game-item-img{scale:1.04}.popular-game-item:hover .popular-game-item-info-title{color:var(--zs-text-secondary)}}.popular-games-arrow{top:calc(4px + var(--popular-card)/2);z-index:3;width:var(--popular-arrow-size);height:var(--popular-arrow-size);color:#111;background:#e9f6ffb3;border:none;position:absolute;translate:0 -50%;box-shadow:0 10px 26px #00000029}@media (hover:hover){.popular-games-arrow:hover{background:#ffffffe6}}.popular-games-arrow:disabled{opacity:0;pointer-events:none}.popular-games-arrow--left{left:calc(var(--zs-section-pad)/-2 - 4px)}.popular-games-arrow--right{right:calc(var(--zs-section-pad)/-2 - 4px)}@media (max-width:1200px){.popular-games{--popular-card:184px}}@media (max-width:768px){.popular-games{--popular-card:152px}.popular-games-items{gap:12px}.popular-game-item-info{margin-top:8px}.popular-game-item-info-title{font-size:.875rem}.popular-games .popular-games-arrow{display:none}}@media (max-width:500px){.popular-games{--popular-card:136px}.popular-game-item-img-wrapper{border-radius:var(--zs-radius-control)}}
