/* --- brackets-lines --- */

.brackets-lines.brackets-255 .line-table {
    min-width: 620px;
}

.brackets-lines.brackets-127 .line-table {
    min-width: 580px;
}

.brackets-lines.brackets-63 .line-table {
    min-width: 540px;
}

.brackets-lines.brackets-31 .line-table {
    min-width: 500px;
}

.brackets-lines table {
    color: white;
    margin-bottom: 40px;
}

.brackets-lines td {
    font-size: 0.8rem;
    height: 50px;
    vertical-align: bottom;
}

@media screen and (max-width: 400px) {
    .brackets-lines td {
        font-size: 0.6rem;
    }
}

.brackets-lines .lines-name {
    text-align: left;
    vertical-align: bottom;
    padding-left: 8px !important;
    padding-right: 4px !important;
    cursor: pointer;
    position: sticky;
    left: 0;
}

.brackets-lines .lines-name .name {
    /* background-color: rgba(255, 255, 255, 0.04); */
    background-color: #1e2938;
    border: 1px solid var(--falcon-dark);
    width: 100%;
    display: block;
    /* border-radius: 5px; */
    padding: 2px;
    padding-left: 5px;
    font-size: 0.8rem;
    /* transform: skewX(15deg); */
}

.brackets-lines th {
    height: 40px;
    /* font-size: 0.9rem; */
    font-size: 0.8rem;
}

.brackets-lines .lines-name .progress,
.brackets-lines .lines-phase .progress,
.brackets-lines .lines-phase-team .progress,
.brackets-lines .lines-winner .progress,
.brackets-lines .lines-phase .progress .progress-bar,
.brackets-lines .lines-phase-team .progress .progress-bar,
.brackets-lines .lines-winner .progress .progress-bar {
    height: 5px;
}

.brackets-lines .lines-phase .progress .progress-bar,
.brackets-lines .lines-phase-team .progress .progress-bar,
.brackets-lines .lines-winner .progress .progress-bar {
    /* background-color: rgba(255, 255, 255, 0.3); */
    background-color: transparent;
}

.brackets-lines .lines-phase .progress .progress-bar.block-1,
.brackets-lines .lines-phase-team .progress .progress-bar.block-1,
.brackets-lines .lines-winner .progress .progress-bar.block-1 {
    background-color: #04a4e4;
}

.brackets-lines .lines-phase .progress .progress-bar.block-2,
.brackets-lines .lines-phase-team .progress .progress-bar.block-2,
.brackets-lines .lines-winner .progress .progress-bar.block-2 {
    background-color: #f7c46c;
}

.brackets-lines .lines-phase .progress .progress-bar.block-3,
.brackets-lines .lines-phase-team .progress .progress-bar.block-3,
.brackets-lines .lines-winner .progress .progress-bar.block-3 {
    background-color: #b08bff;
}

.brackets-lines .lines-phase .progress .progress-bar.block-4,
.brackets-lines .lines-phase-team .progress .progress-bar.block-4,
.brackets-lines .lines-winner .progress .progress-bar.block-4 {
    background-color: #00a28a;
}

.brackets-lines .lines-phase,
.brackets-lines .lines-phase-team {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.brackets-lines .lines-phase.match-block-0,
.brackets-lines .lines-phase-team.match-block-0 {
    border-right: 1px solid rgba(255, 255, 255, 0.8);
}

.brackets-lines .lines-phase.match-block-1,
.brackets-lines .lines-phase-team.match-block-1 {
    border-right: 1px solid #04a4e4;
}

.brackets-lines .lines-phase.match-block-2,
.brackets-lines .lines-phase-team.match-block-2 {
    border-right: 1px solid #f7c46c;
}

.brackets-lines .lines-phase.match-block-3,
.brackets-lines .lines-phase-team.match-block-3 {
    border-right: 1px solid #b08bff;
}

.brackets-lines .lines-phase.match-block-4,
.brackets-lines .lines-phase-team.match-block-4 {
    border-right: 1px solid #00a28a;
}