.sports_nav{z-index:30;width:100%;min-width:320px;max-width:768px;height:90px;margin-top:10px;margin-left:10px;position:relative}.sports_nav .sports_nav_list{background:0 0;flex-direction:row;flex-shrink:0;height:90px;transition:all .5s;display:flex;position:relative}.sports_nav .sports_nav_list .nav_item_list{flex-direction:row;gap:15px;height:100%;display:flex;overflow:hidden scroll}.sports_nav .sports_nav_list .nav_item_list .sports-meta{width:50px;margin-top:10px}.sports_nav .sports_nav_list .nav_item_list .sports-meta .label{text-overflow:ellipsis;text-wrap:nowrap;font-size:12px;font-weight:700;overflow:hidden}.sports_nav .sports_nav_list .nav_item_list .sports-meta .count{color:#f2d516;margin-top:3px;font-size:10px}.sports_nav .sports_nav_list .nav_item_list::-webkit-scrollbar{width:5px;height:0}.sports_nav .sports_nav_list .nav_item_list::-webkit-scrollbar-track{background:#222a33}.sports_nav .sports_nav_list .nav_item_list::-webkit-scrollbar-thumb{background:#53647a}.sports_nav .sports_nav_list .nav_item_list .nav_item{cursor:pointer;border-radius:50%;flex-direction:row;flex-shrink:0;align-items:center;height:48px;display:flex}.sports_nav .sports_nav_list .nav_item_list .nav_item .icon{filter:brightness(.3);flex-shrink:0;justify-content:center;align-items:center;margin-left:15px;margin-right:15px;display:flex}.sports_nav .sports_nav_list .nav_item_list .nav_item .icon img{-o-object-fit:scale-down;object-fit:scale-down;-o-object-position:center;object-position:center;width:22px;height:22px}.sports_nav .sports_nav_list .nav_item_list .nav_item .label{text-transform:uppercase;text-wrap:nowrap;text-overflow:ellipsis;color:#455365;text-align:center;width:100%;font-size:13px;font-weight:600;overflow:hidden}.sports_nav .sports_nav_list .nav_item_list .nav_item .count{color:#59626c;text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:30px;font-size:12px;font-weight:600;display:flex}.sports_nav .sports_nav_list .nav_item_list .nav_item:nth-child(2n){background:#1d232c}.sports_nav .sports_nav_list .nav_item_list .nav_item.active .icon,.sports_nav .sports_nav_list .nav_item_list .nav_item:hover .icon{filter:brightness()}.sports_nav .sports_nav_list .nav_item_list .nav_item.active .label,.sports_nav .sports_nav_list .nav_item_list .nav_item:hover .label{color:#d4d6da;text-align:center}.sports_nav .sports_nav_list .nav_item_list .nav_item.active .count,.sports_nav .sports_nav_list .nav_item_list .nav_item:hover .count{color:#15a9fe;text-align:center}.sports_nav .sports_nav_list .nav_item_list .nav_item.faded{background-color:#231d41!important}.sports_nav .sports_nav_list .nav_item_list .nav_item.faded .icon{filter:brightness(.2);opacity:.5}.sports_nav .sports_nav_list.active{background:0 0;width:100vw;transition:all .5s}@media screen and (max-width:1199px){.sports_nav .sports_nav_list.active{width:100%}}.sports_nav .sports_nav_list.active .nav_item_list{width:100vw;transition:background-color .5s linear;overflow-x:scroll}.sports_nav .sports_nav_list.active .nav_item_list .nav_item{border-radius:50%;flex-grow:0;width:50px;transition:background-color .5s linear;position:relative}.sports_nav .sports_nav_list.active .nav_item_list .nav_item .label{opacity:0;white-space:nowrap;text-overflow:ellipsis;color:#d4d6da;text-align:center;background:#12161d;width:200px;max-width:0;height:48px;padding-left:10px;padding-right:10px;line-height:48px;transition:all 50ms;display:block;position:absolute;top:0;left:50px;overflow:hidden}.sports_nav .sports_nav_list.active .nav_item_list .nav_item .count{opacity:0;color:#15a9fe;text-align:center;background:#0a0d11;justify-content:center;align-items:center;width:50px;max-width:0;height:48px;font-size:12px;font-weight:600;transition:all 50ms;display:flex;position:absolute;top:0;left:250px}.sports_nav .sports_nav_list.active .nav_item_list .nav_item{background:#412181}.sports_nav .sports_nav_list.active .nav_item_list .nav_item:nth-child(2n){background:#1d232c}.sports_nav .sports_nav_list.active .nav_item_list::-webkit-scrollbar{width:0;height:0}.sports_nav .sports_nav_list.active .nav_item_list .active{border-radius:50%;width:50px;transition:background-color .5s linear;position:relative;background:#8d51fc!important}.sports_nav .sports_nav_list.active .nav_item_list .active .icon{filter:brightness();transition:transform 1s;transform:scale(1.2)}.sports_nav .sports_nav_list.active .nav_item_list .active .label{opacity:1;text-align:center;max-width:200px;transition:all .3s .2s}.sports_nav .sports_nav_list.active .nav_item_list .active .count{opacity:1;text-align:center;max-width:50px;transition:all .2s .5s}.sports_nav .sports_nav_list.active:hover{width:100vw;transition:background-color .5s linear}.sports_nav .sports_nav_list.active:hover .nav_item_list{width:100vw;overflow-y:hidden}.label,.count{text-align:center}