/*
 * V30407_TEAM_TABS_FAST_RENDER
 */


/* ==========================================================
   팀 탭
   ========================================================== */

#captureTeamTabsV30407 {

    display:
        flex;

    align-items:
        center;

    gap:
        5px;

    margin:
        0 0 9px;

    padding:
        5px;

    border:
        1px solid
        rgba(148, 163, 184, 0.22);

    border-radius:
        10px;

    background:
        rgba(15, 23, 42, 0.30);

}


.capture-team-tab-v30407 {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        31px;

    padding:
        0 11px;

    border:
        1px solid
        transparent;

    border-radius:
        7px;

    background:
        transparent;

    color:
        inherit;

    font:
        inherit;

    font-size:
        10px;

    font-weight:
        800;

    cursor:
        pointer;

    transition:
        none !important;

}


.capture-team-tab-v30407:hover {

    background:
        rgba(148, 163, 184, 0.08);

}


.capture-team-tab-v30407.active {

    border-color:
        rgba(96, 165, 250, 0.38);

    background:
        rgba(59, 130, 246, 0.13);

}


.capture-team-tab-spacer-v30407 {

    flex:
        1;

}


.capture-team-tab-status-v30407 {

    padding:
        0 5px;

    opacity:
        0.62;

    font-size:
        9px;

    font-weight:
        750;

    white-space:
        nowrap;

}


/* ==========================================================
   숨김
   ========================================================== */

#captureEditorV62
.capture-team-filter-hidden-v30407 {

    display:
        none !important;

}


/* ==========================================================
   화면 밖 player row 렌더링 경량화

   브라우저가 지원하는 경우 화면 밖 요소의
   layout/paint를 필요할 때까지 미룸.
   ========================================================== */

#captureEditorV62
[data-player-index] {

    content-visibility:
        auto;

    contain-intrinsic-size:
        auto 210px;

}


/* 기존 Lite Mode와 동일하게 transition 방지 */

#captureEditorV62
[data-player-index] {

    transition:
        none !important;

    animation:
        none !important;

}


/* ==========================================================
   모바일
   ========================================================== */

@media (max-width: 720px) {

    #captureTeamTabsV30407 {

        position:
            sticky;

        top:
            4px;

        z-index:
            50;

        padding:
            4px;

        background:
            rgb(15, 23, 42);

    }


    .capture-team-tab-v30407 {

        flex:
            1;

        min-height:
            34px;

        padding:
            0 6px;

    }


    .capture-team-tab-status-v30407 {

        display:
            none;

    }

}