.sports_nav{z-index:30;width:100%;min-width:320px;max-width:768px;margin-bottom:10px;padding:0 15px}.sports_nav .sports_nav_list{flex-direction:row;width:100%;display:flex;position:relative}.sports_nav .sports_nav_list.active{width:100%}.sports_nav .sports_nav_list .nav_item_list{flex-direction:row;align-items:center;gap:6px;width:100%;display:flex;overflow:auto hidden}.sports_nav .sports_nav_list .nav_item_list::-webkit-scrollbar{height:0}.sports_nav .sports_nav_list .nav_item_list .nav_item{cursor:pointer;background:var(--app-neutral-20);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:64px;padding:8px 10px;transition:all .15s;display:flex}.sports_nav .sports_nav_list .nav_item_list .nav_item .icon{flex-direction:column;justify-content:center;align-items:center;gap:4px;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;filter:brightness(.85);width:20px;height:20px;transition:all .15s}.sports_nav .sports_nav_list .nav_item_list .nav_item .icon .item-label{font-size:var(--font-size-caption);color:var(--app-text-secondary);white-space:nowrap;text-align:center;margin-top:0;margin-bottom:0;font-weight:500;transition:all .15s}.sports_nav .sports_nav_list .nav_item_list .nav_item:hover{background:var(--app-neutral-10)}.sports_nav .sports_nav_list .nav_item_list .nav_item:hover .icon img{filter:brightness(.9)}.sports_nav .sports_nav_list .nav_item_list .nav_item:hover .icon .item-label{color:var(--app-text-secondary)}.sports_nav .sports_nav_list .nav_item_list .nav_item.active{background:var(--app-primary-60)}.sports_nav .sports_nav_list .nav_item_list .nav_item.active .icon img{filter:brightness()saturate(0)brightness(.2)}.sports_nav .sports_nav_list .nav_item_list .nav_item.active .icon .item-label{color:var(--app-neutral-180);font-weight:600}.sports_nav .sports_nav_list .nav_item_list .nav_item.faded{opacity:.4}.sports_nav .sports_nav_list .nav_item_list .nav_item.faded:hover{opacity:.6}
.header-container{justify-content:space-between;width:100%;min-width:320px;max-width:768px;padding:20px;display:flex}.header-title-section{flex-direction:row;align-items:center;gap:10px;width:42%;display:flex}.header-title-section .title{font-size:var(--font-size-header);color:var(--app-neutral-280);font-family:PyeongChangPeace,sans-serif;font-weight:700}.header-title-section .header-icon-img{filter:brightness(0)saturate()invert(55%)sepia(6%)saturate(120%)hue-rotate(202deg)brightness(94%)contrast(91%);width:30px;height:30px}.MatchSearchBox{background:var(--app-neutral-20);border-radius:20px;width:58%;max-width:400px;height:40px;display:flex}.MatchSearchBox .inputBox{flex-direction:row;justify-content:space-around;align-items:center;width:100%;padding:0 19px;display:flex}.MatchSearchBox .inputBox>.search-button{color:var(--app-text-primary);display:grid}.MatchSearchBox .inputBox input{font-size:var(--font-size-normal);color:var(--app-white);background-color:#0000;outline:none;width:100%;padding:10px 10px 10px 0;font-weight:400}.MatchSearchBox .inputBox input::placeholder{color:var(--app-text-secondary)}.MatchSearchBox .inputBox .exit-icon{filter:invert();cursor:pointer;opacity:1;width:20px;height:20px;margin-right:8px;transition:all .75s}.MatchSearchBox .inputBox .exit-icon.hide-exit{pointer-events:none;opacity:0}
.SportsTypeNav{flex-direction:column;width:100%;min-width:320px;max-width:768px;display:flex}.SportsTypeNav .main-tabs{width:100%;padding:6px 15px;display:flex}.SportsTypeNav .main-tabs .main-tab{background:var(--app-neutral-20);height:36px;font-size:var(--font-size-secondary);color:var(--app-text-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;font-weight:500;transition:all .15s;display:flex}.SportsTypeNav .main-tabs .main-tab:hover{background:var(--app-neutral-10);color:var(--app-text-secondary)}.SportsTypeNav .main-tabs .main-tab.active{background:var(--app-primary-60);color:var(--app-neutral-180);font-weight:600}.SportsTypeNav .sub-tabs{gap:6px;width:100%;padding:0 15px 6px;display:flex}.SportsTypeNav .sub-tabs .sub-tab{background-color:var(--app-neutral-20);height:32px;font-size:var(--font-size-caption);color:var(--app-text-secondary);cursor:pointer;white-space:nowrap;flex:1;justify-content:center;align-items:center;font-weight:500;transition:all .15s;display:flex}.SportsTypeNav .sub-tabs .sub-tab:hover{background:var(--app-neutral-10);color:var(--app-text-secondary)}.SportsTypeNav .sub-tabs .sub-tab.active{background:var(--app-primary-60);color:var(--app-neutral-180);font-weight:600}