.Recommend-module-scss-module__XQqElG__main{margin-bottom:24px;overflow:hidden}@media screen and (min-width:1024px){.Recommend-module-scss-module__XQqElG__main{margin-bottom:48px}}.Recommend-module-scss-module__XQqElG__wrap{justify-content:center;width:100%;display:flex;position:relative;overflow:visible}@media screen and (min-width:1024px){.Recommend-module-scss-module__XQqElG__wrap{overflow:hidden}}.Recommend-module-scss-module__XQqElG__categoryLink{color:#fff9;letter-spacing:0;cursor:pointer;background-color:#0f2024;border-radius:8px;gap:8px;height:48px;padding:0 16px 0 8px;font-size:14px;font-weight:500;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.Recommend-module-scss-module__XQqElG__categoryLink{gap:12px;height:60px;padding:12px 20px 12px 12px;font-size:16px}}.Recommend-module-scss-module__XQqElG__categoryLink:hover{color:#fff;text-decoration:none}.Recommend-module-scss-module__XQqElG__categoryLink.Recommend-module-scss-module__XQqElG__active:after{content:"";background-color:#66c754;width:100%;height:4px;display:block;position:absolute;bottom:0;left:0;right:0}.Recommend-module-scss-module__XQqElG__categoryLink.Recommend-module-scss-module__XQqElG__active{color:gray}.Recommend-module-scss-module__XQqElG__categoryLink:has(.Recommend-module-scss-module__XQqElG__categoryBg) .Recommend-module-scss-module__XQqElG__categoryIcon{z-index:1;position:relative}.Recommend-module-scss-module__XQqElG__categoryLink:has(.Recommend-module-scss-module__XQqElG__categoryBg) span{z-index:1;position:relative}.Recommend-module-scss-module__XQqElG__categoryBg{background:linear-gradient(120deg,#ff6a0000 50%,#66c754 120%);position:absolute;inset:0}.Recommend-module-scss-module__XQqElG__searchCategoryLink{justify-content:center;min-width:48px;padding:0 8px}@media (min-width:1024px){.Recommend-module-scss-module__XQqElG__searchCategoryLink{min-width:60px;padding:12px}}.Recommend-module-scss-module__XQqElG__menuBtn{display:none}@media (min-width:1024px){.Recommend-module-scss-module__XQqElG__menuBtn{cursor:pointer;z-index:2;background:linear-gradient(90deg,#0b181b 0%,#0b181b00 100%) no-repeat;flex:none;justify-content:flex-start;align-items:center;width:133px;height:100%;padding:10px;transition:opacity .2s ease-in;display:flex;position:absolute;top:0;bottom:0;left:0}.Recommend-module-scss-module__XQqElG__menuBtn svg{width:10px;height:18px}.Recommend-module-scss-module__XQqElG__menuBtn.Recommend-module-scss-module__XQqElG__disabled{opacity:0;pointer-events:none}.Recommend-module-scss-module__XQqElG__menuBtn:after{color:gray}.Recommend-module-scss-module__XQqElG__menuBtn.Recommend-module-scss-module__XQqElG__nextBtn{background:linear-gradient(90deg,#0b181b00 0%,#0b181b 100%) no-repeat;justify-content:flex-end;left:auto;right:0}.Recommend-module-scss-module__XQqElG__menuBtn.Recommend-module-scss-module__XQqElG__nextBtn svg{transform:rotate(180deg)}}.Recommend-module-scss-module__XQqElG__container{max-width:1290px;height:65px;margin-left:auto;margin-right:auto;display:flex;overflow:hidden}@media (max-width:1024px){.Recommend-module-scss-module__XQqElG__container{height:48px}}.Recommend-module-scss-module__XQqElG__item{white-space:nowrap;justify-content:center;align-items:center;min-height:auto;margin-right:8px;display:flex;width:auto!important;max-width:max-content!important}.Recommend-module-scss-module__XQqElG__item:last-child{margin-right:0}.Recommend-module-scss-module__XQqElG__item.Recommend-module-scss-module__XQqElG__lootboxItem{display:none}.Recommend-module-scss-module__XQqElG__item.Recommend-module-scss-module__XQqElG__lootboxItemLogged{display:flex}.Recommend-module-scss-module__XQqElG__searchBtn{cursor:pointer;z-index:2;border-color:#0000;border-radius:8px 0 0 8px;outline:none;flex:none;justify-content:center;align-items:center;width:60px;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;display:flex}.Recommend-module-scss-module__XQqElG__searchBtn:hover{color:#66c754}.Recommend-module-scss-module__XQqElG__categoryIcon{filter:brightness(0)saturate()invert(87%)sepia(10%)saturate(2869%)hue-rotate(52deg)brightness(86%)contrast(78%);justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:flex}@media (min-width:768px){.Recommend-module-scss-module__XQqElG__categoryIcon{width:32px;height:32px;font-size:32px}}.Recommend-module-scss-module__XQqElG__lootBoxBtn{cursor:pointer;color:#fff;background:linear-gradient(261deg,#222 0%,#17648d 100%) no-repeat}.Recommend-module-scss-module__XQqElG__lootBoxBtn .Recommend-module-scss-module__XQqElG__categoryIcon{filter:none}.Recommend-module-scss-module__XQqElG__lootBoxBtn .Recommend-module-scss-module__XQqElG__timer{color:#fff9;align-items:center;gap:4px;margin-top:3px;font-size:10px;font-weight:400;line-height:1;display:flex}@media (min-width:1024px){.Recommend-module-scss-module__XQqElG__lootBoxBtn .Recommend-module-scss-module__XQqElG__timer{font-size:12px}}.Recommend-module-scss-module__XQqElG__lootBoxBtn .Recommend-module-scss-module__XQqElG__timer svg{flex-shrink:0;width:10px;height:10px}@media (min-width:1024px){.Recommend-module-scss-module__XQqElG__lootBoxBtn .Recommend-module-scss-module__XQqElG__timer svg{width:11px;height:11px}}.Recommend-module-scss-module__XQqElG__lootBoxBtn .Recommend-module-scss-module__XQqElG__timer svg path{fill:#fff9}
