.Recommend_main__PTGfA{overflow:hidden;margin-bottom:24px}@media screen and (min-width:1024px){.Recommend_main__PTGfA{margin-bottom:48px}}.Recommend_wrap__m_vf8{position:relative;width:100%;overflow:visible;display:flex;justify-content:center}@media screen and (min-width:1024px){.Recommend_wrap__m_vf8{overflow:hidden}}.Recommend_categoryLink__Xlwr4{display:flex;gap:8px;font-weight:500;font-size:14px;color:hsla(0,0%,100%,.6);position:relative;padding:0 16px 0 8px;height:48px;border-radius:8px;background-color:#0f2024;letter-spacing:0;overflow:hidden;cursor:pointer}@media(min-width:1024px){.Recommend_categoryLink__Xlwr4{padding:12px 20px 12px 12px;height:60px;gap:12px;font-size:16px}}.Recommend_categoryLink__Xlwr4:hover{color:#fff;text-decoration:none}.Recommend_categoryLink__Xlwr4.Recommend_active__9L9Do{color:#fff}.Recommend_categoryLink__Xlwr4.Recommend_active__9L9Do:after{background-color:#66c754;content:"";position:absolute;left:0;right:0;bottom:0;display:block;width:100%;height:4px}.Recommend_categoryLink__Xlwr4.Recommend_active__9L9Do{color:gray}.Recommend_categoryLink__Xlwr4:has(.Recommend_categoryBg___Q8FQ) .Recommend_categoryIcon__rx2fQ,.Recommend_categoryLink__Xlwr4:has(.Recommend_categoryBg___Q8FQ) span{position:relative;z-index:1}.Recommend_categoryBg___Q8FQ{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,106,0,0) 50%,#66c754 120%)}.Recommend_searchCategoryLink__V63m5{padding:0 8px;min-width:48px;justify-content:center}@media(min-width:1024px){.Recommend_searchCategoryLink__V63m5{padding:12px;min-width:60px}}.Recommend_menuBtn__lstZP{display:none}@media(min-width:1024px){.Recommend_menuBtn__lstZP{cursor:pointer;height:100%;width:133px;top:0;bottom:0;display:flex;align-items:center;flex:0 0 auto;left:0;position:absolute;z-index:2;background:transparent linear-gradient(90deg,#0b181b,rgba(11,24,27,0)) 0 0 no-repeat;justify-content:flex-start;padding:10px;transition:opacity .2s ease-in}.Recommend_menuBtn__lstZP svg{width:10px;height:18px}.Recommend_menuBtn__lstZP.Recommend_disabled__x_OyN{opacity:0;pointer-events:none}.Recommend_menuBtn__lstZP:after{color:gray}.Recommend_menuBtn__lstZP.Recommend_nextBtn__RgpYb{left:auto;right:0;background:transparent linear-gradient(90deg,rgba(11,24,27,0),#0b181b) 0 0 no-repeat;justify-content:flex-end}.Recommend_menuBtn__lstZP.Recommend_nextBtn__RgpYb svg{transform:rotate(180deg)}}.Recommend_container__TW1D6{display:flex;height:65px;overflow:hidden;max-width:1290px;margin-left:auto;margin-right:auto}@media(max-width:1024px){.Recommend_container__TW1D6{height:48px}}.Recommend_item__02hxN{display:flex;align-items:center;justify-content:center;min-height:auto;width:auto!important;max-width:max-content!important;white-space:nowrap;margin-right:8px}.Recommend_item__02hxN:last-child{margin-right:0}.Recommend_item__02hxN.Recommend_lootboxItem__whglr{display:none}.Recommend_item__02hxN.Recommend_lootboxItemLogged__7HoSV{display:flex}.Recommend_searchBtn__2XeBN{cursor:pointer;display:flex;justify-content:center;z-index:2;outline:none;border-color:transparent;align-items:center;min-width:0;max-width:none;min-height:0;max-height:none;height:100%;width:60px;border-radius:8px 0 0 8px;flex:0 0 auto}.Recommend_searchBtn__2XeBN:hover{color:#66c754}.Recommend_categoryIcon__rx2fQ{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:24px;filter:brightness(0) saturate(100%) invert(87%) sepia(10%) saturate(2869%) hue-rotate(52deg) brightness(86%) contrast(78%)}@media(min-width:768px){.Recommend_categoryIcon__rx2fQ{width:32px;height:32px;font-size:32px}}.Recommend_lootBoxBtn__uxBnZ{cursor:pointer;background:transparent linear-gradient(261deg,#222,#17648d) 0 0 no-repeat;color:#fff}.Recommend_lootBoxBtn__uxBnZ .Recommend_categoryIcon__rx2fQ{filter:none}.Recommend_lootBoxBtn__uxBnZ .Recommend_timer__Sz0e6{display:flex;align-items:center;gap:4px;color:hsla(0,0%,100%,.6);font-size:10px;line-height:1;font-weight:400;margin-top:3px}@media(min-width:1024px){.Recommend_lootBoxBtn__uxBnZ .Recommend_timer__Sz0e6{font-size:12px}}.Recommend_lootBoxBtn__uxBnZ .Recommend_timer__Sz0e6 svg{width:10px;height:10px;flex-shrink:0}@media(min-width:1024px){.Recommend_lootBoxBtn__uxBnZ .Recommend_timer__Sz0e6 svg{width:11px;height:11px}}.Recommend_lootBoxBtn__uxBnZ .Recommend_timer__Sz0e6 svg path{fill:hsla(0,0%,100%,.6)}