/****/
.ten-bracket .bracket-root{
    background-color: var(--primary-dark) !important;
    border: 0px;
}
.ten-bracket .navigation-button svg,
.ten-bracket .scroll-button svg{
    fill: var(--secondary) !important;
}

.ten-bracket .bracket-root .bronze-round-wrapper .round-wrapper .match-wrapper.highlighted .line-wrapper
{
    color: var(--accent-highlight-line) !important;
}


.ten-bracket .round-titles-grid-item{
    border-bottom: 0px !important;
    background-color: var(--primary);
    border-radius: 1rem;
    color: var(--secondary) !important;
}

.ten-bracket .round-titles-grid-item .round-title{
    color: var(--color) !important;
}

.ten-bracket .bracket-root .match-wrapper.highlighted .match-status{
    border-color: var(--accent-highlight-line) !important;
}
.ten-bracket .bracket-root .match-wrapper.highlighted .match-lines-area .line-wrapper {
    color: var(--accent-highlight-line) !important;
    border-color: var(--accent-highlight-line) !important;
}

.ten-bracket .bracket-root .round-wrapper:last-child .match-wrapper:last-child .line-wrapper:last-child {
    color: transparent !important;
    /* border-right: transparent !important; */
}
.ten-bracket .highlighted .player-title{
    color: var(--accent-highlight-line) !important;
}


.ten-bracket .match-body .sides{
    background: var(--accent);
    border: var(--accent-lines) 1px solid;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.10));
    border-radius: 0.45rem;
    padding: 0.35rem;
}

.ten-bracket .match-body.live .sides{
    border-color: transparent;
}
.ten-bracket .match-status{
    position: absolute;
    z-index: 9;
    top: -15px;
    border-radius: 0.45rem;
    border-color: var(--secondary) !important;
    color: var(--primary-dark) !important;
    font-weight: bold;
    gap: 1rem;

}

.ten-bracket .bracket-root .match-lines-area .line-wrapper {
    color: var(--secondary) !important;
}


.bracket-root .match-wrapper.odd .line-wrapper.upper {
    border-bottom-color: var(--secondary) !important;
}

.bracket-root .match-wrapper.even .line-wrapper.lower {
    border-top-color: var(--secondary) !important;
}

.bracket-root .match-status {

    box-shadow: 0 0 0 1000px var(--secondary) inset !important;
}

.bracket-root.with-onMatchClick .match-body:not(:empty):hover .player-title{
    color: var(--secondary) !important;
}
/* .ten-bracket .match-body:hover{
    outline: 3px solid var(--secondary) !important;
    border-radius: 0.5rem;
} */


.ten-bracket .match-body .live{
    border: 5px;
}

.ten-bracket .live{
    border-radius: 0.5rem;
}

.ten-bracket .current-score{
    border-color: #ee222b2e !important;
    color: #FF5E5E !important;
    font-weight: bold;
}
.ten-bracket .match-lines-area{
    z-index: 2 !important;
}

.ten-bracket .side-scores > div:first-child{
    color: var(--secondary);
    font-weight: bold;
}
.side-scores {
    font-size: 1rem;
    line-height: 1.5rem;
}

.ten-bracket .winner-mark svg{
    fill: var(--secondary) !important;
    stroke-width: 1;
}

.round-wrapper .match-wrapper .match-lines-area .line-wrapper.lower
{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px; 
}
.round-wrapper .match-wrapper .match-lines-area .line-wrapper.upper{
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.live-pulse {
    display: inline-block;
    padding: 0px 10px !important;
    color: white;
    text-align: center;
    border-radius: 0.45rem !important;
    /* Fondo inicial */
    background-color: #FF5E5E;
}
.no-antes-pulse {
    display: inline-block;
    padding: 0px 10px !important;
    color: white;
    text-align: center;
    border-radius: 0.45rem !important;
    /* Fondo inicial */
    background-color: var(--accent-highlight-line);
}
.circlePing{
    -webkit-animation: ping 1s linear infinite forwards;
    animation: ping 1s linear infinite forwards;
    border-radius: 100%;
    background-color: #FF5E5E;
}
.ping{-webkit-animation:ping 1s linear infinite forwards;animation:ping 1s linear infinite forwards}
@-webkit-keyframes ping{0%{-webkit-transform:scale(.2);transform:scale(.2);opacity:.8}80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}100%{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}@keyframes ping{0%{-webkit-transform:scale(.2);transform:scale(.2);opacity:.8}80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}100%{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}