.sbx /*---*/
.scroll-menu{width:100%;position:relative;flex-shrink:0;height:60px;background-color:#1a2c38;border-bottom:1px solid #121d24}
.sbx .scroll-menu .left{left:0;background-image:linear-gradient(90deg,#1a2c38 0,rgba(37,46,72,0))}
.sbx .scroll-menu .right{right:0;background-image:linear-gradient(270deg,#1a2c38 0,rgba(37,46,72,0))}
.sbx .scroll-menu .left, .sbx .scroll-menu .right{z-index:2;width:20px;flex-direction:row;position:absolute;height:100%}
.sbx .scroll-menu .left>button, .sbx .scroll-menu .right>button{min-width:unset!important;width:100%;align-items:center;justify-content:center;transition:.2s ease;background-color:unset}
.sbx .scroll-menu .left>button>i, .sbx .scroll-menu .right>button>i{margin:0}
.sbx .scroll-menu .left>button:hover, .sbx .scroll-menu .right>button:hover{color:#ffe8b9}
.sbx .scroll-menu .events{width:100%;overflow-x:hidden;white-space:nowrap;text-align:center;scroll-behavior:smooth}
.sbx .scroll-menu .events .event{min-width:80px;flex-shrink:0;transition:.2s ease;opacity:.5;cursor:pointer}
.sbx .scroll-menu .events .event .desc-text{transition:.2s ease}
.sbx .scroll-menu .events .event:hover{opacity:1!important}
.sbx .scroll-menu .events .event:hover .desc-text{color:#ff8d00}
.sbx .scroll-menu .events .event.active{opacity:1!important}
.sbx .scroll-menu .events .event.active .desc-text{color:#ff8d00}
.sbx .scroll-menu .events .event:first-child{margin-left:20px}
.sbx .scroll-menu .events .event:last-child{margin-right:20px}
.sbx .scroll-menu .events .event>button{padding:0 10px;width:100%;height:100%;flex-direction:column;background-color:unset}
.sbx .scroll-menu .events .event img{width:40px;height:20px}
.sbx /*---*/
.container{padding:10px;width:100%;height:500px}
.sbx .container .tournament .search input{height:30px}
.sbx .container .tournament .search .search-button{opacity:1;justify-content:center}
@media(hover:hover){.sbx .container .tournament .search .search-button:hover i{opacity:1}}
.sbx .container .tournament .search .search-button i{opacity:.6;transition:.2s ease}
.sbx .container .misc{height:40px;align-items:center;flex-shrink:0}
.sbx .container .misc>button{opacity:.6}
@media(hover:hover){.sbx .container .misc>button:hover{color:#ff8d00;opacity:1}}
.sbx .container .league-wrap{height:100%}
.sbx .container .league-wrap .not-exist-list{height:100%;align-items:center;justify-content:center;opacity:.6}
.sbx .container .league-wrap .title{height:35px;align-items:center;background-color:#263f4e;padding:0 10px;cursor:pointer;transition:.2s ease;border-bottom:1px solid #242d46;flex-shrink:0}
.sbx .container .league-wrap .title:last-child{border-bottom:0}
@media(hover:hover){.sbx .container .league-wrap .title:hover{background-color:#313e60}}
.sbx .container .league-wrap .league{width:100%;display:grid;grid-gap:5px;gap:5px;padding:10px;grid-template-columns:repeat(3,1fr);background-color:#203542}
.sbx .container .league-wrap .league>div{height:20px;align-items:center}
.sbx .container .league-wrap .league>div>label{cursor:pointer;display:flex}
.sbx .container .league-wrap .league>div>label input{margin-right:5px}
.sbx /*---*/
 .v-select{height:unset!important}
.sbx .v-select .vs__dropdown-toggle{background-color:transparent;padding:0}
.sbx .v-select .vs__dropdown-toggle .vs__open-indicator{fill:#ff8d00}
.sbx .v-select .vs__dropdown-toggle .vs__selected{color:#ff8d00}
.sbx .search{border-top:1px solid #253c4a;margin-bottom:10px;flex-shrink:0}
.sbx .search .search-button{opacity:1;justify-content:center}
@media(hover:hover){.sbx .search .search-button:hover i{opacity:1}}
.sbx .search .search-button i{opacity:.8;transition:.2s ease}
.sbx .settings{margin-bottom:10px;flex-shrink:0}
.sbx .settings .select-tournament{padding:0 20px;background-color:#ff8d00;color:#fff}
.sbx .settings .select-tournament:hover{background-color:#ff9e26}
.sbx .settings .sort-league.active, .sbx .settings .sort-league:hover, .sbx .settings .sort-time.active, .sbx .settings .sort-time:hover{color:#ff8d00}
.sbx .settings select{text-align:right;display:flex;color:#ffe8b9;padding:0 10px;outline:0}
.sbx .settings select option{height:40px;background-color:#1f242e}
.sbx .blink-container{width:25px;height:25px;display:block;position:relative}
.sbx .blink-dot{background-color:#ff3c3c}
.sbx .blink-dot, .sbx .blink-pulse{border-radius:50%;width:7px;height:7px}
.sbx .blink-pulse{background-color:#ff6161;opacity:.75;position:absolute;transform:scale(1);animation:blink-pulse-anim-5711f889 1s infinite}
.sbx .select-esports-type{flex-shrink:0;align-items:center}
.sbx .select-esports-type>a{padding:0 10px;align-items:center;opacity:.6}
.sbx .select-esports-type>a:hover{opacity:1}
.sbx .select-esports-type>a.router-link-exact-active{opacity:1!important}
.sbx .viewSettingWrap{padding:10px;background-color:#1a2c38;border-bottom:1px solid #162630}
.sbx .viewSettingWrap button{transition:.2s ease}
.sbx .viewSettingWrap button.active{color:#ff8d00}
@media(hover:hover){.sbx .viewSettingWrap button:hover{color:#ff8d00}}
.sbx /*---*/
.outcome .odd{position:relative;transition:.2s ease}
.sbx .outcome .changed{position:absolute;top:-10px;right:0;display:inline-block;font-size:10px;opacity:.8;animation:blink-text-e761b4a8 1s linear infinite}
.sbx .outcome .changed svg{height:10px}
.sbx .outcome .changed-enter-active, .sbx .outcome .changed-leave-active{transition:opacity .5s}
.sbx .outcome .changed-enter, .sbx .outcome .changed-leave-to{opacity:0}
.sbx .outcome button{width:100%;height:100%;background-color:#263f4e}
.sbx .outcome button>.name{display:block!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
@media(hover:hover){.sbx .outcome button:hover{box-shadow:inset 0 0 0 1px #ff8d00}.sbx .outcome button:hover .odd{color:#ff8d00}}
.sbx .outcome button.active{box-shadow:inset 0 0 0 1px #ff8d00}
.sbx .outcome button.active .odd{color:#ff8d00}
.sbx .outcome button:disabled:hover{box-shadow:unset!important}
.sbx .outcome button:disabled:hover .odd{color:unset!important}
.sbx /*---*/
.pagination{height:40px;flex-shrink:0;position:relative;margin-top:10px}
.sbx .pagination>div{height:100%}
.sbx .pagination>div button:disabled{opacity:.2;cursor:not-allowed}
.sbx .pagination>div button:disabled:hover i{opacity:.4!important}
.sbx .pagination>div button.icon i{opacity:.4}
.sbx .pagination>div button.icon:hover i{transition:.2s ease;opacity:1}
.sbx /*---*/
.prematch, .sbx .wrap{width:100%;height:100%}
.sbx .prematch{padding:10px}
.sbx .prematch .not-exist-list{flex-grow:2;align-items:center;justify-content:center;opacity:.6}
.sbx .prematch .prematch-list{flex-grow:2;flex-shrink:0}
.sbx .prematch .prematch-list.asian .match-title{border-top:0!important}
.sbx .prematch .prematch-list.asian .match{height:40px;border-bottom:1px solid #16252e}
.sbx .prematch .prematch-list.asian .match .odds{width:calc(100% - 40px);height:100%}
.sbx .prematch .prematch-list.asian .match .odds>div>div{height:unset!important}
.sbx .prematch .prematch-list.asian .match .odds>div{width:100%!important}
.sbx .prematch .prematch-list.asian .match .odds .outcomes-3>div{width:33.3333%!important}
.sbx .prematch .prematch-list.asian .match .odds .outcomes-2>div{width:50%!important}
.sbx .prematch .prematch-list.asian .match .odds .outcomes-2>div .name{flex-shrink:0}
.sbx .prematch .prematch-list.asian .match .odds .outcome{margin-right:0!important;border-right:1px solid #16252e}
.sbx .prematch .prematch-list.asian .match .odds .outcome:last-child{border-right:0!important}
.sbx .prematch .prematch-list.asian .match .odds .outcome>button{flex-direction:row!important}
.sbx .prematch .prematch-list.asian .match .odds .outcome>button .spacer{flex-grow:2!important}
.sbx .prematch .prematch-list.asian .match .odds .outcome>button .name{text-align:left;text-align:initial}
.sbx .prematch .prematch-list.asian .match .odds .outcome>button .team-name{display:block!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.sbx .prematch .prematch-list.asian .match .odds .outcome>button .odd{color:#ff8d00}
.sbx .prematch .prematch-list.asian .match .detail-wrap{height:100%;width:40px;justify-content:center;background-color:#1a2c38}
.sbx .prematch .prematch-list.asian .match .detail-wrap .detail, .sbx .prematch .prematch-list.asian .match .detail-wrap .detail button{width:100%}
.sbx .prematch .prematch-list.asian .match .detail-wrap:hover{box-shadow:inset 0 0 0 1px #ff8d00}
.sbx .prematch .prematch-list.asian .match .detail-wrap:hover a, .sbx .prematch .prematch-list.asian .match .detail-wrap:hover span{color:#ff8d00}
.sbx .prematch .prematch-list.asian .match .detail-wrap .active{box-shadow:inset 0 0 0 1px #ff8d00}
.sbx .prematch .prematch-list.asian .match .detail-wrap .active a, .sbx .prematch .prematch-list.asian .match .detail-wrap .active span{color:#ff8d00}
.sbx .prematch .prematch-list .mobile-match-header{height:40px;background-color:#1a2c38;padding-left:10px;border-bottom:1px solid #16252e;align-items:center}
.sbx .prematch .prematch-list .mobile-match-header .detail-wrap{height:100%;width:40px;border-left:1px solid #16252e;flex-shrink:0}
.sbx .prematch .prematch-list .mobile-match-header .detail-wrap>div{width:100%;justify-content:center}
.sbx .prematch .prematch-list .mobile-match-header .detail-wrap>div>button{width:100%}
.sbx .prematch .prematch-list .match-title{border-top:1px solid #162630;border-bottom:1px solid #162630;height:40px;align-items:center;background-color:#1a2c38;flex-shrink:0}
.sbx .prematch .prematch-list .match-title:first-child{border-top:unset}
.sbx .prematch .prematch-list .match-title .league{padding:0 10px;align-items:center;width:40%}
.sbx .prematch .prematch-list .match-title .desc-title{width:60%}
.sbx .prematch .prematch-list .match-title .desc-title .title-1x2{width:calc(100% - 50px)}
.sbx .prematch .prematch-list .match-title .desc-title .title-1x2 span{width:100%;justify-content:center;align-items:center;opacity:.4}
.sbx .prematch .prematch-list .match-title .desc-title .title-handicap, .sbx .prematch .prematch-list .match-title .desc-title .title-overunder{width:calc(100% - 50px);justify-content:center;align-items:center;opacity:.4}
.sbx .prematch .prematch-list .match{height:55px;align-items:center;background-color:#203542;flex-shrink:0;border-bottom:1px solid #1a2c38}
.sbx .prematch .prematch-list .match:last-child{border-bottom:unset}
.sbx .prematch .prematch-list .match .match-info{width:40%;line-height:25px}
.sbx .prematch .prematch-list .match .match-info .date{width:60px;align-items:center;opacity:.5}
.sbx .prematch .prematch-list .match .match-info .team{width:calc(100% - 60px)}
.sbx .prematch .prematch-list .match .match-info .team>div span{display:block!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.sbx .prematch .prematch-list .match .odds{width:60%}
.sbx .prematch .prematch-list .match .odds>div>div{display:flex;width:100%;height:40px;align-items:center;margin-right:5px;justify-content:center}
.sbx .prematch .prematch-list .match .odds .odds-1x2, .sbx .prematch .prematch-list .match .odds .odds-handicap, .sbx .prematch .prematch-list .match .odds .odds-overunder{width:calc(100% - 50px)}
.sbx .prematch .prematch-list .match .odds .odds-none{width:100%;margin-right:5px;background-color:#1a2c38;justify-content:center;align-items:center;opacity:.4}
.sbx .prematch .prematch-list .match .odds .detail-wrap{width:50px;flex-shrink:0}
.sbx .prematch .prematch-list .match .odds .detail-wrap>div{background-color:#1a2c38;cursor:pointer;transition:.2s ease}
.sbx .prematch .prematch-list .match .odds .detail-wrap>div:hover{box-shadow:inset 0 0 0 1px #ff8d00}
.sbx .prematch .prematch-list .match .odds .detail-wrap>div:hover a, .sbx .prematch .prematch-list .match .odds .detail-wrap>div:hover span{color:#ff8d00}
.sbx .prematch .prematch-list .match .odds .detail-wrap>div .active{box-shadow:inset 0 0 0 1px #ff8d00}
.sbx .prematch .prematch-list .match .odds .detail-wrap>div .active a, .sbx .prematch .prematch-list .match .odds .detail-wrap>div .active span{color:#ff8d00}
.sbx .prematch .prematch-list .match .odds .detail-wrap .detail button{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.sbx .prematch .prematch-list .match .odds .detail-wrap .detail button span{transition:.2s ease}
.sbx /*---*/
.input[type=text]{height:40px;padding:0 10px}
.sbx .input:disabled{opacity:.4;cursor:not-allowed}
.sbx /*---*/
.list{overflow-x:hidden;scroll-behavior:smooth}
.sbx /*---*/
.team-icon{align-items:center;margin-right:5px;flex-shrink:0}
.sbx .blank-home{background:url(/assets/img/home.f33c6e6.png) 0 0 no-repeat;width:14px;height:14px;background-size:100% 100%}
.sbx .blank-away{background:url(/assets/img/away.e0c4aae.png) 0 0 no-repeat;width:14px;height:14px;background-size:100% 100%}
.sbx /*---*/
.tournament-icon{flex-shrink:0}
.sbx .tournament-icon img{height:14px;vertical-align:baseline;margin-right:5px}