.game-container .game{margin-top:5px;max-width:118px}.game-container .game .game-name{font-size:18px;overflow:hidden;text-align:left;white-space:nowrap;color:#fff;text-decoration:none;text-overflow:ellipsis}.game-container .game .game-title{font-size:13px;color:#d1d1d6;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:30px;line-height:15px;overflow:hidden}.game-container .game .game-rating{font-size:13px;color:#8e8e93}.game-container .game .game-rating>span{margin-left:5px}.game-container .image-container{width:118px;height:118px;margin-right:15px;border-radius:24px}.game-container .image-container img{border-radius:24px}.game-container .game-flag{top:-6px;right:-8px;font-size:14px;max-width:60px;padding:4px 6px;border-radius:10px;color:#000}.game-container .game-flag.hot{background:#fd7e14}.game-container .game-flag.hot img{filter:invert(88%) sepia(26%) saturate(489%) hue-rotate(352deg) brightness(107%) contrast(103%)}.game-container .game-flag.new{background:#fff}.game-container .game-flag.new img{filter:invert(100%) sepia(39%) saturate(3634%) hue-rotate(327deg) brightness(102%) contrast(102%)}.game-container .game-flag.coming-soon{color:#fff;background:#055160}.game-container .game-flag .image-container{width:14px;height:14px;margin-right:5px}.game-container.compact{flex-direction:row}.game-container.compact .game{margin-top:0;max-width:none;overflow:hidden}.game-container.compact .image-container{width:62px;height:62px;min-width:62px;border-radius:12px}.game-container.compact .image-container img{border-radius:12px}.game-container.above-parent{position:absolute;padding:10px;bottom:0;left:0;right:0;border-radius:0 0 23px 23px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8))}.game-container.disabled .game,.game-container.disabled .image-container{opacity:.5}.game-container.disabled .game .game-name,.game-container.disabled .game .game-rating,.game-container.disabled .game .game-title{color:#666}.play-btn{z-index:2;width:64px;height:64px}.play-btn .image-container{width:40px;height:40px;background:none}.play-btn .image-container>img{margin-left:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;-webkit-touch-callout:none}.play-btn .background{width:100%;height:100%;border-radius:32px;background-color:rgba(66,66,66,.9)}.video-container{height:0;width:100%;padding-top:177.7777777778%;overflow:hidden;position:relative;border-radius:24px;background:linear-gradient(#111,#1a1a1a)}.video-container.playing{background:#000}.video-container video{position:absolute;top:0;height:100%;object-fit:cover;border-radius:24px;-webkit-transform-style:preserve-3d}.video-container .main-btn{height:100%;position:absolute;top:0;z-index:1}.video-container .poster-image{position:absolute;top:0;height:100%;border-radius:24px}.video-container .poster-image>img{border-radius:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;-webkit-touch-callout:none}.video-container .bottom-controls{width:45px;height:35px;z-index:2;position:absolute}.video-container .bottom-controls.pause-btn{bottom:8px;left:8px}.video-container .bottom-controls.volume-btn{bottom:8px;right:8px}.video-container .bottom-controls .image-container{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none}.video-container .bottom-controls .image-container>img{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;-webkit-touch-callout:none}.video-container .bottom-controls .background{width:100%;height:100%;border-radius:8px;background-color:rgba(66,66,66,.9)}