/*
 * V30408_FOCUS_EDIT_MODE
 */


#captureFocusBarV30408 {

    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    margin:
        0 0 9px;

    padding:
        6px;

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

    border-radius:
        10px;

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

}


.capture-focus-main-v30408,
.capture-focus-nav-v30408 {

    min-height:
        31px;

    padding:
        0 10px;

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

    border-radius:
        7px;

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

    color:
        inherit;

    font:
        inherit;

    font-size:
        10px;

    font-weight:
        800;

    cursor:
        pointer;

    transition:
        none !important;

}


.capture-focus-main-v30408.active {

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

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

}


.capture-focus-nav-v30408:disabled {

    opacity:
        0.32;

    cursor:
        default;

}


.capture-focus-info-v30408 {

    flex:
        1;

    min-width:
        0;

    padding:
        0 5px;

}


.capture-focus-count-v30408 {

    display:
        block;

    font-size:
        10px;

    font-weight:
        850;

}


.capture-focus-player-v30408 {

    display:
        block;

    margin-top:
        1px;

    overflow:
        hidden;

    opacity:
        0.62;

    font-size:
        9px;

    font-weight:
        650;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;

}


/*
 * 실제 경량화 핵심.
 * 선택되지 않은 9개 선수 행은 layout에서 제거.
 */

#captureEditorV62
.capture-focus-hidden-v30408 {

    display:
        none !important;

}


/* 현재 선수 */

#captureEditorV62
.capture-focus-current-v30408 {

    contain:
        layout style;

    animation:
        none !important;

    transition:
        none !important;

    transform:
        none !important;

}


/*
 * 집중 모드에서는 현재 행 외에
 * visibility 계산 자체가 필요 없음.
 */

body.capture-focus-enabled-v30408
#captureEditorV62 {

    contain:
        layout style;

}


@media (max-width: 720px) {

    #captureFocusBarV30408 {

        position:
            sticky;

        top:
            4px;

        z-index:
            60;

        gap:
            4px;

        padding:
            4px;

        background:
            rgb(15, 23, 42);

    }


    .capture-focus-main-v30408,
    .capture-focus-nav-v30408 {

        min-height:
            34px;

        padding:
            0 8px;

    }

}