.theme--main {
    --color-white: #fff;
    --color-primary: #ff0046;
    --color-primary-2: #ff0046;
    --color-secondary-1: #001e28;
    --color-secondary-2: #00141e;
    --color-secondary-3: #0f2d37;
    --color-secondary-3-active: #143f36;
    --color-support-1: #eee;
    --color-support-2: #c8cdcd;
    --color-support-3: #999;
    --color-support-4: #555e61;
    --color-support-5: #fff;
    --color-green: #14dc4b;
    --color-yellow: #ffcd00;
    --color-red: #dc0000;
    --color-live: #ffe6f3;
    --color-highlight: #eef7ff;
    --color-highlight-2: #eef7ff;
    --color-favorite: #fff2ce;
    --color-primary-rgb: 255,0,70;
    --color-primary-2-rgb: 255,0,70;
    --color-secondary-1-rgb: 0,30,40;
    --color-secondary-2-rgb: 0,20,30;
    --color-secondary-3-rgb: 15,45,55;
    --color-support-1-rgb: 238,238,238;
    --color-support-2-rgb: 200,205,205;
    --color-support-3-rgb: 153,153,153;
    --color-alpha-1: 255,255,255;
    --color-alpha-2: 0,0,0;
    --color-green-rgb: 20,220,75;
    --color-yellow-rgb: 255,205,0;
    --color-red-rgb: 220,0,0;
    --color-support-2-alpha-15: #f7f8f8;
    --color-support-2-alpha-20: #f4f5f5;
    --color-support-3-alpha-30: #dfe1e2;
    --color-combination-1: #001e28;
    --color-combination-2: #001e28;
    --color-combination-3: #0f2d37;
    --color-combination-4: #0f2d37;
    --color-combination-5: #555e61;
    --color-combination-6: #c8cdcd;
    --color-combination-7: #eee;
    --color-combination-8: #eee;
    --color-combination-9: #fff;
    --color-combination-10: #fff;
    --color-combination-11: #fff;
    --color-combination-12: #c8cdcd;
    --color-combination-13: #143f36;
    --color-combination-14: #fff;
    --color-combination-15: #d6033f;
    --color-combination-16: #999;
    --color-combination-17: #555e61;
    --color-combination-18: #9e9e9e;
    --color-combination-19: #555e61;
    --color-combination-20: #555e61;
    --color-combination-21: #fff;
    --color-combination-22: #143f36;
    --color-combination-23: #999;
    --color-combination-24: #999;
    --color-combination-25: #0f2d37;
    --color-combination-26: #003e79;
    --color-combination-27: #001e28;
    --color-combination-28: #00141e;
    --color-combination-29: #c8cdcd;
    --color-combination-30: #555e61;
    --color-combination-31: #555e61;
    --color-combination-32: #001e28;
    --color-skeleton-1: #f2f2f2;
    --color-skeleton-2: #dcdcdc;
    --color-handicap: #67a8d8;
    --color-betslip-rgb: 20,220,75;
    --color-four: #23669d;
    --color-commentary-sub-text: #001e19;
    --color-social-facebook-background: #1b78f2;
    --color-social-facebook-text: #fff;
    --color-social-google-background: #fff;
    --color-social-google-text: #555e61;
    --color-social-apple-background: #000;
    --color-social-apple-text: #fff;
    --color-onetrust-text-1: #656565;
    --color-onetrust-text-2: #b0b0b0;
    --color-onetrust-text-3: #00141e;
    --color-onetrust-wrapper: #fff;
    --color-onetrust-border-1: #d5d5d5;
    --color-onetrust-border-2: rgba(0,0,0,.1);
    --color-onetrust-border-3: rgba(0,0,0,.1);
    --color-onetrust-border-4: #d5d5d5;
    --color-onetrust-background-1: #fff;
    --color-onetrust-background-2: #fff;
    --color-onetrust-background-3: #e9e9e9;
    --color-onetrust-background-4: #e9e9e9;
    --color-onetrust-button: #d6033f;
    --color-onetrust-shield: #fff;
    --color-win: #00a83f;
    --color-draw: #f3a000;
}
.lineThrough {
    text-decoration: line-through;
}
.fontNormal {
    font-weight: 400;
}
.fontBold {
    font-weight: 700;
}
.fontExtraBold {
    font-weight: 800;
}
.no-border-left {
    border-left: 0;
}
.draw {
    color: var(--color-secondary-1);
    display: grid;
    grid-auto-columns: minmax(147px,1fr);
    grid-auto-flow: column;
    margin-top: -28px;
    user-select: none;
}
body:not(.detailbody) .draw {
    max-height: 70vh;
}
.draw__container {
    grid-row-gap: 1px;
    display: grid;
    padding-bottom: 8px;
}
.draw__wrapper {
    overflow-x: auto;
    position: relative;
    z-index: 0;
}
.draw__round {
    display: grid;
    grid-template-rows: 28px;
    min-width: 155px;
    padding-bottom: 80px;
    row-gap: 12px;
}
.draw__round--first .draw__bracket--even {
    bottom: 2px;
}
.draw__round--first .draw__bracket--odd {
    top: 2px;
}
.draw__round--first .draw__bracket:after {
    width: 8px;
}
.draw__round--last .draw__brackets {
    align-content: space-around;
}
.draw__round--last .draw__bracket:after {
    border-radius: 0;
    border-right: none;
    left: -8px;
    width: 8px;
}
.draw__round--only .draw__bracket:after,
.draw__round--only .draw__bracket:before {
    content: none;
}
.draw__shadowHeader {
/*     background-color: var(--color-support-1); */
    border-radius: 4px;
    display: flex;
    height: 28px;
    left: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 2;
    background: #254892 url(https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1) right -855px no-repeat;
}
.shifter + .draw__wrapper .draw__shadowHeader {
    border-radius: 0 0 4px 4px;
}
@media only screen and (max-width: 639px) {
    .shifter + .draw__wrapper .draw__shadowHeader {
        border-radius: 0;
    }
}
.draw__clearHeader {
    height: 28px;
    left: 0;
    margin-top: -28px;
    width: 100%;
    z-index: 3;
}
.draw__clearHeader,
.draw__header {
    display: flex;
    position: sticky;
    top: 0;
}
.draw__header {
    align-items: center;
    border-radius: 4px;
/*     color: var(--color-support-4); */
    color: white;
    font-size: 11px;
    font-weight: 700;
    grid-row: 1;
    justify-content: center;
    text-transform: uppercase;
    z-index: 2;
}
@media only screen and (max-width: 639px) {
    .draw__header {
        border-radius: 0;
    }
}
.draw__header--final {
    align-items: center;
    background-color: var(--color-support-1);
    border-radius: 4px;
    display: flex;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    margin: 12px 0;
    position: relative;
    z-index: -10;
}
.draw__brackets {
    grid-gap: 16px 0;
    display: grid;
    margin: 0 23px 0 0;
    z-index: 1;
}
.draw__brackets--final {
    z-index: var(--zIndex);
}
.draw__brackets--semiFinaleFirst {
    grid-row-gap: 50px;
}
.draw__bracket {
    align-items: center;
    display: grid;
    position: relative;
    z-index: var(--zIndex);
}
.draw__bracket--even:after {
    border-bottom: 1px solid;
    border-bottom-right-radius: 8px;
    bottom: 50%;
}
.draw__bracket--odd:after {
    border-top: 1px solid;
    border-top-right-radius: 8px;
    top: 50%;
}
.draw__bracket:after {
    border-right: 1px solid;
    border-color: var(--color-combination-8);
    content: "";
    height: 100%;
    position: absolute;
    right: -8px;
    width: calc(100% + 16px);
    z-index: -1;
}
.bracket {
    background-color: var(--color-combination-9);
    border: 1px solid var(--color-combination-8);
    border-radius: 8px;
    color: var(--color-combination-2);
    cursor: pointer;
    display: grid;
    grid-template: " homeImage homeParticipant homeResult " 15px " .         .               .          " 4px " awayImage awayParticipant awayResult " 15px / max-content 1fr max-content;
    padding: 12px 8px;
}
.bracket--defaultHighlighted,
.bracket--highlighted {
    background-color: var(--color-highlight);
}
.bracket--eventless {
    cursor: default;
}
.bracket--active {
    background-color: #001e28;
    border-color: #001e28;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
}
.bracket--active,
.bracket--active .bracket__image {
    color: var(--color-white);
}
.bracket__participant {
    align-self: center;
    display: flex;
    overflow: hidden;
}
.bracket__participant--home {
    grid-area: homeParticipant;
}
.bracket__participant--away {
    grid-area: awayParticipant;
}
.bracket__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bracket__name--advancing {
    font-weight: 800;
}
.bracket__image {
    align-self: center;
    color: var(--color-combination-2);
    justify-self: center;
    margin-right: 10px;
}
.bracket__image--placeholder {
    height: 15px;
    width: 15px;
}
.bracket__image--home {
    grid-area: homeImage;
}
.bracket__image--away {
    grid-area: awayImage;
}
.bracket__result {
    align-items: center;
    display: grid;
    font-weight: 700;
    grid-auto-columns: minmax(24px, max-content);
    grid-auto-flow: column;
    justify-content: flex-end;
    justify-items: flex-end;
}
.bracket__result--home {
    grid-area: homeResult;
}
.bracket__result--away {
    grid-area: awayResult;
}
.bracket__result--homeAway {
    grid-area: homeResult/homeResult/awayResult;
}
.bracket__info {
    color: var(--color-support-3);
    font-weight: 400;
    margin-left: 4px;
    white-space: nowrap;
}
.bracket__series {
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: calc(50% + 21px);
    width: 100%;
    left: 0;
    border: 1px solid #e8e8e8;
    border-top: 0;
    border-radius: 0 0 10px 10px;
    font-size: 13px;
}
.bracket__series .series__time:hover{
    text-decoration: underline;
}
.bracket__series:before {
    border-radius: 0 0 8px 8px;
    content: "";
    height: calc(100% - 10px);
    position: absolute;
    width: 100%;
    z-index: 1;
}
.theme--dark .bracket__series:before {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
}
.series {
    align-items: center;
    background-color: var(--color-combination-14);
    color: var(--color-combination-2);
    cursor: pointer;
    display: grid;
    grid-template: ". time names . result ." 36px/8px 44px 1fr 8px max-content 8px;
    position: relative;
    text-decoration: none;
    z-index: 2;
}
.series:not(:last-of-type) {
    border-bottom: 1px solid var(--color-support-1);
}
.series:last-of-type {
    border-radius: 0 0 10px 10px;
}
.series:hover .series__names {
    text-decoration: underline;
}
.series__time {
    color: var(--color-support-4);
    grid-area: time;
}
.series__names {
    grid-area: names;
    margin-right: auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 16px;
}
.cycling.theme--dark .series__names,
.mma.theme--dark .series__names,
.theme--dark .series__names .basketball,
.theme--dark .series__names .cricket,
.theme--dark .series__names .motorsport,
.theme--dark .series__names .motorsport-auto-racing,
.theme--dark .series__names .motorsport-moto-racing,
.theme--dark .series__names .rugby-league,
.theme--dark .series__names .rugby-union {
    color: #e6e6e6;
}
.series__namesDivider {
    padding: 0 3px;
}
.series .result {
    font-weight: 700;
    grid-area: result;
    justify-self: flex-end;
}
.series .result--empty {
    margin-right: 10px;
}
/* @media only screen and (max-width: 479px) {
    .draw {
        grid-auto-columns: 100%;
        margin-top: 0;
        overflow-x: visible;
        transform: translateX(calc(var(--i, 0) * -100%));
        transition: transform 0.35s ease-out;
    }
    .draw__container {
        margin: initial;
    }
    .draw__wrapper {
        margin: initial;
        overflow-x: hidden;
    }
    .draw__clearHeader,
    .draw__shadowHeader {
        display: none;
    }
    .draw__header {
        background-color: var(--color-support-1);
        display: grid;
        font-size: 12px;
        grid-template: "previous label next" auto/50px 1fr 50px;
    }
    .draw__header--final {
        display: flex;
    }
    .draw__header .draw__label {
        grid-area: label;
        place-self: center;
    }
    .draw__round--first .draw__bracket:after {
        width: 8px;
    }
    .draw__round--last .draw__bracket:after {
        left: -16px;
        width: 16px;
    }
    .draw__round--last .draw__bracket:before {
        content: none;
    }
    .draw__round--last .bracket--even,
    .draw__round--last .bracket--odd {
        bottom: 0;
        top: 0;
    }
    .draw__brackets {
        grid-auto-rows: min-content;
        margin: 0 16px;
    }
    .draw__brackets,
    .draw__round--last .draw__brackets {
        align-content: flex-start;
    }
    .draw__brackets--semiFinaleFirst {
        grid-row-gap: 16px;
    }
    .draw__bracket--even {
        bottom: 2px;
    }
    .draw__bracket--even:before {
        background-color: var(--color-support-1);
        content: "";
        height: 1px;
        left: auto;
        position: absolute;
        right: -16px;
        top: -6px;
        width: 8px;
    }
    .draw__bracket--odd {
        top: 2px;
    }
    .draw__bracket:after {
        right: -8px;
        width: calc(100% + 24px);
    }
    .draw__arrow {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        position: relative;
        top: 0;
        width: 100%;
    }
    .draw__arrow:after {
        border-style: solid;
        content: "";
        height: 8px;
        transform: rotate(135deg);
        width: 8px;
    }
    .draw__arrow--previous {
        grid-area: previous;
    }
    .draw__arrow--previous:after {
        border-width: 0 2px 2px 0;
    }
    .draw__arrow--next {
        grid-area: next;
    }
    .draw__arrow--next:after {
        border-width: 2px 0 0 2px;
    }
    .shifter {
        display: none;
    }
} */
.drawSkeleton {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: auto;
}
@media only screen and (min-width: 639px) {
    .drawSkeleton {
        margin: 0 8px;
    }
}
.draw__wrapper .drawSkeleton {
    margin-top: 0;
}
.drawSkeleton__shifter {
    background-color: var(--color-skeleton-1);
}
.drawSkeleton__rounds {
    display: grid;
    grid-auto-columns: minmax(202px, 1fr);
    grid-auto-flow: column;
    margin-top: -28px;
    overflow: hidden;
}
.drawSkeleton__round {
    grid-gap: 12px;
    display: grid;
    grid-template-rows: 28px;
}
.drawSkeleton__header {
    grid-row: 1;
}
.drawSkeleton__shadowHeader {
    background-color: var(--color-skeleton-2);
    display: flex;
    height: 28px;
    left: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 2;
}
@media only screen and (min-width: 639px) {
    .drawSkeleton__shadowHeader {
        border-radius: 4px;
    }
}
.drawSkeleton__brackets {
    grid-gap: 16px;
    display: grid;
}
.drawSkeleton__bracket {
    align-self: center;
    border: 1px solid var(--color-skeleton-1);
    border-radius: 8px;
    display: grid;
    grid-template: ". .               .               ." auto ". homeParticipant .               ." 13px ". .               .               ." 6px ". awayParticipant awayParticipant ." 13px ". .               .               ." auto/8px 80px 20px 1fr;
    height: 60px;
    margin: 0 8px;
    position: relative;
}
.drawSkeleton__bracket:before {
    content: "";
    grid-area: homeParticipant;
}
.drawSkeleton__bracket:after {
    content: "";
    grid-area: awayParticipant;
}
.drawSkeleton__round:first-of-type .drawSkeleton__bracket:nth-of-type(2n) {
    bottom: 2px;
}
.drawSkeleton__round:first-of-type .drawSkeleton__bracket:nth-of-type(odd) {
    top: 2px;
}
/* @media only screen and (max-width: 479px) {
    .drawSkeleton__rounds {
        grid-auto-columns: 100%;
    }
    .drawSkeleton__rounds .drawSkeleton__round {
        grid-auto-rows: min-content;
    }
    .drawSkeleton__rounds .drawSkeleton__round .drawSkeleton__bracket:nth-of-type(2n) {
        bottom: 2px;
    }
    .drawSkeleton__rounds .drawSkeleton__round .drawSkeleton__bracket:nth-of-type(odd) {
        top: 2px;
    }
    .drawSkeleton__bracket {
        margin: 0 16px;
    }
    .drawSkeleton__round .drawSkeleton__header {
        margin-left: 0;
    }
    .drawSkeleton__shifter {
        display: none;
    }
} */
.shifter {
    background-color: var(--color-support-1);
    border-radius: 4px 4px 0 0;
    display: none;
    grid-template: " .           .   .    " 8px " previous    .   next " 28px " .           .   .    " 8px / max-content 1fr max-content;
    padding: 0 16px;
}
@media only screen and (max-width: 639px) {
    .shifter {
        border-radius: 0;
    }
}
.draw__cover .shifter {
    display: grid;
}
.playerStatsTableShifter .shifter {
    grid-template: "previous . next" 30px / max-content 1fr max-content;
    padding-top: 5px;
}
.playerStatsTableShifter .shifter .shifter__stage {
    height: auto;
    top: 0;
}
.shifter__stage {
    align-items: center;
    background-color: var(--color-support-5);
    border-radius: 8px;
    color: var(--color-support-3);
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 0.4px;
    position: relative;
    text-transform: uppercase;
    transition: background-color 0.25s;
    user-select: none;
}
.shifter__stage--next:after,
.shifter__stage--previous:before {
    background-position: 50%;
    background-repeat: no-repeat;
    content: var(
        --arrow,
        url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 15 15'%3E%3Cpath fill='%230f2d37' d='M3.5.685 9.818 7 3.5 13.316l.685.684 7-7-7.001-7L3.5.684z'/%3E%3C/svg%3E")
    );
    height: 14px;
    padding-left: 5px;
    width: 12px;
}
.theme--dark .shifter__stage:not(.shifter__stage--disabled) {
    --arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 15 15'%3E%3Cpath fill='%23eee' d='M3.5.685 9.818 7 3.5 13.316l.685.684 7-7-7.001-7L3.5.684z'/%3E%3C/svg%3E");
}
.shifter__stage--disabled {
    --arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 15 15'%3E%3Cpath fill='%23999' d='M3.5.685 9.818 7 3.5 13.316l.685.684 7-7-7.001-7L3.5.684z'/%3E%3C/svg%3E");
}
.shifter__stage--previous {
    grid-area: previous;
    padding: 0 10px;
}
.shifter__stage--previous:before {
    transform: rotate(180deg);
}
.shifter__stage--next {
    grid-area: next;
    padding: 0 10px;
}
.shifter__stage:not(.shifter__stage--disabled) {
    color: var(--color-combination-4);
    cursor: pointer;
}
.shifter__stage:not(.shifter__stage--disabled):hover {
    background-color: var(--color-combination-12);
}
/* @media only screen and (max-width: 479px) {
    .draw__cover .shifter {
        display: none;
    }
} */
.closeButton {
    color: var(--color-secondary-2);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    margin-left: -8px;
    text-decoration: underline;
    user-select: none;
}
.closeButton,
.closeButtonLink {
    align-items: center;
    display: flex;
}
.closeButton:hover {
    text-decoration: none;
}
.closeButton--stream {
    align-items: center;
    color: var(--color-white);
    display: flex;
    margin-right: 16px;
    text-transform: lowercase;
}
.closeButton .close-ico {
    height: 12px;
    padding: 8px;
    width: 12px;
}
.wrapperHeader {
    display: flex;
    text-transform: lowercase;
}
.wrapperHeader .closeButton {
    align-items: center;
    color: var(--color-white);
    display: flex;
    justify-content: center;
    padding: 0 16px 0 8px;
}
.wrapperBottom {
    display: flex;
    justify-content: center;
    padding: 8px 0;
}
.detailTableDraw #detail {
    background-color: var(--color-support-5);
    min-height: 100vh;
}
.detailTableDraw {
    background-color: unset;
}
.detailTableDraw.theme--dark {
    background-color: var(--color-support-5);
}
.container__detail {
    display: grid;
    grid-template: " . detail . " minmax(100vh, 1fr) / 1fr minmax(0, 688px) 1fr;
}
.container__detailInner {
    background-color: var(--color-support-5);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    grid-area: detail;
}
.header__brand {
    background-color: #001e28;
    display: flex;
    height: 52px;
}
.header__logo {
    background-position: 23px 50%;
    background-repeat: no-repeat;
    background-size: auto 20px;
    display: flex;
    flex: 1;
}
/* @media only screen and (max-width: 479px) {
    .header__logo {
        background-position: 10px 50%;
    }
} */
.detailTableDraw .header__logo {
    background-position: 20px 50%;
}
._ss .header__logo {
    background-size: auto 16px;
}
/* @media only screen and (max-width: 639px) {
    .header__brand {
        height: 44px;
    }
} */
.table {
    display: grid;
}
.table__header {
    border-bottom: 1px solid var(--color-border-4);
    display: flex;
    height: 29px;
    user-select: none;
}
.table__headerInfo {
    align-items: center;
    background-color: var(--color-support-1);
    border-radius: 4px 4px 0 0;
    display: flex;
    flex: 1;
    font-size: 11px;
    height: 28px;
    margin-bottom: 1px;
    padding: 0 10px;
    text-transform: uppercase;
}
/* @media only screen and (max-width: 639px) {
    .table__headerInfo {
        border-radius: 0;
    }
} */
.table__headerInfo + .tableWrapper {
    border-radius: 0 0 4px 4px;
}
.table__headerInfo:first-of-type {
    border-radius: 0;
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}
.table__headerCell {
    align-items: center;
    background-color: var(--color-support-1);
    color: var(--color-secondary-2);
    display: flex;
    font-size: 11px;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 32px;
}
.table__headerCell:first-child {
    border-bottom-left-radius: 4px;
}
.table__headerCell:last-child {
    border-bottom-right-radius: 4px;
}
.table__headerCell--sorted {
    background-color: var(--color-support-3-alpha-30);
}
.table__headerCell--sortable:hover {
    cursor: pointer;
    text-decoration: underline;
}
.table__headerCell--participant {
    align-self: center;
    display: block;
    flex: 1 0 100px;
    justify-content: flex-start;
    left: 32px;
    line-height: 29px;
    overflow: hidden;
    padding: 0 10px;
    position: sticky;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 100px;
    z-index: 1;
}
.table__headerCell--form {
    width: 160px;
}
.table__headerCell--rank {
    background-color: var(--color-support-1) !important;
    left: 0;
    position: sticky;
    top: 0;
    width: 32px;
    z-index: 1;
}
.table__headerCell--points {
    color: var(--color-secondary-2);
    font-weight: 700;
}
.table__cell {
    align-items: center;
    align-self: center;
    background-color: var(--color-support-5);
    color: var(--color-combination-2);
    display: flex;
    height: 35px;
    width: 32px;
}
.table__cell--value {
    justify-content: center;
}
.table__cell--forAgainstPercentage,
.table__cell--frames,
.table__cell--goalsForAgainstDiff,
.table__cell--netRunRate,
.table__cell--pct,
.table__cell--pointsDifference,
.table__cell--score,
.table__cell--sets {
    width: 48px;
}
.golf .table__cell--pointsDifference {
    width: 65px;
}
.handball .table__cell--score {
    width: 75px;
}
.table__cell--over,
.table__cell--under {
    width: 32px;
}
.table__cell--runs,
.table__cell--totalPoints {
    width: 70px;
}
.table__cell--points {
    color: var(--color-secondary-2);
    font-weight: 700;
}
.table__cell--live {
    justify-content: flex-end;
    padding-left: 10px;
    width: 36px;
}
.table__cell--changedValue {
    align-self: stretch;
    color: var(--color-primary);
}
.table__cell--rank {
    justify-content: center;
    left: 0;
}
.table__cell--participant,
.table__cell--rank {
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
}
.table__cell--participant {
    background-color: var(--color-combination-21);
    flex-grow: 1;
    flex-shrink: 0;
    left: 32px;
    padding: 0 10px;
    width: 100px;
}
.table__cell--participantShadow:after {
    box-shadow: 3px 0 4px 0 rgba(var(--color-alpha-2), 0.08);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 5px;
}
.table__cell--form {
    align-items: center;
    display: flex;
    grid-area: form;
    justify-content: flex-start;
    line-height: 14px;
    padding: 0 10px;
    width: 140px;
}
.table__cell--sorted.table__cell--changedValue,
.table__cell--sorted.table__cell--value,
.table__cell--sorted:not(:first-child) {
    background: var(--color-support-2-alpha-15);
}
.table__cell--highlighted {
    background-color: rgba(var(--color-support-2-rgb), 0.15) !important;
}
.table__cell--greyedOut {
    color: var(--color-text-2);
}
.table__body {
    display: grid;
    grid-auto-rows: 36px;
}
.table__row {
    border-bottom: 1px solid var(--color-support-1);
    box-sizing: border-box;
    display: flex;
    height: 36px;
}
.table__row > * {
    flex-shrink: 0;
}
.table__row--selected .table__cell {
    background-color: var(--color-highlight);
}
.table__row--selected .tableCellParticipant__name {
    color: var(--color-combination-26);
    font-weight: 700;
}
.table__row--highlighted .table__cell {
    background-color: var(--color-support-2-alpha-20);
}
.table__row:first-of-type .table__cell--participantShadow:after {
    bottom: 100%;
    box-shadow: 3px 0 4px 0 rgba(var(--color-alpha-2), 0.08);
    content: "";
    display: flex;
    height: calc(100% + 3px);
    position: absolute;
    right: 0;
    width: 10px;
}
.table__legend,
.table__note {
    margin-top: 16px;
}
.table__sortArrow {
    color: var(--color-draw-text, var(--color-sport-secondary-body));
    height: 4px;
    margin-left: 3px;
    position: relative;
    width: 6px;
}
.table__sortArrow--desc {
    transform: rotate(180deg);
}
/* @media only screen and (max-width: 639px) {
    .tournamentTableDraw__filter {
        --filterGroup-paddingTop: 0;
    }
} */
.tournamentTableDraw__filter--extra {
    --filter-borderBottom: 1px solid var(--color-support-1);
    --filterGroup-paddingBottom: 12px;
}
.detailTableDraw .tournamentTableDraw__filter--extra {
    margin: 12px -12px 0;
    padding: 0 12px;
}
/* @media only screen and (max-width: 639px) {
    .detailTableDraw .tournamentTableDraw__filter--extra {
        margin: 12px 0 0;
        padding: initial;
    }
} */
.detailTableDraw .tournamentTableDraw__filter,
.tournamentTableDraw__filter--extra + #tournament-table-tabs-and-content > .tournamentTableDraw__filter {
    margin-top: 12px;
}
.tournamentTableDraw__subFilter .tournamentTableMobileResolver {
    padding-right: 0;
}
.tournamentTableDraw__subFilter .subFilter__group {
    grid-auto-columns: auto;
}
.tournamentTableDraw__subFilter .subFilter__group:empty {
    display: none;
}
#tournament-table {
    background-color: var(--color-combination-9);
    border-radius: 8px;
    margin: 10px 0;
/*     padding: 16px 12px; */
}
.detailTableDraw #tournament-table {
    margin: 0 0 10px;
    padding: 0 12px 16px;
}
/* @media only screen and (max-width: 639px) {
    #tournament-table {
        border-radius: 0;
        padding: 16px 0;
    }
    .detailTableDraw #tournament-table {
        padding: 0 0 16px;
    }
} */
.container__detail #tournament-table-tabs-and-content {
    padding: 0 12px;
}
/* @media only screen and (max-width: 639px) {
    .container__detail #tournament-table-tabs-and-content {
        padding: 0;
    }
} */
.subFilter + div div .tableWrapper:first-child {
    border-radius: 0;
}
.subFilter:empty + div div .tableWrapper:first-child,
.tableWrapper {
    border-radius: 4px;
}
.tableWrapper {
    margin-bottom: 12px;
    overflow-x: auto;
}
.tableWrapper:last-of-type {
    margin-bottom: 0;
}
/* @media only screen and (max-width: 639px) {
    .tableWrapper:not(:first-child) {
        border-radius: 0;
    }
} */
.tableCellHtFtValue {
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px;
}
.tableCellHtFtValue--highlighted {
    background-color: var(--color-combination-20);
    color: var(--color-white);
}
.tableCellParticipant {
    align-items: center;
    display: flex;
    padding-right: 10px;
    width: 100%;
}
.tableCellParticipant__block {
    align-items: center;
    display: flex;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tableCellParticipant__image {
    display: flex;
    margin-right: 8px;
}
.tableCellParticipant__image > img {
    height: 20px;
    width: 20px;
}
.tableCellParticipant__name {
    color: var(--color-combination-2);
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tableCellParticipant__name:hover {
    text-decoration: underline;
}
.tableCellParticipant__promotionIcon {
    display: flex;
    height: 11px;
    margin-left: 5px;
    width: 11px;
}
/* @media only screen and (max-width: 639px) {
    .tableCellParticipant__promotionIcon {
        width: 12px;
    }
} */
.tableCellRank {
    align-items: center;
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    width: 20px;
}
.tableCellPoints {
    align-self: stretch;
    text-decoration: underline;
}
.tableCellFormIcon {
    border-radius: 4px;
}
.tableCellFormIcon:first-child:not(.tableCellFormIcon--TBD) {
    margin-left: 24px;
}
.tableCellFormIcon:not(:last-child) {
    margin-right: 4px;
}
.tableCellFormIcon > * {
    outline: none;
}
.tableCellTeamLogoPlaceholder {
    color: var(--color-combination-2);
    flex-shrink: 0;
    height: 20px;
    margin-right: 8px;
    width: 20px;
}
.liveScore {
    align-items: center;
    background-color: var(--color-draw);
    border-radius: 4px;
    color: var(--color-white);
    cursor: pointer;
    display: flex;
    font-weight: 700;
    padding: 2px 5px;
    text-align: center;
}
.liveScore:empty {
    display: none;
}
.liveScore:hover {
    text-decoration: underline;
}
.liveScore--isWinning {
    background-color: var(--color-win);
}
.liveScore--isLosing {
    background-color: var(--color-red);
}
.positionChange {
    align-self: center;
    display: flex;
    padding-left: 5px;
}
.positionChange--up {
    color: var(--color-win);
}
.positionChange--down {
    color: var(--color-red);
}
.positionChange__arrow {
    height: 6px;
}
.positionChange__arrow--down {
    transform: rotate(180deg);
}
.tableLegend {
    display: grid;
    grid-template: " rank .    info " max-content " note .    info " auto/auto 16px auto;
    justify-content: space-between;
    margin: 10px 10px 0;
}
.tableLegend__info {
    display: grid;
    grid-area: info;
    grid-auto-flow: row;
    grid-auto-rows: min-content;
    max-width: max-content;
    row-gap: 10px;
}
.tableLegend__note {
    color: var(--color-support-4);
    display: flex;
    font-family: LivesportFinderLatin;
    font-size: 12px;
    grid-area: note;
}
.tableLegend__rank {
    display: grid;
    grid-area: rank;
    row-gap: 6px;
}
.tableLegend__rank:not(:empty) {
    margin-bottom: 16px;
}
.tableLegend__row {
    color: var(--color-secondary-2);
    font-family: LivesportFinderLatin;
}
.tableLegend__infoLegendRow,
.tableLegend__row {
    align-items: center;
    display: flex;
    font-size: 12px;
}
.tableLegend__infoLegendRow {
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--color-support-4);
}
.tableLegend__infoIcon {
    flex-shrink: 0;
    height: 14px;
    margin-right: 6px;
    padding: 2px 0;
    width: 14px;
}
.tableLegend__coloredSquare {
    border-radius: 4px;
    height: 14px;
    margin-right: 10px;
    min-width: 14px;
    width: 14px;
}
/* @media only screen and (max-width: 550px) {
    .tableLegend {
        grid-template: " rank " auto " info " auto " note " auto/1fr;
    }
    .tableLegend__info:not(:empty) {
        justify-content: flex-start;
        margin-bottom: 10px;
    }
    .tableLegend__infoLegendRow {
        justify-self: flex-start;
        width: 100%;
    }
} */
.topScorers__tableWrapper {
    overflow-x: auto;
}
.topScorers__row {
    align-items: center;
    border-bottom: 1px solid var(--color-support-1);
    display: flex;
}
.topScorers__row a {
    color: var(--color-combination-2);
}
.topScorers__row--selected .topScorers__cell,
.topScorers__row--selected .topScorers__participantCell {
    background-color: var(--color-highlight);
}
.topScorers__row--selected .topScorersParticipant {
    color: var(--color-combination-26);
    font-weight: 700;
}
.topScorers__row:first-of-type .topScorers__cell--participantShadow:after {
    bottom: 100%;
    box-shadow: 3px 0 4px 0 rgba(var(--color-alpha-2), 0.08);
    content: "";
    display: flex;
    height: calc(100% + 3px);
    position: absolute;
    right: 0;
    width: 10px;
}
.topScorers__emptyRow {
    line-height: 28px;
    padding: 0 10px;
}
.topScorers__headerCell {
    width: 32px;
}
.topScorers__headerCell--rank {
    color: var(--color-secondary-2);
    font-weight: 700;
    left: 0;
    position: sticky;
    top: 0;
    width: 32px;
    z-index: 1;
}
.topScorers__headerCell--player,
.topScorers__headerCell--team {
    flex-grow: 1;
    justify-content: flex-start;
    padding: 0 10px;
    width: 100px;
}
.topScorers__headerCell--player {
    left: 32px;
    position: sticky;
    top: 0;
    z-index: 1;
}
.topScorers__headerCell--goals,
.topScorers__headerCell--points {
    color: var(--color-secondary-2);
    font-weight: 700;
    width: 48px !important;
}
.floorball .topScorers__headerCell--goals,
.hockey .topScorers__headerCell--goals {
    color: inherit;
    font-weight: 400;
}
.topScorers__participantCell {
    align-items: center;
    background-color: var(--color-support-5);
    display: flex;
    flex-grow: 1;
    height: 100%;
    text-decoration: none;
}
.topScorers__participantCell--withoutTeam {
    background-color: var(--color-support-5);
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    padding: 0 10px;
    width: 100px;
}
.topScorers__participantCell--player {
    left: 32px;
    position: sticky;
    top: 0;
    width: 120px;
}
.topScorers__participantCell:not(.topScorers__participantCell--player) {
    display: block;
    line-height: 36px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
}
.topScorers__participantCell:not(.topScorers__participantCell--player):hover {
    text-decoration: underline;
}
.topScorers__participantCell span {
    margin-right: 8px;
}
.topScorers__cell {
    align-items: center;
    background-color: var(--color-support-5);
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    width: 32px;
}
.topScorers__cell--rank {
    color: var(--color-secondary-2);
    font-weight: 700;
    left: 0;
    position: sticky;
    top: 0;
}
.topScorers__cell--goals,
.topScorers__cell--points {
    color: var(--color-secondary-2);
    font-weight: 700;
    width: 48px !important;
}
.floorball .topScorers__cell--goals,
.hockey .topScorers__cell--goals {
    color: inherit;
    font-weight: 400;
}
.soccer .topScorers__cell--gray {
    color: var(--color-text-2);
}
.topScorers__cell--sorting {
    background-color: var(--color-support-2-alpha-15);
}
.topScorers__cell--participantShadow {
    box-shadow: 3px 0 4px 0 rgba(var(--color-alpha-2), 0.08);
}
.topScorers__showMore {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    margin-top: 16px;
    text-decoration: underline;
}
.topScorers__showMore:hover {
    text-decoration: none;
}
.topScorers__showMore--arrow {
    height: 12px;
    margin-left: 4px;
    margin-top: 2px;
    transform: rotate(-90deg);
    width: 12px;
}
.topScorers__dropDowns {
    grid-column-gap: 8px;
    background: var(--color-support-1);
    border-radius: 4px 4px 0 0;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    margin-bottom: 1px;
    padding: 8px;
}
/* @media only screen and (max-width: 639px) {
    .topScorers__dropDowns {
        border-radius: 0;
    }
} */
.topScorers__dropDowns .topScorersFilter {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
}
.topScorers__dropDowns--showResolvers {
    grid-auto-flow: row;
    grid-template-rows: 36px;
    padding: 0;
}
.topScorers__dropDowns--showResolvers .topScorersFilter {
    outline: none;
}
.topScorers__dropDowns--showResolvers svg.filter-ico,
.topScorers__dropDowns--showResolvers svg.topScorers__closeButton {
    color: var(--color-secondary-2);
    margin: 0 10px 4px;
}
.topScorers__dropDowns--showResolvers svg.topScorers__closeButton {
    height: 11px;
    width: 11px;
}
.topScorers__dropDowns--showResolvers .topScorersFilter__dropdowns {
    grid-row-gap: 8px;
    display: grid;
    padding: 0 8px 8px;
}
.topScorersParticipant {
    align-items: center;
    display: block;
    overflow: hidden;
    padding: 0 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.topScorersParticipant .flag {
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    width: 21px;
}
.topScorersParticipant--clickable:hover {
    text-decoration: underline;
}
.tournamentTableMobileResolver {
    align-self: center;
    display: none;
    justify-self: flex-end;
    padding-right: 8px;
}
.tournamentTableMobileResolver--open {
    display: flex;
}
div[id^="glib-stats-submenu-form-"] .tournamentTableMobileResolver,
div[id^="glib-stats-submenu-ht_ft"] .tournamentTableMobileResolver,
div[id^="glib-stats-submenu-over_under"] .tournamentTableMobileResolver {
    display: none;
}
.subTabs--noData .tournamentTableMobileResolver {
    padding-bottom: 3px;
}
.tournamentTableMobileResolver__icon {
    align-items: center;
    border-radius: 8px;
    color: var(--color-combination-16);
    cursor: pointer;
    display: flex;
    height: 16px;
    justify-content: center;
    padding: 6px;
    width: 16px;
}
.tournamentTableMobileResolver__icon--selected,
.tournamentTableMobileResolver__icon:hover {
    background-color: var(--color-combination-10);
    color: var(--color-combination-3);
}
.tournamentTableMobileResolver__icon--simplified {
    margin-right: 4px;
}
.tournamentTablesTabSkeleton__skeleton {
    display: grid;
    grid-auto-flow: row;
}
.tournamentTablesTabSkeleton__skeletonTabs {
    grid-column-gap: 8px;
    display: grid;
    grid-template-columns: 80px 45px 60px 50px;
    margin-bottom: 16px;
}
.tournamentTablesTabSkeleton__skeletonTab {
    background-color: var(--color-skeleton-1);
    border-radius: 8px;
}
.tournamentTablesTabSkeleton__skeletonTab:first-child {
    background-color: var(--color-skeleton-2);
}
.tournamentTablesTabSkeleton__skeletonSubtabs {
    grid-column-gap: 8px;
    background-color: var(--color-skeleton-2);
    border-radius: 4px 4px 0 0;
    display: grid;
    grid-template-columns: 100px;
    margin-bottom: 1px;
}
.tournamentTablesTabSkeleton__skeletonSubTab {
    background-color: var(--color-support-1);
    border-radius: 8px;
    margin: 8px 12px;
}
.tournamentTablesTabSkeleton__skeletonHeader {
    align-content: center;
    background-color: var(--color-skeleton-1);
    display: grid;
    grid-template: " .    rank .    .    participant .   .    z    .    .    g    .    .    b    . " 13px/11px 10px 11px 10px 80px 1fr 14px 12px 14px 18px 28px 18px 18px 12px 18px;
    height: 29px;
}
@media only screen and (min-width: 639px) {
    .tournamentTablesTabSkeleton__skeletonHeader {
        border-radius: 4px;
    }
    .tournamentTablesTabSkeleton__skeletonHeader--withTabs {
        border-radius: 0 0 4px 4px;
    }
}
.tournamentTablesTabSkeleton__skeletonHeaderCell {
    background-color: var(--color-skeleton-2);
}
.tournamentTablesTabSkeleton__skeletonHeaderCell:first-child {
    grid-area: rank;
}
.tournamentTablesTabSkeleton__skeletonHeaderCell:nth-child(2) {
    grid-area: participant;
}
.tournamentTablesTabSkeleton__skeletonHeaderCell:nth-child(3) {
    grid-area: z;
}
.tournamentTablesTabSkeleton__skeletonHeaderCell:nth-child(4) {
    grid-area: g;
}
.tournamentTablesTabSkeleton__skeletonHeaderCell:nth-child(5) {
    grid-area: b;
}
.tournamentTablesTabSkeleton__skeletonRow {
    align-content: center;
    border-bottom: 1px solid var(--color-skeleton-1);
    display: grid;
    grid-template: " .    rank .    .    participant .   .    z    .    .    g    .    .    b    . " 13px/11px 10px 11px 10px 80px 1fr 14px 12px 14px 18px 28px 18px 18px 12px 18px;
    height: 35px;
}
.tournamentTablesTabSkeleton__skeletonRow:first-of-type,
.tournamentTablesTabSkeleton__skeletonRow:nth-of-type(6) {
    grid-template-columns: 11px 10px 11px 10px 100px 1fr 14px 12px 14px 18px 28px 18px 18px 12px 18px;
}
.tournamentTablesTabSkeleton__skeletonRow:nth-of-type(2),
.tournamentTablesTabSkeleton__skeletonRow:nth-of-type(5) {
    grid-template-columns: 11px 10px 11px 10px 120px 1fr 14px 12px 14px 18px 28px 18px 18px 12px 18px;
}
.tournamentTablesTabSkeleton__skeletonRow:nth-of-type(3),
.tournamentTablesTabSkeleton__skeletonRow:nth-of-type(9) {
    grid-template-columns: 11px 10px 11px 10px 90px 1fr 14px 12px 14px 18px 28px 18px 18px 12px 18px;
}
.tournamentTablesTabSkeleton__skeletonRow:nth-of-type(4) {
    grid-template-columns: 11px 10px 11px 10px 75px 1fr 14px 12px 14px 18px 28px 18px 18px 12px 18px;
}
.tournamentTablesTabSkeleton__skeletonRow:nth-of-type(7) {
    grid-template-columns: 11px 10px 11px 10px 65px 1fr 14px 12px 14px 18px 28px 18px 18px 12px 18px;
}
.tournamentTablesTabSkeleton__skeletonRow :first-of-type {
    grid-area: rank;
}
.tournamentTablesTabSkeleton__skeletonRow :nth-of-type(2) {
    grid-area: participant;
}
.tournamentTablesTabSkeleton__skeletonRow :nth-of-type(3) {
    grid-area: z;
}
.tournamentTablesTabSkeleton__skeletonRow :nth-of-type(4) {
    grid-area: g;
}
.tournamentTablesTabSkeleton__skeletonRow :nth-of-type(5) {
    grid-area: b;
}
.tournamentHeader {
    align-items: center;
    border-bottom: 1px solid var(--color-support-1);
    box-sizing: border-box;
    color: var(--color-support-4);
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: space-between;
    min-height: 38px;
    padding: 5px 10px;
    text-transform: uppercase;
}
._ass .tournamentHeader {
    padding-left: 24px;
}
/* @media only screen and (max-width: 479px) {
    ._ass .tournamentHeader {
        padding-left: 10px;
    }
} */
/* @media only screen and (max-width: 639px) {
    .tournamentHeader {
        line-height: 28px;
    }
} */
.theme--dark .tournamentHeader__participantImg {
    border: 4px solid transparent;
    border-radius: 4px;
}
.detailTableDraw .tournamentHeader {
    box-sizing: border-box;
    line-height: 18px;
    margin-left: -12px;
    min-height: 42px;
    padding: 5px 20px;
    white-space: normal;
    width: calc(100% + 24px);
}
/* @media only screen and (max-width: 639px) {
    .detailTableDraw .tournamentHeader {
        margin-left: 0;
        width: 100%;
    }
} */
.tournamentHeader__content {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}
.tournamentHeader__flagIcon .flag {
    display: flex;
    height: 12px;
    overflow: hidden;
    width: 18px;
}
.tournamentHeader__country a,
.tournamentHeader__sportNav a {
    text-decoration: none;
}
.tournamentHeader__country a:hover,
.tournamentHeader__sportNav a:hover {
    text-decoration: underline;
}
.tournamentHeader__sportContent {
    align-items: center;
    display: flex;
    margin-right: 8px;
}
/* @media only screen and (max-width: 639px) {
    .tournamentHeader__sportContent {
        overflow-x: auto;
        white-space: nowrap;
    }
} */
.tournamentHeader__sportNavWrapper {
    -webkit-text-size-adjust: 100%;
    padding-left: 20px;
}
.tournamentHeader__sportNav {
    display: inline-block;
    font-weight: 700;
    margin-right: 20px;
    position: relative;
    transform: translateX(-7px);
}
.tournamentHeader__sportNav a {
    align-items: center;
    display: flex;
}
.tournamentHeader__sportNav svg {
    height: 14px;
    margin-right: 8px;
    width: 14px;
}
/* @media only screen and (max-width: 479px) {
    .tournamentHeader__sportNav svg {
        margin-left: -14px;
        transform: translateX(2px);
    }
} */
.tournamentHeader__sportNav:after {
    border-style: solid;
    border-width: 0.15625em 0.15625em 0 0;
    color: var(--color-support-3);
    content: "";
    display: inline-block;
    height: 4px;
    position: absolute;
    right: -15px;
    top: 4px;
    transform: rotate(45deg);
    width: 4px;
}
/* @media only screen and (max-width: 639px) {
    .tournamentHeader__sportNav:after {
        top: 11px;
    }
} */
.tournamentHeader__line_through {
    text-decoration: line-through;
}
.tournamentHeader__participantHeader > a {
    font-size: 14px;
    font-weight: 700;
}
.tournamentHeader__participantImg {
    align-self: center;
    background: #fff;
    border: 1px solid var(--color-support-1);
    border-radius: 8px;
    display: flex;
    flex-shrink: 0;
    overflow: hidden;
    padding: 4px;
}
.tournamentHeader__participantImg img {
    height: 74px;
    width: 74px;
}
.tournamentHeader__participantHeaderWrap {
    display: flex;
    padding: 10px 10px 0;
}
.tournamentHeader__participantNameWrap {
    font-size: 22px;
    font-weight: 700;
}
.tournamentHeader__participantNameSeparator {
    padding: 0 4px;
}
.tournamentHeader__participantHeaderFavorite {
    align-items: center;
    align-self: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 1;
}
.tournamentHeader__participantHeaderBirth,
.tournamentHeader__participantHeaderRank {
    font-weight: 700;
}
.tournamentHeader__participantHeaderInfo {
    color: var(--color-support-4);
    line-height: 13px;
    margin-top: 8px;
}
.tournamentHeader__participantHeaderInfo > a:hover {
    text-decoration: underline;
}
.tournamentHeader__dropdown {
    --button-border: 1px solid var(--color-support-1);
    --option-justifyContent: center;
    --arrow-marginLeft: 12px;
    --button-padding: 0 13px;
}
/* @media only screen and (max-width: 639px) {
    .tournamentHeader__participantImg img {
        height: 60px;
        width: 60px;
    }
} */
.topScorers__skeleton {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: 36px 29px;
}
.topScorers__skeleton__dropDowns {
    background-color: var(--color-skeleton-2);
}
/* @media only screen and (min-width: 639px) {
    .topScorers__skeleton__dropDowns {
        border-radius: 4px 4px 0 0;
    }
} */
.topScorers__skeleton__header {
    background-color: var(--color-skeleton-1);
}

/* @media only screen and (min-width: 639px) {
    .topScorers__skeleton__header {
        border-radius: 0 0 4px 4px;
    }
} */
.topScorers__skeleton__rows {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: 29px;
}
.topScorers__skeleton__row {
    border-bottom: 1px solid var(--color-skeleton-1);
    display: grid;
    grid-template: " .    .           .    .      . " auto " .    participant team points . " 13px " .    .           .    .      . " auto/10px 1fr 1fr 30px 10px;
}
.topScorers__skeleton__row:first-of-type:before,
.topScorers__skeleton__row:nth-of-type(11):before,
.topScorers__skeleton__row:nth-of-type(4):before,
.topScorers__skeleton__row:nth-of-type(8):before {
    width: 110px;
}
.topScorers__skeleton__row:first-of-type:after,
.topScorers__skeleton__row:nth-of-type(10):before,
.topScorers__skeleton__row:nth-of-type(11):after,
.topScorers__skeleton__row:nth-of-type(2):before,
.topScorers__skeleton__row:nth-of-type(4):after,
.topScorers__skeleton__row:nth-of-type(5):before,
.topScorers__skeleton__row:nth-of-type(7):before,
.topScorers__skeleton__row:nth-of-type(8):after {
    width: 90px;
}
.topScorers__skeleton__row:nth-of-type(10):after,
.topScorers__skeleton__row:nth-of-type(2):after,
.topScorers__skeleton__row:nth-of-type(5):after,
.topScorers__skeleton__row:nth-of-type(7):after {
    width: 100px;
}
.topScorers__skeleton__row:nth-of-type(12):before,
.topScorers__skeleton__row:nth-of-type(3):before,
.topScorers__skeleton__row:nth-of-type(6):before,
.topScorers__skeleton__row:nth-of-type(9):before {
    width: 120px;
}
.topScorers__skeleton__row:nth-of-type(12):after,
.topScorers__skeleton__row:nth-of-type(3):after,
.topScorers__skeleton__row:nth-of-type(6):after,
.topScorers__skeleton__row:nth-of-type(9):after {
    width: 110px;
}
.topScorers__skeleton__row:before {
    grid-area: participant;
}
.topScorers__skeleton__row:after {
    grid-area: team;
    margin-left: 10px;
}
.topScorers__skeleton__row div {
    grid-area: points;
}
.topScorers__skeleton__row:after,
.topScorers__skeleton__row:before {
    content: "";
}
.main-content .standings .num span{
    font-size: 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.bracket__name{
    font-size: 12px;
}
.bracket:hover{
    background-color: var(--color-highlight);
}

@media only screen and (max-width: 639px) {
    body:not(.detailbody) .draw{
        white-space: nowrap;
        overflow: auto;
    }
}