.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(202px,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: 202px;
    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
}

.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);
    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 8px;
    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: " homeParticipant homeResult " 16px " awayParticipant awayResult " 16px/1fr max-content;
    padding: 12px 8px;
    row-gap: 4px
}

.bracket--doubles {
    grid-template-rows: 32px 32px;
    row-gap: 6px
}

.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,.25)
}

.bracket--active,.bracket--active .bracket__image {
    color: var(--color-white)
}

.bracket__participantRow {
    display: grid;
    grid-template: " image1 participant1 info . " 16px/max-content auto max-content 1fr
}

.bracket--doubles .bracket__participantRow {
    grid-template: " image1 participant1 info . " 16px " image2 participant2 info . " 16px/max-content auto max-content 1fr
}

.bracket__participantRow--home {
    grid-area: homeParticipant
}

.bracket__participantRow--away {
    grid-area: awayParticipant
}

.bracket__participant {
    align-self: center;
    display: flex;
    grid-area: participant1;
    overflow: hidden
}

.bracket__participant--2 {
    grid-area: participant2
}

.bracket__name {
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bracket__name--advancing {
    font-weight: 800
}

.bracket__image {
    align-self: center;
    color: var(--color-combination-2);
    grid-area: image1;
    justify-self: center;
    margin-right: 10px
}

.bracket__image--placeholder {
    height: 15px;
    width: 15px
}

.bracket__image--2 {
    grid-area: image2
}

.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);
    display: none;
    font-weight: 400;
    grid-area: info;
    margin-left: 4px;
    place-self: center flex-end;
    white-space: nowrap
}

.bracket__participant+.bracket__info {
    display: block
}

.bracket__series {
    box-sizing: border-box;
    padding-bottom: 10px;
    position: absolute;
    top: calc(50% + 31px);
    width: 100%
}

.bracket--doubles+.bracket__series {
    top: calc(50% + 49px)
}

.bracket__series:before {
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.25);
    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,.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 8px 8px
}

.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
}

.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 .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-combination-8);
        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;
    margin: 0 8px
}

@media only screen and (max-width: 639px) {
    .drawSkeleton {
        margin:unset
    }
}

.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);
    border-radius: 4px;
    display: flex;
    height: 28px;
    left: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 2
}

@media only screen and (max-width: 639px) {
    .drawSkeleton__shadowHeader {
        border-radius:0
    }
}

.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: .4px;
    position: relative;
    text-transform: uppercase;
    transition: background-color .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
}

#fullPageDetail {
    background-color: var(--color-combination-9);
    border-radius: 8px;
    padding-bottom: 5px
}

@media only screen and (max-width: 639px) {
    #fullPageDetail {
        border-radius:0 0 8px 8px
    }
}

.header__brand {
    background-color: #001e28;
    display: flex;
    height: 52px
}

._ff .header__brand {
    background-color: #0d2748
}

.fullPage .header__brand {
    display: none
}

.header__logo {
    background-image: url(https://sports-prime.com/includes/images/header.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 114% !important;
    background-position: left !important;
}

@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%,.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),.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),.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),.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)
}

#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,.fullPage #tournament-table-tabs-and-content {
    padding: 0 12px
}

@media only screen and (max-width: 639px) {
    .container__detail #tournament-table-tabs-and-content,.fullPage #tournament-table-tabs-and-content {
        padding:0
    }
}

.subFilter+div .tableWrapper:first-child {
    border-radius: 0
}

.tableWrapper {
    border-radius: 4px;
    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: inherit;
    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: inherit
}

.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),.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),.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
}

.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);
    border-radius: 4px;
    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 (max-width: 639px) {
    .tournamentTablesTabSkeleton__skeletonHeader {
        border-radius:unset
    }
}

.tournamentTablesTabSkeleton__skeletonHeader--withTabs {
    border-radius: 0 0 4px 4px
}

@media only screen and (max-width: 639px) {
    .tournamentTablesTabSkeleton__skeletonHeader--withTabs {
        border-radius:unset
    }
}

.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: .15625em .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);
    border-radius: 4px 4px 0 0
}

@media only screen and (max-width: 639px) {
    .topScorers__skeleton__dropDowns {
        border-radius:unset
    }
}

.topScorers__skeleton__header {
    background-color: var(--color-skeleton-1);
    border-radius: 0 0 4px 4px
}

@media only screen and (max-width: 639px) {
    .topScorers__skeleton__header {
        border-radius:unset
    }
}

.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: ""
}