.playerRating {
    --playerRating-motm: #03f;
    --playerRating-highest: #0b792a;
    --playerRating-high: #76b100;
    --playerRating-medium: #f3a000;
    --playerRating-low: #ec6b07;
    --playerRating-lowest: #dc0000;
    --playerRating-default: #555e61;
    align-items: center;
    background-color: var(--playerRating-default);
    border-radius: 4px;
    color: #fff;
    display: flex;
    justify-content: center;
    user-select: none
}

.playerRating--motm {
    background-color: var(--playerRating-motm);
    position: relative
}

.playerRating--motm svg {
    color: var(--playerRating-motm);
    height: 12px;
    position: absolute;
    transform: translate(10px, -8px);
    width: 12px
}

.playerRating--highest {
    background-color: var(--playerRating-highest)
}

.playerRating--high {
    background-color: var(--playerRating-high)
}

.playerRating--medium {
    background-color: var(--playerRating-medium)
}

.playerRating--low {
    background-color: var(--playerRating-low)
}

.playerRating--lowest {
    background-color: var(--playerRating-lowest)
}

.playerRating:empty {
    display: none
}

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

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

@media only screen and (max-width:639px) {

    #detail,
    #detailParticipant {
        border-radius: 0
    }
}

.detail__breadcrumbs {
    align-items: center;
    border-bottom: 1px solid var(--color-row-border, var(--color-support-1));
    display: grid;
    grid-template-columns: 1fr auto;
    position: relative;
    z-index: 2
}

.detail__breadcrumbs--content {
    overflow: hidden
}

.detail__popupToggle {
    margin-right: 16px;
    white-space: nowrap
}

.detail__tooltip {
    max-width: 248px;
    padding: 12px
}

.detail__sectionHeading {
    margin-bottom: 5px
}

.section {
    font-size: 13px;
    line-height: 16px;
    margin: 0 12px 20px
}

@media only screen and (max-width:639px) {
    .section {
        margin: 0 0 20px
    }
}

.section--narrow {
    margin: 0 16px
}

.section--standings {
    margin: 12px
}

@media only screen and (max-width:639px) {
    .section--standings {
        margin: 0 0 10px
    }
}

.section__title {
    align-items: center;
    background-color: var(--color-support-1);
    border-radius: 4px;
    color: var(--color-support-4);
    display: flex;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 12px;
    text-transform: uppercase
}

.subFilter+.section .section__title:first-of-type {
    border-radius: 0 0 4px 4px
}

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

    .subFilter+.section .section__title:first-of-type {
        border-radius: unset
    }
}

.section__title--center {
    justify-content: center;
    text-align: center
}

.section__title--indented {
    margin: 0 12px 16px
}

.section__title--noBottomRadius {
    border-radius: 4px 4px 0 0
}

.section__badge {
    align-items: center;
    display: flex;
    gap: 4px
}

.section__mainTitle,
.section__subTitle {
    align-items: center;
    color: var(--color-combination-2);
    display: flex;
    flex-wrap: wrap;
    font-size: 20px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 24px
}

@media only screen and (max-width:1047px) {

    .section__mainTitle,
    .section__subTitle {
        margin-bottom: 16px
    }
}

.section__subTitle {
    color: var(--color-support-4);
    margin: 0 0 20px
}

.section__mainTitleLink {
    align-items: center;
    color: var(--color-support-4);
    display: flex;
    font-size: 14px;
    line-height: 20px
}

.section__mainTitleLink:hover {
    color: var(--color-combination-2)
}

.section__linkLabel {
    font-size: 11px;
    text-decoration: underline;
    text-transform: uppercase
}

.section__linkLabel:hover {
    text-decoration: none
}

.section__prematchOdds {
    gap: 4px;
    margin: unset;
    padding: unset
}

@media only screen and (max-width:1048px) {
    .fsNews__block--side .section__mainTitle {
        padding: 0 36px
    }
}

@media only screen and (max-width:639px) {
    .fsNews__block--side .section__mainTitle {
        padding: 0 12px
    }
}

.sectionHeader {
    display: flex;
    font-weight: 700;
    margin-top: -1px;
    padding: 6px 10px
}

.sectionHeader:first-child {
    margin-top: 0
}

.sectionHeader:not(.sectionHeader--news) {
    background-color: var(--sectionHeader-background, var(--color-support-1));
    border-radius: 4px;
    color: var(--color-support-4);
    display: block;
    font-size: 11px;
    margin: 0 12px;
    text-align: center;
    text-transform: uppercase
}

.subFilter+.matchHistoryRowWrapper .sectionHeader:not(.sectionHeader--news) {
    border-radius: 0 0 4px 4px
}

@media only screen and (max-width:639px) {
    .subFilter+.matchHistoryRowWrapper .sectionHeader:not(.sectionHeader--news) {
        border-radius: 0
    }

    .sectionHeader:not(.sectionHeader--news) {
        border-radius: 0;
        margin: 0
    }
}

.sectionHeader.section__title {
    margin: 0
}

.sectionHeader--center {
    justify-content: center
}

.ballType,
.dartType {
    align-items: center;
    background-color: var(--color-support-3);
    border-radius: 4px;
    color: var(--color-support-5);
    cursor: default;
    display: inline-flex;
    height: 14px;
    margin: 0 1px 0 2px;
    padding: 0 3px
}

.ballType--setball {
    background-color: #049dff
}

.ballType--matchball {
    background-color: #ce0101
}

.privacySettingsButton {
    bottom: 10px;
    color: var(--color-support-3);
    display: flex;
    justify-content: center;
    left: 10px;
    position: fixed
}

@media only screen and (max-width:1047px) {
    .privacySettingsButton {
        padding: 8px 0 6px;
        position: unset
    }
}

.privacySettingsButton>svg {
    order: 1;
    transform: unset
}

@media only screen and (max-width:1047px) {
    .privacySettingsButton>svg {
        transform: scale(.7)
    }
}

.privacySettingsButton__link {
    cursor: pointer;
    display: none;
    font-size: 12px;
    order: 2;
    text-decoration: underline
}

@media only screen and (max-width:1047px) {
    .privacySettingsButton__link {
        display: flex
    }
}

.privacySettingsButton__link:hover {
    text-decoration: 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
}

.noData {
    color: var(--color-support-4);
    line-height: 1.25;
    padding: 16px 10px 32px 12px
}

.noData--npb {
    padding-bottom: 0
}

.container__detail .noData,
.container__detailInner .noData {
    padding-left: 24px
}

.section .noData {
    padding-left: 12px
}

.playerStatsTable {
    overflow-x: auto
}

.playerStatsTable--matchOverview {
    border-bottom: 1px solid #eee;
    margin: 1px 0 0
}

.theme--dark .playerStatsTable--matchOverview {
    border-bottom: 1px solid hsla(180, 5%, 79%, .25)
}

.hockey .playerStatsTable__cell:nth-last-of-type(2),
.hockey .playerStatsTable__headerCell:nth-last-of-type(2) {
    width: 48px
}

.playerStatsTable__row:last-of-type,
.tableWrapper:not(:last-child) .playerStatsTable__row:last-of-type {
    border-bottom: none
}

.playerStatsTable__headerCell {
    color: var(--color-support-4);
    font-weight: 700;
    min-width: 36px
}

.playerStatsTable__headerCell:last-child {
    border-radius: 0 0 4px 0;
    width: 48px
}

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

.playerStatsTable__playerHeaderCell {
    border-bottom-left-radius: 4px;
    color: var(--color-support-4);
    cursor: pointer;
    flex: 1;
    font-weight: 700;
    justify-content: flex-start !important;
    left: 0;
    padding: 0 10px;
    position: sticky;
    position: -webkit-sticky;
    width: 120px;
    z-index: 1
}

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

.playerStatsTable__teamHeaderCell {
    color: var(--color-support-4);
    font-weight: 700;
    width: 56px
}

.playerStatsTable__cell {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 36px
}

.playerStatsTable__cell:last-child {
    width: 48px
}

.playerStatsTable__cell--sortingColumn:not(:first-child) {
    background-color: var(--color-support-2-alpha-15);
    color: var(--color-secondary-2)
}

.playerStatsTable__cell--highlight.playerStatsTable__cell--highlight {
    background-color: var(--color-highlight);
    font-weight: 700
}

.playerStatsTable__cell--clickable {
    cursor: pointer
}

.playerStatsTable__cell--clickable:hover {
    text-decoration: underline
}

.playerStatsTable__cell--shadow {
    box-shadow: 3px 0 4px 0 rgba(var(--color-alpha-2), .08)
}

.playerStatsTable__participantCell {
    background: var(--color-combination-21);
    flex: 1;
    justify-content: flex-start;
    left: 0;
    padding: 0 10px;
    position: sticky;
    position: -webkit-sticky;
    width: 120px;
    z-index: 1
}

.playerStatsTable__participantCell span {
    flex-shrink: 0;
    margin-right: 10px
}

.playerStatsTable__participantNameCell {
    color: var(--color-combination-2);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.playerStatsTable__teamCell {
    width: 56px
}

.playerStatsTable .ui-table__headerCell--sorted {
    color: var(--color-secondary-2)
}

.playerStatsTable .ui-table__headerCell--sorted:first-child {
    background-color: var(--color-support-1)
}

.sm__link {
    display: block;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px
}

.sm__link:hover {
    text-decoration: none
}

.playerStatsTab__skeleton {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: 28px
}

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

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

.playerStatsTab__showMore {
    align-items: flex-end;
    display: flex;
    height: 20px;
    justify-content: center
}

.playerStatsTab__showMore>* {
    background-color: var(--color-skeleton-1);
    height: 13px;
    width: 100px
}

.playerStatsTab__row {
    align-content: center;
    display: grid;
    grid-template: " player .    				section1 .    section2 .    section3 .    section4 .    section5 .    section6 .    section7 .    section8"13px/100px minmax(10px, 1fr) 56px 10px 36px 10px 36px 10px 36px 10px 36px 10px 36px 10px 36px 10px 36px;
    height: 29px;
    padding: 0 10px
}

@media only screen and (max-width:639px) {
    .playerStatsTab__row {
        grid-template-columns: 100px minmax(10px, 1fr) 56px 10px 36px 10px 36px 10px 36px 0 0 0 0 0 0 0 0
    }
}

.playerStatsTab__row:nth-of-type(10),
.playerStatsTab__row:nth-of-type(2),
.playerStatsTab__row:nth-of-type(5) {
    grid-template-columns: 70px minmax(10px, 1fr) 56px 10px 36px 10px 36px 10px 36px 10px 36px 10px 36px 10px 36px 10px 36px
}

@media only screen and (max-width:639px) {

    .playerStatsTab__row:nth-of-type(10),
    .playerStatsTab__row:nth-of-type(2),
    .playerStatsTab__row:nth-of-type(5) {
        grid-template-columns: 70px minmax(10px, 1fr) 56px 10px 36px 10px 36px 10px 36px 0 0 0 0 0 0 0 0
    }
}

.playerStatsTab__row:nth-of-type(11),
.playerStatsTab__row:nth-of-type(3),
.playerStatsTab__row:nth-of-type(7) {
    grid-template-columns: 90px minmax(10px, 1fr) 56px 10px 36px 10px 36px 10px 36px 10px 36px 10px 36px 10px 36px 10px 36px
}

@media only screen and (max-width:639px) {

    .playerStatsTab__row:nth-of-type(11),
    .playerStatsTab__row:nth-of-type(3),
    .playerStatsTab__row:nth-of-type(7) {
        grid-template-columns: 90px minmax(10px, 1fr) 56px 10px 36px 10px 36px 10px 36px 0 0 0 0 0 0 0 0
    }
}

.playerStatsTab__row:nth-of-type(6),
.playerStatsTab__row:nth-of-type(9) {
    grid-template-columns: 80px minmax(10px, 1fr) 56px 10px 36px 10px 36px 10px 36px 10px 36px 10px 36px 10px 36px 10px 36px
}

@media only screen and (max-width:639px) {

    .playerStatsTab__row:nth-of-type(6),
    .playerStatsTab__row:nth-of-type(9) {
        grid-template-columns: 80px minmax(10px, 1fr) 56px 10px 36px 10px 36px 10px 36px 0 0 0 0 0 0 0 0
    }
}

.playerStatsTab__row>:first-of-type {
    grid-area: player
}

.playerStatsTab__row>:nth-of-type(2) {
    grid-area: section1
}

.playerStatsTab__row>:nth-of-type(3) {
    grid-area: section2
}

.playerStatsTab__row>:nth-of-type(4) {
    grid-area: section3
}

.playerStatsTab__row>:nth-of-type(5) {
    grid-area: section4
}

.playerStatsTab__row>:nth-of-type(6) {
    grid-area: section5
}

.playerStatsTab__row>:nth-of-type(7) {
    grid-area: section6
}

.playerStatsTab__row>:nth-of-type(8) {
    grid-area: section7
}

.playerStatsTab__row>:nth-of-type(9) {
    grid-area: section8
}

.playerStatsTableShifter:first-child .ui-table__header {
    border-radius: 0 0 4px 4px
}

@media only screen and (max-width:639px) {
    .playerStatsTableShifter:first-child .ui-table__header {
        border-radius: 0
    }
}

.playerStatsTableShifter:not(:last-of-type) {
    margin-bottom: 20px
}

.playerStatsTableShifter .ui-table__headerCell--sorted {
    background-color: transparent;
    color: var(--color-support-4)
}

.playerStatsTableShifter .ui-table__header {
    background-color: var(--color-support-1);
    border-bottom: 0;
    border-radius: 4px;
    overflow: hidden
}

@media only screen and (max-width:639px) {
    .playerStatsTableShifter .ui-table__header {
        overflow: initial
    }

    .playerStatsTab__section {
        margin-left: 0;
        margin-right: 0
    }
}

.highlight__icon {
    align-items: center;
    border: 1px solid var(--color-support-1);
    border-radius: 8px;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    margin-right: 8px;
    vertical-align: middle;
    width: 28px
}

.highlight__icon svg {
    height: 16px;
    width: 16px
}

.highlight__title {
    font-weight: 700;
    grid-area: title;
    line-height: 15px;
    margin-bottom: 4px
}

.highlight__title__goal,
.highlight__title__incident,
.highlight__title__subtitle,
.highlight__title__time {
    margin-right: 8px
}

.highlight__title__goal {
    color: var(--color-primary)
}

.highlight__title__subtitle,
.highlight__title__time {
    color: var(--color-support-4)
}

.highlight__title__subtitle {
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase
}

.highlight__title__assist {
    color: var(--color-support-4);
    font-weight: 400;
    margin-left: 8px
}

.matchHistoryRowWrapper {
    overflow-x: auto;
    padding-bottom: 16px
}

.pointByPointBadge__wrapper {
    margin: 0 1px 0 2px
}

.matchHistoryRow {
    border-bottom: 1px solid var(--color-border-1);
    display: grid;
    grid-template: "homeLostServe	homeAhead  homeServis score  awayServis  awayAhead 	awayLostServe"24px/minmax(var(--width-lostServe, 50px), 1fr) var(--width-ahead, 30px) max-content minmax(70px, max-content) max-content var(--width-ahead, 30px) minmax(var(--width-lostServe, 50px), 1fr);
    padding-top: 16px;
    white-space: nowrap
}

.matchHistoryRow+.sectionHeader {
    margin-top: 16px
}

.basketball .matchHistoryRow {
    padding-bottom: 16px
}

.tennis .matchHistoryRow {
    --width-ahead: 0;
    --width-lostServe: 0;
    border-bottom: none
}

.darts .matchHistoryRow {
    --width-ahead: 0
}

.darts .matchHistoryRow .darts-ico {
    height: 18px;
    width: 18px
}

.matchHistoryRow__emptySet {
    color: var(--color-primary);
    font-weight: 700;
    line-height: 23px;
    padding-top: 16px;
    text-align: center;
    text-transform: uppercase
}

.darts .matchHistoryRow__matchHistoryRowNewGame,
.tennis .matchHistoryRow__matchHistoryRowNewGame {
    grid-template-columns: 1fr var(--width-ahead, 30px) max-content max-content max-content var(--width-ahead, 30px) 1fr;
    min-width: 380px
}

.darts .matchHistoryRow__matchHistoryRowNewGame__scoreBox,
.tennis .matchHistoryRow__matchHistoryRowNewGame__scoreBox {
    padding: 0 10px
}

.matchHistoryRow__ahead {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 4px
}

.matchHistoryRow__ahead.matchHistoryRow__home {
    grid-area: homeAhead
}

.matchHistoryRow__ahead.matchHistoryRow__away {
    grid-area: awayAhead
}

.matchHistoryRow__lostServe {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding: 0 10px
}

.matchHistoryRow__lostServe.matchHistoryRow__home {
    flex-direction: row-reverse;
    grid-area: homeLostServe
}

.matchHistoryRow__lostServe.matchHistoryRow__away {
    grid-area: awayLostServe
}

.matchHistoryRow__servis {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 25px
}

.matchHistoryRow__servis div {
    display: flex
}

.matchHistoryRow__servis div>svg {
    height: 14px;
    width: 14px
}

.matchHistoryRow__servis.matchHistoryRow__away {
    grid-area: awayServis
}

.matchHistoryRow__servis.matchHistoryRow__home {
    grid-area: homeServis
}

.home .matchHistoryRow__ball {
    margin: 0 0 0 10px
}

.away .matchHistoryRow__ball {
    margin: 0 10px 0 0
}

.matchHistoryRow__bold {
    color: var(--color-primary)
}

.matchHistoryRow__skin {
    font-weight: 400
}

.matchHistoryRow__scoreBox {
    align-items: center;
    display: flex;
    font-weight: 700;
    gap: 5px;
    grid-area: score;
    justify-content: center
}

.matchHistoryRow__scoreBox sup {
    bottom: auto
}

.matchHistoryRow__green {
    color: var(--color-green)
}

.matchHistoryRow__red {
    color: var(--color-red)
}

.matchHistoryRow__fifteens {
    border-bottom: 1px solid var(--color-support-1);
    color: var(--color-combination-2);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 8px 10px 16px;
    text-align: center
}

.matchHistoryRow__fifteen {
    align-items: center;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    padding: 2px
}

.matchHistoryRow__summaryFifteens {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 25px;
    padding: 0 10px;
    text-align: center
}

.matchHistoryRow__dartServis {
    font-weight: 700
}

.matchHistoryRow__dartThrows {
    border-bottom: 1px solid var(--color-support-1);
    line-height: 24px;
    padding: 8px 10px 16px;
    text-align: center
}

.matchHistoryRow__dartPoints {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.matchHistoryTabSkeleton__skeleton {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: 28px
}

.matchHistoryTabSkeleton__header {
    background-color: var(--color-skeleton-2);
    border-radius: 4px
}

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

.matchHistoryTabSkeleton__row,
.matchHistoryTabSkeleton__row1,
.matchHistoryTabSkeleton__row2 {
    align-content: center;
    border-bottom: 1px solid var(--color-border-1);
    display: grid;
    grid-template-columns: 1fr 14px 30px 30px 30px 14px 1fr;
    grid-template-rows: 13px;
    height: 27px
}

.matchHistoryTabSkeleton__row1:after,
.matchHistoryTabSkeleton__row1:before,
.matchHistoryTabSkeleton__row2:after,
.matchHistoryTabSkeleton__row2:before,
.matchHistoryTabSkeleton__row:after,
.matchHistoryTabSkeleton__row:before {
    content: ""
}

.matchHistoryTabSkeleton__row1:before,
.matchHistoryTabSkeleton__row2:before,
.matchHistoryTabSkeleton__row:before {
    grid-area: score
}

.matchHistoryTabSkeleton__row1:after,
.matchHistoryTabSkeleton__row2:after,
.matchHistoryTabSkeleton__row:after {
    grid-area: plus
}

.matchHistoryTabSkeleton__row {
    grid-template-areas: " . . . score  . . . "
}

.matchHistoryTabSkeleton__row1 {
    grid-template-areas: " . plus . score  . . . "
}

.matchHistoryTabSkeleton__row2 {
    grid-template-areas: " . . . score  . plus . "
}

.videoList {
    display: flex;
    flex-direction: column
}

.videoBox {
    display: grid;
    grid-template: " . spacer . "max-content " . .      . "20px " . title  . "max-content " . video  . "max-content/minmax(0, 12px) minmax(300px, 1fr) minmax(0, 12px);
    margin-bottom: 20px
}

.videoBox:not(:first-of-type):before {
    background-color: var(--color-support-1);
    content: "";
    display: block;
    grid-area: spacer;
    height: 1px
}

.wclHeaderSection--highlights+.videoBox:before {
    content: none
}

.videoBox .title {
    margin-bottom: 8px
}

.videoInner {
    background-color: var(--color-skeleton-1);
    border-radius: 8px;
    grid-area: video;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.videoInner>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.keyMoments {
    grid-area: title
}

.overlay {
    align-items: center;
    background-color: #000;
    background-size: cover;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.overlay__playIcon {
    background-color: var(--color-primary);
    border-radius: 30px;
    height: 36px;
    opacity: .9;
    padding: 30px 27px 30px 33px;
    width: 36px;
    fill: #fff
}

@media only screen and (max-width:799px) {
    .overlay__playIcon {
        border-radius: 16px;
        height: 22px;
        padding: 16px 14px 16px 18px;
        width: 22px
    }
}

.overlay:hover .overlay__playIcon {
    opacity: 1
}

.overlay__preview {
    align-items: center;
    display: flex;
    justify-content: center
}

.overlay__preview:hover .overlay__preview__playIcon {
    opacity: 1
}

.imagePreviewParent {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.imagePreviewParent:hover {
    cursor: pointer
}

.imagePreviewParent:hover .playButtonBackground {
    background-color: var(--color-combination-15);
    border-radius: 12px;
    cursor: pointer
}

.playIconIdentity {
    height: 15px;
    width: 14px
}

.previewImage {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    opacity: .8;
    position: absolute;
    width: 100%
}

.playButtonBackground {
    align-items: center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: var(--color-primary);
    border: none;
    border-radius: 12px;
    display: flex;
    height: 50px;
    justify-content: center;
    left: calc(50% - 25px);
    position: absolute;
    top: calc(50% - 25px);
    width: 50px
}

.videoHighlightSkeleton {
    display: grid;
    grid-template: " . header . "max-content " . title  . "max-content " . video  . "max-content/minmax(0, 10px) minmax(300px, 1fr) minmax(0, 10px)
}

@media only screen and (max-width:639px) {
    .videoHighlightSkeleton {
        grid-template: " header header header "max-content " . title  . "max-content " . video  . "max-content/minmax(0, 10px) minmax(300px, 1fr) minmax(0, 10px)
    }
}

.videoHighlightSkeleton__header {
    background-color: var(--color-skeleton-1);
    border-radius: 4px;
    grid-area: header;
    height: 26px;
    margin-bottom: 15px
}

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

.videoHighlightSkeleton__title {
    display: flex;
    grid-area: title;
    height: 16px;
    margin-bottom: 5px;
    width: 100px
}

.videoHighlightSkeleton__video {
    grid-area: video;
    padding-bottom: 56.25%
}

.fixedHeaderDuel {
    background-color: var(--color-combination-9);
    display: grid;
    grid-template-areas: "home score away";
    grid-template-columns: minmax(100px, 259px) minmax(120px, 170px) minmax(100px, 259px);
    justify-content: center;
    position: fixed;
    top: 0;
    transition-duration: .5s;
    width: 688px;
    z-index: var(--zIndex-fixedHeader)
}

.beach-volleyball .fixedHeaderDuel__detailStatus,
.tennis .fixedHeaderDuel__detailStatus {
    padding-right: 5px
}

.beach-volleyball .fixedHeaderDuel br,
.tennis .fixedHeaderDuel br {
    display: none
}

.fixedHeaderDuel--isVisible {
    border-bottom: 1px solid var(--color-row-border, var(--color-support-1));
    transform: translate(0)
}

.fixedHeaderDuel--isHidden {
    opacity: 0;
    transform: translateY(-100%)
}

.fixedHeaderDuel__homeLogo {
    align-self: center;
    display: grid;
    grid-area: home;
    grid-template: ". myTeams image . serve"max-content/minmax(0, 60px) 16px max-content 5px 16px;
    justify-content: center;
    margin: 12px 0
}

.fixedHeaderDuel__homeLogo.fixedHeaderDuel--doubles {
    grid-template: ". myTeams image . image2 . serve"max-content/minmax(0, 60px) 16px max-content 2px max-content 5px 16px
}

.fixedHeaderDuel__score {
    display: grid;
    grid-area: score
}

.fixedHeaderDuel__score>div {
    justify-content: center
}

.fixedHeaderDuel__awayLogo {
    align-self: center;
    display: grid;
    grid-area: away;
    grid-template: "serve . image myTeams ."max-content/16px 5px max-content 16px minmax(0, 60px);
    justify-content: center;
    margin: 5px 0
}

.fixedHeaderDuel__awayLogo.fixedHeaderDuel--doubles {
    grid-template: "serve . image . image2 myTeams ."max-content/16px 5px max-content 2px max-content 16px minmax(0, 60px)
}

@media only screen and (max-width:1188px) {
    .fixedHeaderDuel {
        width: calc(100% - 496px)
    }
}

@media only screen and (max-width:1047px) {
    .fixedHeaderDuel {
        width: calc(100% - 196px)
    }
}

@media only screen and (max-width:639px) {
    .fixedHeaderDuel {
        width: 100%
    }
}

@media only screen and (max-width:479px) {
    .tennis .fixedHeaderDuel__detailStatus {
        padding-right: 0
    }

    .tennis .fixedHeaderDuel br {
        display: block
    }
}

@font-face {
    font-display: fallback;
    font-family: FS_Numbers;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/FS_Numbers.woff2) format("woff2")
}

.fixedScore {
    display: flex;
    flex-flow: row wrap;
    font-family: FS_Numbers;
    font-size: 32px;
    justify-content: center;
    margin-bottom: 2px
}

@media only screen and (max-width:479px) {
    .fixedScore {
        font-size: 28px
    }

    .basketball .fixedScore {
        font-size: 24px
    }
}

.aussie-rules .fixedScore {
    font-size: 14px
}

.aussie-rules .fixedScore__status {
    padding-bottom: 2px
}

.fixedScore__divider {
    padding: 0 5px
}

.fixedScore__fullTime {
    color: var(--color-combination-5);
    display: flex;
    flex-flow: row wrap;
    font-weight: 700;
    justify-content: center;
    width: 100%
}

.fixedScore__live {
    color: var(--color-primary)
}

.fixedScore__status {
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.fixedScore__status .eventTime:before {
    content: " - "
}

.fixedScore__matchInfo {
    margin-top: 5px
}

.header__brand {
    background-color: var(--header-background, #001e28);
    display: flex;
    height: 52px
}

.fullPage .header__brand {
    display: none
}

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

.tournamentHeader {
    align-items: center;
    border-bottom: 1px solid var(--color-row-border, 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 {
    padding-left: 20px;
    -webkit-text-size-adjust: 100%
}

.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 {
    align-items: start;
    display: flex;
    gap: 16px;
    padding: 10px 10px 0
}

.tournamentHeader__participantNameWrap {
    font-size: 22px;
    font-weight: 700
}

.tournamentHeader__participantNameWrap.hasMyTeams {
    align-items: center;
    display: flex;
    gap: 8px
}

.tournamentHeader__participantNameSeparator {
    padding: 0 4px
}

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

@media only screen and (max-width:639px) {
    .tournamentHeader__participantImg img {
        height: 60px;
        width: 60px
    }
}

.duelParticipant {
    --spacer: 17px;
    display: grid;
    grid-template: "home   time   away"max-content "home   score  away"max-content ".      .      .   "5px/var(--width, minmax(110px, 250px)) var(--width, minmax(80px, 180px)) var(--width, minmax(110px, 250px));
    justify-content: center;
    margin: 24px 10px 0
}

.duelParticipant__container {
    container-name: duelParticipantContainer;
    container-type: inline-size
}

.boxing .duelParticipant,
.mma .duelParticipant {
    --width: 1fr
}

.badminton .duelParticipant,
.beach-volleyball .duelParticipant,
.darts .duelParticipant,
.table-tennis .duelParticipant,
.tennis .duelParticipant {
    --width-servis: 26px
}

.duelParticipant__startTime {
    color: var(--color-support-4);
    grid-area: time;
    text-align: center
}

.duelParticipant__home {
    display: grid;
    grid-area: home;
    grid-template: " .    myTeams .                  image       .                  serve .    "max-content " name name    name               name        name               name  name "max-content " rank rank    rank               rank        rank               rank  rank "max-content/1fr 32px var(--spacer, 1fr) min-content var(--spacer, 1fr) 32px 1fr;
    justify-content: center;
    --margin-homeAway: 0 5px 0 0
}

.duelParticipant__home.duelParticipant__doubles {
    grid-template: " .    .                                 image       .    image2      serve                  .    "max-content " name name                              name        name name        name                   name "max-content " rank rank                              rank        rank rank        rank                   rank "max-content/1fr minmax(0, var(--width-servis, 0)) min-content 4px min-content var(--width-servis, 0) 1fr
}

.duelParticipant__score {
    display: grid;
    grid-area: score
}

.duelParticipant__away {
    display: grid;
    grid-area: away;
    grid-template: " .    serve .                  image       .                  myTeams .    "max-content " name name  name               name        name               name    name "max-content " rank rank  rank               rank        rank               rank    rank "max-content/1fr 32px var(--spacer, 1fr) min-content var(--spacer, 1fr) 32px 1fr;
    justify-content: center;
    --margin-homeAway: 0 0 0 5px
}

.duelParticipant__away.duelParticipant__doubles {
    grid-template: " .    serve                  image       .    image2      .                                 .    "max-content " name name                   name        name name        name                              name "max-content " rank rank                   rank        rank rank        rank                              rank "max-content/1fr var(--width-servis, 0) min-content 4px min-content minmax(0, var(--width-servis, 0)) 1fr
}

@media only screen and (max-width:639px) {
    .duelParticipant {
        --spacer: 8px;
        grid-template: "time   time   time"max-content ".      .      .   "5px "home   score  away"max-content ".      .      .   "5px/var(--width, minmax(100px, 250px)) var(--width, minmax(90px, 180px)) var(--width, minmax(100px, 250px))
    }

    body.golf .duelParticipant__home.duelParticipant__doubles {
        grid-template: " .    .                                 image       .    image2      serve                  .    "max-content " name name                              name        name name        name                   name "max-content " rank rank                              rank        rank rank        rank                   rank "max-content/1fr minmax(0, var(--width-servis, 0)) min-content 4px min-content var(--width-servis, 0) 1fr
    }

    body.golf .duelParticipant__away.duelParticipant__doubles {
        grid-template: " .    serve                  image       .    image2      .                                 .    "max-content " name name                   name        name name        name                              name "max-content " rank rank                   rank        rank rank        rank                              rank "max-content/1fr var(--width-servis, 0) min-content 4px min-content minmax(0, var(--width-servis, 0)) 1fr
    }
}

@container duelParticipantContainer (max-width: 639px) {
    .duelParticipant {
        --spacer: 8px;
        grid-template: "time   time   time"max-content ".      .      .   "5px "home   score  away"max-content ".      .      .   "5px/var(--width, minmax(100px, 250px)) var(--width, minmax(90px, 180px)) var(--width, minmax(100px, 250px))
    }

    body.golf .duelParticipant__home.duelParticipant__doubles {
        grid-template: " .    .                                 image       .    image2      serve                  .    "max-content " name name                              name        name name        name                   name "max-content " rank rank                              rank        rank rank        rank                   rank "max-content/1fr minmax(0, var(--width-servis, 0)) min-content 4px min-content var(--width-servis, 0) 1fr
    }

    body.golf .duelParticipant__away.duelParticipant__doubles {
        grid-template: " .    serve                  image       .    image2      .                                 .    "max-content " name name                   name        name name        name                              name "max-content " rank rank                   rank        rank rank        rank                              rank "max-content/1fr var(--width-servis, 0) min-content 4px min-content minmax(0, var(--width-servis, 0)) 1fr
    }
}

@media only screen and (max-width:359px) {
    .duelParticipant {
        --spacer: 0
    }
}

.fixedHeaderParticipant__myTeamsIcon {
    align-self: center;
    grid-area: myTeams;
    justify-self: center
}

.fixedHeaderParticipant__participantServe {
    align-self: center;
    grid-area: serve;
    justify-self: center
}

.fixedHeaderParticipant__participantServe>div {
    display: flex
}

.fixedHeaderParticipant__participantServe>div>svg {
    height: 18px;
    width: 18px
}

.fixedHeaderParticipant__participantLink {
    background: #fff;
    border: 1px solid var(--color-support-1);
    border-radius: 8px;
    grid-area: image;
    height: 32px;
    padding: 4px;
    width: 32px
}

.fixedHeaderParticipant__participantLink .participant__image {
    height: 32px;
    width: 32px
}

.fixedHeaderParticipant__participantIcon:not(:empty) {
    display: inline-block;
    margin: var(--margin-homeAway)
}

.fixedHeaderParticipant__participantLink2 {
    grid-area: image2
}

body.basketball .detailScore__wrapper {
    font-size: 38px
}

@media only screen and (max-width:639px) {
    body.basketball .detailScore__wrapper {
        font-size: 30px
    }
}

@media only screen and (max-width:479px) {
    body.basketball .detailScore__wrapper {
        font-size: 28px
    }
}

@media only screen and (max-width:449px) {
    body.basketball .detailScore__wrapper {
        font-size: 20px
    }
}

@media only screen and (max-width:359px) {
    body.basketball .detailScore__wrapper {
        font-size: 18px
    }
}

@media only screen and (max-width:340px) {
    body.golf .detailScore__wrapper {
        font-size: 19px
    }
}

body.cricket .detailScore__wrapper {
    font-size: 28px
}

body.cricket .detailScore__fixed {
    margin-top: 4px
}

body.cricket .detailScore__fixed .detailScore__wrapper {
    font-size: 17px
}

body.cricket .detailScore__fixed .detailScore__status {
    padding-bottom: 4px;
    padding-top: 2px
}

.detailScore__live {
    color: var(--liveTable-highlight, var(--color-primary))
}

.detailScore__divider {
    padding: 0 5px
}

.detailScore__wrapper {
    display: flex;
    flex-flow: row wrap;
    font-size: 46px;
    justify-content: center
}

.detailScore__wrapper :not(.scoreBoard) {
    font-family: FS_Numbers
}

@media only screen and (max-width:639px) {
    .detailScore__wrapper {
        font-size: 38px
    }
}

@container duelParticipantContainer (max-width: 639px) {
    .detailScore__wrapper {
        font-size: 38px
    }
}

@media only screen and (max-width:449px) {
    .detailScore__wrapper {
        font-size: 30px
    }
}

@media only screen and (max-width:359px) {
    .detailScore__wrapper {
        font-size: 26px
    }
}

.detailScore__fullTime {
    color: var(--color-combination-5);
    display: flex;
    flex-flow: row wrap;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    width: 100%
}

.detailScore__status {
    color: var(--fs-secondary-1);
    font-weight: 700;
    padding-top: 8px;
    text-align: center;
    text-transform: uppercase
}

.detailScore__status>.eventTime:before {
    content: " - "
}

.detailScore__status .eventAndAddedTime {
    align-items: center;
    display: flex;
    justify-content: center
}

.detailScore__status .eventAndAddedTime .addedTime {
    align-items: center;
    background-color: var(--color-live);
    border-radius: 4px;
    display: inline-flex;
    margin-left: 4px;
    padding: 0 4px
}

.detailScore__status .eventAndAddedTime .addedTime .stopwatch {
    height: 12px;
    width: 12px
}

.detailScore__matchInfo {
    align-items: center;
    display: flex;
    flex: 1 1;
    flex-flow: column;
    justify-content: flex-start
}

@media only screen and (max-width:639px) {
    .detailScore__matchInfo {
        justify-content: center
    }
}

.detailScore__detailScoreServe {
    white-space: nowrap
}

.scoreBoard {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    width: 100%
}

.aussie-rules .fixedHeaderDuel__score .detailScore__status {
    font-size: 11px;
    padding-top: 2px
}

.aussieScore :not(.scoreBoard) {
    font-family: FS_Numbers
}

.aussieScore--smv {
    display: flex;
    flex-flow: row nowrap;
    font-size: 11px;
    font-weight: 400
}

.aussieScore--smv .aussieScore__awayPrimary,
.aussieScore--smv .aussieScore__homePrimary {
    font-weight: 700
}

.aussieScore--smv .aussieScore__divider {
    padding: 0 5px
}

.aussieScore--detailScore {
    display: grid;
    font-size: 36px;
    grid-template: " homePrimary divider awayPrimary "max-content " homeSecondary . awaySecondary "minmax(14px, max-content) /minmax(45px, max-content) minmax(10px, max-content) minmax(45px, max-content);
    text-align: center
}

@media only screen and (max-width:639px) {

    .aussieScore--detailScore .aussieScore__awayPrimary,
    .aussieScore--detailScore .aussieScore__homePrimary {
        font-size: 22px
    }
}

.aussieScore--detailScore .aussieScore__awaySecondary,
.aussieScore--detailScore .aussieScore__homeSecondary {
    color: var(--color-support-4);
    font-size: 13px
}

.detailScore__live .aussieScore--detailScore .aussieScore__awaySecondary,
.detailScore__live .aussieScore--detailScore .aussieScore__homeSecondary {
    color: var(--color-primary)
}

@media only screen and (max-width:639px) {

    .aussieScore--detailScore .aussieScore__awaySecondary,
    .aussieScore--detailScore .aussieScore__homeSecondary {
        font-size: 10px
    }
}

.aussieScore--detailScore .aussieScore__divider {
    grid-area: divider;
    padding: 0 10px
}

@media only screen and (max-width:639px) {
    .aussieScore--detailScore .aussieScore__divider {
        font-size: 22px;
        padding: 0
    }
}

.aussieScore__live {
    color: var(--color-primary)
}

.aussieScore__homePrimary {
    grid-area: homePrimary
}

.aussieScore__awayPrimary {
    grid-area: awayPrimary
}

.aussieScore__homeSecondary {
    grid-area: homeSecondary
}

.aussieScore__awaySecondary {
    grid-area: awaySecondary
}

.participant__myTeamsIcon {
    align-items: center;
    align-self: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    grid-area: myTeams;
    height: 32px;
    justify-content: center;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    width: 32px;
    z-index: 1
}

.participant__myTeamsIcon:hover {
    background-color: rgba(var(--color-support-3-rgb), .15)
}

.participant__myTeamsIcon:hover svg {
    --color-symbol-star-fill: transparent;
    --color-symbol-star-outline: #999
}

.participant__myTeamsIcon--active:hover {
    background-color: rgba(var(--color-yellow-rgb), .15)
}

.participant__myTeamsIcon--active:hover svg {
    --color-symbol-star-fill: var(--color-yellow);
    --color-symbol-star-outline: var(--color-yellow)
}

.participant__participantServe {
    align-self: center;
    grid-area: serve;
    justify-self: center
}

.participant__participantServe>div {
    display: flex
}

.participant__participantServe>div>svg {
    height: 18px;
    width: 18px
}

.participant__participantLink {
    align-items: center;
    background: #fff;
    border: 1px solid var(--color-support-1);
    border-radius: 12px;
    display: flex;
    grid-area: image;
    justify-content: center;
    overflow: hidden;
    padding: 4px
}

.participant__participantLink .participant__image {
    border-radius: 12px;
    height: 74px;
    width: 74px
}

.participant__participantLink--team {
    padding: 12px
}

.participant__participantLink--team .participant__image {
    height: 58px;
    width: 58px
}

.participant__doubles--1 {
    grid-area: image
}

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

.participant__participantNameWrapper {
    font-size: 16px;
    grid-area: name;
    padding-top: 5px;
    text-align: center
}

.participant__participantName {
    color: var(--detailParticipant-text, var(--color-combination-2));
    text-decoration: none
}

.duelParticipant--winner .participant__participantName {
    font-weight: 800
}

.participant__participantName.participant__overflow {
    align-items: center;
    display: inline-flex;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    word-break: break-word
}

.participant__participantName .flag {
    display: inline-block
}

.participant__participantName:hover {
    text-decoration: underline
}

.participant__participantIcon:not(:empty) {
    display: inline-block;
    margin: var(--margin-homeAway);
    vertical-align: middle
}

.participant__participantRank {
    color: var(--color-support-4);
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
    grid-area: rank;
    justify-content: center;
    margin-top: 1px;
    text-align: center
}

.participant__participantRank a {
    color: var(--color-support-4)
}

.participant__participantRank a:hover {
    text-decoration: underline
}

.participant__flag {
    flex-shrink: 0;
    height: 12px;
    margin-right: 8px;
    object-fit: cover;
    width: 18px
}

@media only screen and (max-width:639px) {
    .participant__participantLink {
        padding: 2px
    }

    .participant__participantLink .participant__image {
        border-radius: 8px;
        height: 46px;
        width: 46px
    }

    .participant__participantLink--team {
        padding: 8px
    }

    .participant__participantLink--team .participant__image {
        height: 34px;
        width: 34px
    }

    .participant__doubles .participant__participantLink {
        padding: 3px
    }

    .participant__doubles .participant__participantLink .participant__image {
        height: 34px;
        width: 34px
    }

    .participant__participantNameWrapper {
        font-size: 14px
    }
}

@container duelParticipantContainer (max-width: 639px) {
    .participant__participantLink {
        padding: 2px
    }

    .participant__participantLink .participant__image {
        border-radius: 8px;
        height: 46px;
        width: 46px
    }

    .participant__participantLink--team {
        padding: 8px
    }

    .participant__participantLink--team .participant__image {
        height: 34px;
        width: 34px
    }

    .participant__doubles .participant__participantLink {
        padding: 3px
    }

    .participant__doubles .participant__participantLink .participant__image {
        height: 34px;
        width: 34px
    }

    .participant__participantNameWrapper {
        font-size: 14px
    }
}

.infoBox__info,
.infoBox__wrapper {
    display: flex;
    justify-content: center
}

.infoBox__info {
    align-items: center;
    background: var(--detailInfo-background, var(--color-support-1));
    border-radius: 4px;
    color: var(--detailInfo-text, var(--color-combination-4));
    font-size: 11px;
    margin: 0 10px;
    padding: 5px 10px
}

.infoBox__icon {
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.audioVideoButton__detailButtonContainer {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.audioVideoButton__detailButton {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    justify-content: space-between;
    margin: 0 10px;
    outline: none;
    padding: 5px 12px;
    text-transform: uppercase
}

.audioVideoButton__button {
    background-color: var(--color-secondary-3);
    border: 1px solid var(--color-secondary-3);
    color: #fff;
    cursor: pointer
}

.audioVideoButton__button:hover {
    background-color: var(--color-secondary-1);
    border-color: var(--color-secondary-1)
}

.audioVideoButton__button svg {
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.audioVideoButton__button:disabled {
    background-color: var(--color-secondary-2);
    border-color: var(--color-secondary-2);
    cursor: not-allowed
}

.audioVideoButton__button.audioVideoButton__scheduled {
    background-color: var(--color-support-3);
    border-color: var(--color-support-3)
}

.audioVideoButton__button.audioVideoButton__live {
    background-color: var(--color-primary-2);
    border-color: var(--color-primary-2)
}

.audioVideoButton__button.audioVideoButton__live:hover {
    background-color: var(--color-combination-15);
    border-color: var(--color-combination-15)
}

.audioCommentsFactory__skeleton {
    height: 32px;
    width: 150px
}

.audioCommentsFactory__skeleton svg {
    display: none
}

.audioCommentsFactory__skeleton.ska__di {
    background-color: var(--color-skeleton-1)
}

.audioCommentsSkeleton__button {
    background-color: var(--color-skeleton-1);
    border-radius: 4px;
    height: 32px;
    width: 100px
}

.audioCommentsSkeleton__text {
    background-color: var(--color-skeleton-1);
    border-radius: 4px;
    height: 14px;
    width: 80px
}

.audioCommentsSummary {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.audioCommentsSummary__content {
    display: flex;
    flex-direction: column;
    padding-inline: 12px;
    row-gap: 12px
}

.audioCommentsSummary__row {
    align-items: center;
    column-gap: 12px;
    display: flex;
    justify-content: space-between
}

.audioCommentsSummary__nameWithIcon {
    align-items: center;
    color: var(--color-support-4);
    display: flex;
    gap: 8px
}

.audioCommentsSummary__caption {
    color: var(--color-support-4);
    text-align: center
}

.audioCommentsCommentary {
    align-items: center;
    border: 1px solid var(--color-combination-36);
    border-radius: 8px;
    column-gap: 12px;
    display: flex;
    margin-block-end: var(--marginBlockEnd, 16px);
    margin-block-start: 16px;
    margin-inline: 12px;
    padding: 12px 16px
}

@media only screen and (max-width:639px) {
    .audioCommentsCommentary {
        margin-block-end: var(--marginBlockEnd, 12px);
        margin-block-start: 12px
    }
}

.audioCommentsCommentary--border {
    border-top: 1px solid var(--color-support-1)
}

.audioCommentsCommentary--noData {
    --marginBlockEnd: 0
}

.audioCommentsCommentary__texts {
    flex-grow: 1;
    justify-content: center
}

.audioCommentsCommentary__buttonWithLabel,
.audioCommentsCommentary__texts {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

@media only screen and (max-width:639px) {
    .audioCommentsCommentary__buttonWithLabel {
        row-gap: 6px
    }
}

.audioCommentsCommentary__heading {
    color: var(--color-combination-2)
}

.audioCommentsCommentary__caption {
    color: var(--color-support-4)
}

.audioCommentsCommentary__label {
    color: var(--color-support-4);
    font-size: 10px;
    line-height: 12px;
    text-align: end
}

@media only screen and (max-width:639px) {
    .audioCommentsCommentary__label {
        font-size: 8px;
        line-height: 10px
    }
}

.myTeamsIcon__myTeams {
    cursor: pointer;
    display: flex;
    height: 18px;
    width: 18px;
    --color-symbol-star-fill: transparent;
    --color-symbol-star-outline: #c8cdcd
}

.myTeamsIcon--active {
    --color-symbol-star-fill: var(--color-yellow);
    --color-symbol-star-outline: var(--color-yellow)
}

.myTeamsIcon__dropdownSort {
    height: 5px;
    margin: auto;
    transform: rotate(180deg);
    width: 8px
}

.specialScore__matchInfo {
    font-size: 16px;
    font-weight: 700;
    hyphens: auto;
    text-align: center;
    word-break: break-word
}

.specialScore__status {
    font-weight: 700;
    padding-top: 3px;
    text-align: center
}

.soccerLiveCommentarySkeleton__skeleton {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: 28px
}

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

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

.soccerLiveCommentarySkeleton__showMore {
    align-items: flex-end;
    display: flex;
    height: 20px;
    justify-content: center
}

.soccerLiveCommentarySkeleton__showMore>* {
    background-color: var(--color-skeleton-1);
    height: 13px;
    width: 100px
}

.soccerLiveCommentarySkeleton__skeletonRow {
    align-content: center;
    display: grid;
    grid-template: " .    rank .    .    participant .   "13px/11px 72px 11px 10px 1fr 11px;
    height: 42px
}

.soccerLiveCommentarySkeleton__skeletonRow:first-of-type,
.soccerLiveCommentarySkeleton__skeletonRow:nth-of-type(6) {
    grid-template-columns: 11px 72px 11px 10px 1fr 1fr
}

.soccerLiveCommentarySkeleton__skeletonRow:nth-of-type(12),
.soccerLiveCommentarySkeleton__skeletonRow:nth-of-type(2),
.soccerLiveCommentarySkeleton__skeletonRow:nth-of-type(5) {
    grid-template-columns: 11px 72px 11px 10px 230px 11px
}

.soccerLiveCommentarySkeleton__skeletonRow:nth-of-type(3),
.soccerLiveCommentarySkeleton__skeletonRow:nth-of-type(9) {
    grid-template-columns: 11px 72px 11px 10px 1fr 22px
}

.soccerLiveCommentarySkeleton__skeletonRow:nth-of-type(11),
.soccerLiveCommentarySkeleton__skeletonRow:nth-of-type(4) {
    grid-template-columns: 11px 72px 11px 10px 2fr 1fr
}

.soccerLiveCommentarySkeleton__skeletonRow:nth-of-type(10),
.soccerLiveCommentarySkeleton__skeletonRow:nth-of-type(7) {
    grid-template-columns: 11px 72px 11px 10px 3fr 1fr
}

.soccerLiveCommentarySkeleton__skeletonRow:not(:last-child) {
    border-bottom: 1px solid var(--color-skeleton-1)
}

.soccerLiveCommentarySkeleton__skeletonRow:before {
    content: "";
    grid-area: rank
}

.soccerLiveCommentarySkeleton__skeletonRow:after {
    content: "";
    grid-area: participant
}

.liveCommentary {
    padding: 0 12px
}

.liveCommentary__providerNote {
    color: var(--color-support-4);
    font-size: 11px;
    font-weight: 700;
    margin-top: 12px;
    text-align: center;
    text-transform: uppercase
}

.liveCommentary__link {
    display: flex;
    flex-direction: row-reverse
}

.oddsTab__tableWrapper {
    margin: 0 12px;
    overflow-x: auto
}

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

.oddsTab__poweredBy {
    color: var(--color-support-4);
    font-size: 11px;
    line-height: 13px;
    padding: 16px 10px;
    text-align: center
}

.oddsWrapper .oddsTab__poweredBy,
.summaryPrematchOddsPoweredBy .oddsTab__poweredBy {
    padding: 16px 10px 0
}

.oddsTab__skeleton {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: 44px 44px 25px 63px 63px 63px
}

.oddsTab__skeletonTabs {
    display: grid;
    grid-template-columns: 80px 45px 60px 50px;
    grid-column-gap: 8px;
    height: 28px;
    margin: 0 12px 16px
}

.oddsTab__skeletonTab {
    background-color: var(--color-skeleton-1);
    border-radius: 8px
}

.oddsTab__skeletonSubtabs,
.oddsTab__skeletonTab:first-child {
    background-color: var(--color-skeleton-2)
}

.oddsTab__skeletonSubtabs {
    display: grid;
    grid-template-columns: 100px;
    grid-column-gap: 8px;
    border-radius: 4px 4px 0 0;
    margin: 0 12px
}

@media only screen and (max-width:639px) {
    .oddsTab__skeletonSubtabs {
        border-radius: 0;
        margin: 0 0 1px
    }
}

.oddsTab__skeletonSubTab {
    background-color: var(--color-support-1);
    border-radius: 8px;
    margin: 8px 12px
}

.oddsTab__skeletonHeader {
    align-content: center;
    background-color: var(--color-skeleton-1);
    border-radius: 0 0 4px 4px;
    display: grid;
    grid-template: " bookmaker .   odd1 .    odd2 "13px/100px 1fr 20px 62px 20px;
    margin: 0 12px;
    padding-left: 12px;
    padding-right: 36px
}

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

.oddsTab__skeletonHeaderCell {
    background-color: var(--color-skeleton-2)
}

.oddsTab__skeletonHeaderCell:first-child {
    grid-area: bookmaker
}

.oddsTab__skeletonHeaderCell:nth-child(2) {
    grid-area: odd1
}

.oddsTab__skeletonHeaderCell:nth-child(3) {
    grid-area: odd2
}

.oddsTab__skeletonRow {
    align-content: center;
    border-bottom: 1px solid var(--color-skeleton-1);
    display: grid;
    grid-template: " .         .                 .    .    .    "16px " bookmaker .                 odd1 .    odd2 "30px " .         .                 .    .    .    "16px/90px minmax(12px, 1fr) 70px 12px 70px;
    margin: 0 24px
}

@media only screen and (max-width:639px) {
    .oddsTab__skeletonRow {
        margin: unset;
        padding: 0 12px
    }
}

.oddsTab__skeletonRowCell {
    border-radius: 8px
}

.oddsTab__skeletonRowCell:first-child {
    grid-area: bookmaker
}

.oddsTab__skeletonRowCell:nth-child(2) {
    grid-area: odd1
}

.oddsTab__skeletonRowCell:nth-child(3) {
    grid-area: odd2
}

.oddsComparisonBonus__oddsComparison {
    border-bottom: 1px solid var(--color-support-1);
    cursor: pointer;
    padding: 16px 12px
}

@media (hover:hover) {
    .oddsComparisonBonus__oddsComparison:hover {
        background-color: rgba(var(--color-support-2-rgb), .2)
    }
}

.oddsComparisonBonus__oddsComparison:last-child {
    border-bottom: 0
}

.oddsComparisonBonus__bookmaker .blink {
    background: none
}

.oddsComparisonBonus__bookmaker .detail-blogos {
    background-color: var(--color-skeleton-1);
    border-radius: 8px;
    display: inline-block;
    float: left;
    height: 32px;
    margin-right: 12px;
    width: 75px
}

.oddsComparisonBonus__bookmaker span:not(.detail-blogos):not(:hover) {
    text-decoration: underline
}

.oddsComparisonBonus__link {
    color: var(--color-combination-2);
    font-weight: 700;
    line-height: 32px;
    margin-right: 10px
}

.oddsComparisonBonus__link:not(:hover) {
    text-decoration: underline
}

.oddsComparisonBonus__text {
    color: var(--color-support-3);
    display: inline-flex;
    line-height: 16px;
    padding-top: 6px
}

.oddsCell__odd {
    align-items: center;
    background-color: var(--color-support-5);
    border: 1px solid var(--color-support-1);
    border-radius: 8px;
    color: var(--color-combination-2);
    display: flex;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 700;
    height: 26px;
    justify-content: center;
    margin-right: 16px;
    position: relative;
    text-decoration: none;
    width: 80px
}

@media only screen and (max-width:639px) {
    .oddsCell__odd {
        font-size: 12px;
        margin-right: 8px;
        width: 65px
    }
}

.oddsCell__odd:hover {
    text-decoration: underline
}

.oddsCell__odd span {
    margin-left: 12px
}

.oddsCell__noOddsCell {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin-right: 16px;
    width: 82px
}

@media only screen and (max-width:639px) {
    .oddsCell__noOddsCell {
        margin-right: 8px;
        width: 67px
    }
}

.oddsCell__notClickable.highlight {
    background-color: var(--color-support-5)
}

.oddsCell__notClickable:hover {
    text-decoration: none
}

.oddsCell__bookmaker {
    display: flex;
    justify-content: flex-start !important;
    text-align: left;
    width: 100%
}

.oddsCell__bookmaker,
.oddsCell__header {
    color: var(--color-support-4);
    font-weight: 700
}

.oddsCell__header {
    align-items: center;
    align-self: stretch;
    flex-shrink: 0;
    justify-content: center;
    margin-right: 16px;
    min-width: 82px;
    text-decoration: none
}

@media only screen and (max-width:639px) {
    .oddsCell__header {
        margin-right: 8px;
        min-width: 67px
    }
}

.oddsCell__header:last-child {
    margin-right: 0
}

.oddsCell__header:hover {
    background-color: #f8f8f8
}

.oddsCell__headerPrematch {
    color: var(--color-support-4);
    margin-right: 16px;
    min-width: 94px
}

@media only screen and (max-width:639px) {
    .oddsCell__headerPrematch {
        margin-right: 8px;
        min-width: 67px
    }
}

.oddsCell__headerPrematch:last-child {
    margin-right: 0
}

.oddsCell__odds:first-child .ui-table__header {
    border-radius: 0 0 4px 4px
}

@media only screen and (max-width:639px) {
    .oddsCell__odds:first-child .ui-table__header {
        border-radius: 0
    }
}

.oddsCell__odds:last-child .ui-table__body {
    border-bottom: 1px solid var(--color-support-1)
}

.theme--dark .oddsCell__odds:last-child .ui-table__body {
    border-bottom: 1px solid hsla(180, 5%, 79%, .25)
}

.oddsCell__odds .ui-table__header {
    background-color: var(--color-support-1);
    border-radius: 4px;
    color: var(--color-support-4);
    font-size: 11px;
    height: auto;
    letter-spacing: .4px;
    padding: 6px 12px;
    text-transform: uppercase
}

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

.oddsCell__odds .ui-table__header .ui-table__headerCell--sorted {
    background-color: transparent
}

.oddsCell__odds .ui-table__body {
    grid-auto-rows: auto
}

.oddsCell__odds .ui-table__row {
    align-items: center;
    flex: 1;
    padding: 12px
}

.oddsCell__odds .ui-table__row:last-child {
    border-bottom: 0
}

.oddsCell__odds .ui-table__row:not(.notClickable):hover {
    background-color: rgba(var(--color-support-1-rgb), .6);
    cursor: pointer
}

@media only screen and (max-width:799px) {
    .oddsCell__odds .ui-table__row:not(.notClickable):hover {
        background-color: unset;
        cursor: unset
    }
}

@media only screen and (max-width:639px) {
    .oddsCell__odds .ui-table__row {
        padding: 8px 12px
    }
}

.oddsCell__bookmakerCell {
    padding-left: 0
}

.oddsCell__bookmakerCell:not(.bookmakerText) {
    flex: 0 0 75px;
    height: 32px
}

.oddsCell__bookmakerCell.bookmakerText {
    flex: 1 0 90px;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    margin-right: 10px;
    word-break: break-word
}

.oddsCell__bookmakerCell.bookmakerText:hover {
    text-decoration: underline
}

.oddsCell__bookmakerPart {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    min-width: 109px
}

.oddsCell__bookmakerPart~:last-child {
    margin-right: 0
}

.oddsCell__arrow {
    height: 14px;
    left: 8px;
    position: absolute;
    width: 14px
}

@media only screen and (max-width:639px) {
    .oddsCell__arrow {
        height: 12px;
        width: 12px
    }
}

.oddsCell__linkIcon {
    position: absolute;
    right: 4px;
    top: 4px
}

.oddsCell__lineThrough {
    text-decoration: line-through
}

.oddsCell__highlight {
    background-color: var(--color-highlight);
    border-color: var(--color-highlight)
}

body.floorball .smv__assist,
body.hockey .smv__assist {
    margin-left: 0;
    order: 2;
    padding-top: 5px;
    width: 100%
}

body.floorball .smv__assist.smv__assistAway,
body.hockey .smv__assist.smv__assistAway {
    margin-right: 0;
    text-align: right
}

body.golf .smv__playerName div {
    display: inline;
    white-space: nowrap
}

body.hockey .smv__assist {
    margin: 0
}

.smv__participantRow {
    display: flex;
    margin: 8px 12px
}

.smv__participantRow.smv__homeParticipant {
    justify-content: flex-start
}

.smv__participantRow.smv__homeParticipant .smv__incident {
    flex-flow: row wrap
}

.smv__participantRow.smv__awayParticipant {
    justify-content: flex-end
}

.smv__participantRow.smv__awayParticipant .smv__timeBox {
    text-align: right
}

.smv__participantRow.smv__awayParticipant .smv__incident {
    flex-flow: row-reverse wrap
}

.smv__incident {
    align-items: center;
    display: flex
}

.smv__incident.smv__empty {
    justify-content: center;
    margin: 8px 10px
}

.smv__incidentSubOut {
    font-weight: 400;
    margin: 0 0 0 8px
}

.smv__incidentSubOut.smv__incidentSideAway {
    margin: 0 8px 0 0
}

.smv__timeBox {
    color: var(--color-support-4);
    font-weight: 700;
    min-width: 20px
}

.smv__incidentIcon,
.smv__incidentIconSub {
    align-items: center;
    border: 1px solid var(--color-support-1);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 28px;
    justify-content: center;
    line-height: 1;
    margin-left: 8px;
    margin-right: 8px;
    min-width: 14px;
    padding-left: 5px;
    padding-right: 5px
}

.smv__incidentIcon div,
.smv__incidentIconSub div {
    align-items: center;
    display: flex
}

.smv__incidentIcon svg,
.smv__incidentIconSub svg {
    height: 16px;
    width: 16px
}

.smv__incidentSideAway {
    flex-flow: row-reverse
}

.smv__incidentsHeader {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.smv__assist,
.smv__subIncident {
    color: var(--color-support-4);
    margin: 0 4px
}

.smv__assist a:hover {
    text-decoration: underline
}

.smv__videoBoxWrap {
    margin: 0 8px;
    order: 1
}

.smv__videoBox {
    align-items: center;
    display: flex;
    justify-content: center
}

.smv__videoBox svg {
    height: 16px;
    width: 16px
}

.smv__contumacy {
    border-bottom: 1px solid var(--color-support-1);
    display: flex;
    justify-content: center;
    line-height: 29px
}

.smv__playerName {
    color: var(--detailSummary-player, var(--color-combination-2));
    font-weight: 700
}

.smv__playerName--withoutLink {
    font-weight: 700
}

.smv__playerName:hover {
    text-decoration: underline
}

.smv__subDown {
    color: var(--color-support-4);
    font-weight: 400
}

.smv__incidentHomeScore {
    font-weight: 700;
    margin-left: 6px
}

.smv__incidentAwayScore {
    font-weight: 700;
    margin-right: 6px
}

.smv__skeleton {
    display: flex;
    flex-direction: column
}

.smv__header {
    background-color: var(--color-skeleton-1);
    border-radius: 4px;
    height: 28px;
    width: 100%
}

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

.smv__row1 {
    grid-template: " timeBox . icon . incident . "13px/16px 5px 16px 5px 170px 1fr
}

.smv__row2 {
    grid-template: " . incident . icon . timeBox"13px/1fr 170px 5px 16px 5px 16px
}

.smv__row {
    display: grid;
    padding: 10px
}

.smv__row :first-of-type {
    grid-area: timeBox
}

.smv__row :nth-of-type(2) {
    grid-area: incident
}

.smv__row :nth-of-type(3) {
    grid-area: icon
}

.smh__summaryRowHeader {
    background-color: var(--color-support-1);
    border-radius: 4px;
    color: var(--color-support-4);
    display: flex;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase
}

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

.smh__header {
    color: var(--color-support-3);
    place-self: center
}

.smh__header__score {
    grid-area: score
}

.smh__header__part--1 {
    grid-area: part1
}

.smh__header__part--2 {
    grid-area: part2
}

.smh__header__part--3 {
    grid-area: part3
}

.smh__header__part--4 {
    grid-area: part4
}

.smh__header__part--5 {
    grid-area: part5
}

.smh__header__part--6 {
    grid-area: part6
}

.smh__header__part--7 {
    grid-area: part7
}

.smh__header__part--8 {
    grid-area: part8
}

.smh__header__part--9 {
    grid-area: part9
}

.smh__header__part--10 {
    grid-area: part10
}

.smh__header__part--11 {
    grid-area: part11
}

.smh__header__part--12 {
    grid-area: part12
}

.smh__header__sets {
    grid-area: sets
}

.smh__header__legs {
    grid-area: legs
}

.smh__header__currentPoints {
    grid-area: points
}

.smh__border {
    background-color: var(--color-support-1);
    grid-area: border;
    height: 1px
}

.smh__participantName {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-start;
    line-height: 1.23;
    padding: 8px 10px;
    white-space: nowrap
}

.smh__participantName.smh__home {
    grid-area: homeParticipant
}

.smh__participantName.smh__away {
    grid-area: awayParticipant
}

.smh__startPosition {
    color: var(--color-support-3);
    font-size: 11px;
    line-height: 1;
    margin-left: .5ex
}

.smh__part {
    align-items: center;
    color: var(--color-support-3);
    display: flex;
    justify-content: center;
    position: relative
}

.smh__part sup {
    bottom: .4em;
    font-size: 80%;
    position: relative
}

.smh__part--hits:after {
    background-color: var(--color-support-1);
    content: "";
    display: initial;
    height: 15px;
    left: 0;
    position: absolute;
    width: 1px
}

.smh__part--pesapallo-X1,
.smh__part--pesapallo-X2 {
    font-weight: 700
}

.smh__part--pesapallo-X1:after,
.smh__part--pesapallo-X2:after {
    background-color: var(--color-support-1);
    content: "";
    display: initial;
    height: 15px;
    position: absolute;
    right: 0;
    width: 1px
}

.smh__part.smh__home.smh__part--game {
    grid-area: homeGame
}

.smh__part.smh__home.smh__part--1 {
    grid-area: homePart1
}

.smh__part.smh__home.smh__part--2 {
    grid-area: homePart2
}

.smh__part.smh__home.smh__part--3 {
    grid-area: homePart3
}

.smh__part.smh__home.smh__part--4 {
    grid-area: homePart4
}

.smh__part.smh__home.smh__part--5 {
    grid-area: homePart5
}

.smh__part.smh__home.smh__part--6 {
    grid-area: homePart6
}

.smh__part.smh__home.smh__part--7 {
    grid-area: homePart7
}

.smh__part.smh__home.smh__part--8 {
    grid-area: homePart8
}

.smh__part.smh__home.smh__part--9 {
    grid-area: homePart9
}

.smh__part.smh__home.smh__part--x {
    grid-area: homePartX
}

.smh__part.smh__home.smh__part--hits {
    grid-area: homePartHits
}

.smh__part.smh__home.smh__part--errors {
    grid-area: homePartErrors
}

.smh__part.smh__home.smh__part--pesapallo-X1 {
    grid-area: homePartX1
}

.smh__part.smh__home.smh__part--pesapallo-X2 {
    grid-area: homePartX2
}

.smh__part.smh__home.smh__part--pesapallo-pen {
    grid-area: homePartPen
}

.smh__part.smh__away.smh__part--game {
    grid-area: awayGame
}

.smh__part.smh__away.smh__part--1 {
    grid-area: awayPart1
}

.smh__part.smh__away.smh__part--2 {
    grid-area: awayPart2
}

.smh__part.smh__away.smh__part--3 {
    grid-area: awayPart3
}

.smh__part.smh__away.smh__part--4 {
    grid-area: awayPart4
}

.smh__part.smh__away.smh__part--5 {
    grid-area: awayPart5
}

.smh__part.smh__away.smh__part--6 {
    grid-area: awayPart6
}

.smh__part.smh__away.smh__part--7 {
    grid-area: awayPart7
}

.smh__part.smh__away.smh__part--8 {
    grid-area: awayPart8
}

.smh__part.smh__away.smh__part--9 {
    grid-area: awayPart9
}

.smh__part.smh__away.smh__part--x {
    grid-area: awayPartX
}

.smh__part.smh__away.smh__part--hits {
    grid-area: awayPartHits
}

.smh__part.smh__away.smh__part--errors {
    grid-area: awayPartErrors
}

.smh__part.smh__away.smh__part--pesapallo-X1 {
    grid-area: awayPartX1
}

.smh__part.smh__away.smh__part--pesapallo-X2 {
    grid-area: awayPartX2
}

.smh__part.smh__away.smh__part--pesapallo-pen {
    grid-area: awayPartPen
}

.smh__rowPart {
    align-items: center;
    display: flex;
    line-height: 16px;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap
}

.smh__rowPart.smh__center {
    justify-content: center
}

.smh__rowJersey {
    display: flex;
    margin-left: 4px
}

.smh__rowJersey:first-of-type {
    margin-left: 8px
}

.smh__rowJersey svg {
    height: 16px;
    width: 16px
}

.smh__score {
    color: var(--color-combination-2);
    font-weight: 700
}

.pesapallo .smh__score:after {
    background-color: var(--color-support-1);
    content: "";
    display: initial;
    height: 15px;
    position: absolute;
    right: 0;
    width: 1px
}

.smh__score.smh__home {
    grid-area: homeScore
}

.smh__score.smh__away {
    grid-area: awayScore
}

.smh__score--left {
    justify-content: flex-start
}

.smh__score .playing,
.smh__score.smh__live {
    color: var(--color-primary)
}

.smh__subScore {
    color: var(--color-support-3);
    font-weight: 400
}

.smh__pitchers {
    grid-area: pitchers;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 8px;
    text-align: right
}

.smh__service {
    margin-right: 8px;
    place-self: center
}

.smh__service svg {
    height: 16px;
    width: 16px
}

.smh__service:empty {
    display: none
}

.smh__service.smh__home {
    grid-area: homeService
}

.smh__service.smh__away {
    grid-area: awayService
}

.smh__result {
    display: grid;
    font-weight: 700;
    grid-area: result;
    place-items: center
}

.smh__subResult {
    font-weight: 400
}

.smh__frame {
    align-items: center;
    color: var(--color-support-3);
    cursor: default;
    display: flex;
    grid-area: frame;
    justify-content: center;
    margin: 15px 0
}

.smh__frameEffect:hover {
    color: var(--color-secondary-2)
}

.smh__homeTeam {
    padding-right: 3px
}

.smh__homeWinner {
    font-weight: 700
}

.smh__homeSets {
    grid-area: homeSets
}

.smh__awaySets {
    grid-area: awaySets
}

.smh__liveHome {
    grid-area: liveHome
}

.smh__liveAway {
    grid-area: liveAway
}

.smh__runRate {
    color: var(--color-support-3);
    place-self: center
}

.smh__runRate.smh__home {
    grid-area: homeRunRate
}

.smh__runRate.smh__away {
    grid-area: awayRunRate
}

.smh__time,
.smh__timeTitle {
    color: var(--color-support-4);
    display: flex;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .4px;
    padding-bottom: 12px;
    padding-top: 12px
}

.smh__timeTitle {
    grid-area: title;
    justify-content: flex-end;
    padding-left: 12px;
    padding-right: 12px;
    text-transform: uppercase
}

.smh__timeTitle:after {
    content: ":"
}

.smh__time {
    justify-content: center
}

.smh__time.smh__time--overall {
    grid-area: overall
}

.smh__time.smh__time--0 {
    grid-area: ti0
}

.smh__time.smh__time--1 {
    grid-area: ti1
}

.smh__time.smh__time--2 {
    grid-area: ti2
}

.smh__time.smh__time--3 {
    grid-area: ti3
}

.smh__time.smh__time--4 {
    grid-area: ti4
}

.smh__isLive .smh__center {
    color: var(--color-primary)
}

.smh__summaryResultsWrap {
    overflow-x: auto
}

.smh__summaryResults {
    display: table;
    width: 100%
}

.cycling .smh__stageResult+.smh__stageResult,
.motorsport-auto-racing .smh__stageResult+.smh__stageResult,
.motorsport-dakar-racing .smh__stageResult+.smh__stageResult,
.motorsport-moto-racing .smh__stageResult+.smh__stageResult,
.motorsport-speedway-racing .smh__stageResult+.smh__stageResult,
.motorsport-wrc-racing .smh__stageResult+.smh__stageResult,
.winter-sports-alpine-skiing .smh__stageResult+.smh__stageResult,
.winter-sports-biathlon .smh__stageResult+.smh__stageResult,
.winter-sports-cross-country .smh__stageResult+.smh__stageResult,
.winter-sports-ski-jumping .smh__stageResult+.smh__stageResult {
    margin-top: 12px
}

.cycling .smh__template,
.motorsport-auto-racing .smh__template,
.motorsport-dakar-racing .smh__template,
.motorsport-moto-racing .smh__template,
.motorsport-speedway-racing .smh__template,
.motorsport-wrc-racing .smh__template,
.winter-sports-alpine-skiing .smh__template,
.winter-sports-biathlon .smh__template,
.winter-sports-cross-country .smh__template,
.winter-sports-ski-jumping .smh__template {
    margin-top: 0;
    padding-left: 4px;
    padding-right: 4px
}

.cycling .smh__template:not(.smh__summaryRowHeader),
.motorsport-auto-racing .smh__template:not(.smh__summaryRowHeader),
.motorsport-dakar-racing .smh__template:not(.smh__summaryRowHeader),
.motorsport-moto-racing .smh__template:not(.smh__summaryRowHeader),
.motorsport-speedway-racing .smh__template:not(.smh__summaryRowHeader),
.motorsport-wrc-racing .smh__template:not(.smh__summaryRowHeader),
.winter-sports-alpine-skiing .smh__template:not(.smh__summaryRowHeader),
.winter-sports-biathlon .smh__template:not(.smh__summaryRowHeader),
.winter-sports-cross-country .smh__template:not(.smh__summaryRowHeader),
.winter-sports-ski-jumping .smh__template:not(.smh__summaryRowHeader) {
    border-bottom: 1px solid var(--color-support-1)
}

.cycling .smh__template:not(.smh__summaryRowHeader) .smh__rowPart,
.motorsport-auto-racing .smh__template:not(.smh__summaryRowHeader) .smh__rowPart,
.motorsport-dakar-racing .smh__template:not(.smh__summaryRowHeader) .smh__rowPart,
.motorsport-moto-racing .smh__template:not(.smh__summaryRowHeader) .smh__rowPart,
.motorsport-speedway-racing .smh__template:not(.smh__summaryRowHeader) .smh__rowPart,
.motorsport-wrc-racing .smh__template:not(.smh__summaryRowHeader) .smh__rowPart,
.winter-sports-alpine-skiing .smh__template:not(.smh__summaryRowHeader) .smh__rowPart,
.winter-sports-biathlon .smh__template:not(.smh__summaryRowHeader) .smh__rowPart,
.winter-sports-cross-country .smh__template:not(.smh__summaryRowHeader) .smh__rowPart,
.winter-sports-ski-jumping .smh__template:not(.smh__summaryRowHeader) .smh__rowPart {
    line-height: 1.54
}

.cycling .smh__template:last-child,
.motorsport-auto-racing .smh__template:last-child,
.motorsport-dakar-racing .smh__template:last-child,
.motorsport-moto-racing .smh__template:last-child,
.motorsport-speedway-racing .smh__template:last-child,
.motorsport-wrc-racing .smh__template:last-child,
.winter-sports-alpine-skiing .smh__template:last-child,
.winter-sports-biathlon .smh__template:last-child,
.winter-sports-cross-country .smh__template:last-child,
.winter-sports-ski-jumping .smh__template:last-child {
    border-bottom: 0
}

.cycling .smh__template .smh__rowPart,
.motorsport-auto-racing .smh__template .smh__rowPart,
.motorsport-dakar-racing .smh__template .smh__rowPart,
.motorsport-moto-racing .smh__template .smh__rowPart,
.motorsport-speedway-racing .smh__template .smh__rowPart,
.motorsport-wrc-racing .smh__template .smh__rowPart,
.winter-sports-alpine-skiing .smh__template .smh__rowPart,
.winter-sports-biathlon .smh__template .smh__rowPart,
.winter-sports-cross-country .smh__template .smh__rowPart,
.winter-sports-ski-jumping .smh__template .smh__rowPart {
    line-height: 1;
    padding-bottom: 8px;
    padding-top: 8px
}

.cycling .smh__stageResult--mainResult,
.motorsport-auto-racing .smh__stageResult--mainResult,
.motorsport-dakar-racing .smh__stageResult--mainResult,
.motorsport-moto-racing .smh__stageResult--mainResult,
.motorsport-speedway-racing .smh__stageResult--mainResult,
.motorsport-wrc-racing .smh__stageResult--mainResult,
.winter-sports-alpine-skiing .smh__stageResult--mainResult,
.winter-sports-biathlon .smh__stageResult--mainResult,
.winter-sports-cross-country .smh__stageResult--mainResult,
.winter-sports-ski-jumping .smh__stageResult--mainResult {
    font-weight: 700
}

.smh__template {
    display: grid;
    margin-top: 12px;
    overflow-x: auto
}

.smh__template.bandy,
.smh__template.field-hockey,
.smh__template.handball,
.smh__template.kabaddi {
    grid-template: " homeParticipant . homeScore homePart1 homePart2 homePart3 homePart4 "minmax(29px, auto) " awayParticipant . awayScore awayPart1 awayPart2 awayPart3 awayPart4 "minmax(29px, auto);
    grid-template-columns: max-content 1fr repeat(5, minmax(28px, 42px))
}

.smh__template.badminton {
    grid-template: "  homeParticipant . homeService homeScore homePart1 homePart2 homePart3 "minmax(29px, auto) "  awayParticipant . awayService awayScore awayPart1 awayPart2 awayPart3 "minmax(29px, auto);
    grid-template-columns: max-content 1fr 24px repeat(4, minmax(28px, 42px))
}

.smh__template.baseball {
    grid-template: " .           .               . score     part1     part2     part3     part4     part5     part6     part7     part8     part9     part10    part11       part12        "25px " border      border          border border border  border    border    border    border    border    border    border    border    border    border       border        "1px " homeParticipant . homeService homeScore homePart1 homePart2 homePart3 homePart4 homePart5 homePart6 homePart7 homePart8 homePart9 homePartX homePartHits homePartErrors"minmax(29px, auto) " awayParticipant . awayService awayScore awayPart1 awayPart2 awayPart3 awayPart4 awayPart5 awayPart6 awayPart7 awayPart8 awayPart9 awayPartX awayPartHits awayPartErrors"minmax(29px, auto) " pitchers pitchers pitchers pitchers pitchers pitchers pitchers pitchers pitchers pitchers pitchers pitchers pitchers pitchers pitchers pitchers"auto;
    grid-template-columns: max-content 1fr 24px repeat(10, minmax(21px, 27px)) minmax(21px, 33px) minmax(21px, 28px) minmax(21px, 35px)
}

.smh__template.basketball,
.smh__template.beach-soccer,
.smh__template.netball {
    grid-template: " homeParticipant . homeScore homePart1 homePart2 homePart3 homePart4 homePart5 "minmax(29px, auto) " awayParticipant . awayScore awayPart1 awayPart2 awayPart3 awayPart4 awayPart5 "minmax(29px, auto);
    grid-template-columns: max-content 1fr repeat(6, minmax(28px, 42px))
}

.smh__template.esports,
.smh__template.golf {
    grid-template: " homeParticipant . homeScore "minmax(29px, auto) " awayParticipant . awayScore "minmax(29px, auto) /max-content 1fr minmax(28px, 42px)
}

.smh__template.boxing,
.smh__template.mma {
    grid-template: " homeParticipant . result "minmax(29px, auto) " awayParticipant . result "minmax(29px, auto) /max-content 1fr 180px
}

.smh__template.snooker {
    grid-template: " homeParticipant . homeScore frame"minmax(29px, auto) " awayParticipant . awayScore frame"minmax(29px, auto) /max-content 1fr 42px 42px
}

.smh__template.darts {
    grid-template: ". . 			  .		 sets legs points ."25px "border border border border border border border"1px "homeParticipant . homeService homeSets homeScore liveHome frame"minmax(29px, auto) "awayParticipant . awayService awaySets awayScore liveAway frame"minmax(29px, auto) /max-content 1fr max-content 42px 42px 42px 42px
}

.smh__template.cricket {
    grid-template: "homeParticipant .        homeService homeScore                   homeRunRate"minmax(29px, auto) "awayParticipant .        awayService awayScore                   awayRunRate"minmax(29px, auto) ".               .        .           .                           .          "8px "extraInfo   extraInfo    extraInfo   extraInfo                   extraInfo  "max-content /max-content 1fr max-content minmax(max-content, 110px) minmax(60px, 90px)
}

.smh__template.pesapallo {
    grid-template: " .           .               . score     part1     part2     part3     part4     part5      part6     part7     part8     part9     part10    part11       part12    "25px " border      border          border border border  border    border    border    border     border    border    border    border    border    border       border    "1px " homeParticipant . homeService homeScore homePart1 homePart2 homePart3 homePart4 homePartX1 homePart5 homePart6 homePart7 homePart8 homePartX2 homePart9 homePartPen "minmax(29px, auto) " awayParticipant . awayService awayScore awayPart1 awayPart2 awayPart3 awayPart4 awayPartX1 awayPart5 awayPart6 awayPart7 awayPart8 awayPartX2 awayPart9 awayPartPen "minmax(29px, auto);
    grid-template-columns: max-content 1fr 24px repeat(10, minmax(21px, 27px)) repeat(2, minmax(21px, 33px)) minmax(21px, 27px)
}

.smh__template.table-tennis {
    grid-template: " homeParticipant . homeService homeScore homePart1 homePart2 homePart3 homePart4 homePart5 homePart6 homePart7 "minmax(29px, auto) " awayParticipant . awayService awayScore awayPart1 awayPart2 awayPart3 awayPart4 awayPart5 awayPart6 awayPart7 "minmax(29px, auto);
    grid-template-columns: max-content 1fr 24px repeat(8, minmax(23px, 36px))
}

.smh__template.beach-volleyball,
.smh__template.volleyball {
    grid-template: " homeParticipant . homeService homeScore homePart1 homePart2 homePart3 homePart4 homePart5 "minmax(29px, auto) " awayParticipant . awayService awayScore awayPart1 awayPart2 awayPart3 awayPart4 awayPart5 "minmax(29px, auto);
    grid-template-columns: max-content 1fr 24px repeat(6, minmax(23px, 36px))
}

.smh__template.tennis {
    grid-template: " homeParticipant . homeService homeScore homePart1 homePart2 homePart3 homePart4 homePart5 homeGame "minmax(29px, auto) " awayParticipant . awayService awayScore awayPart1 awayPart2 awayPart3 awayPart4 awayPart5 awayGame "minmax(29px, auto) " .           .               .        .         .         .         .         .         .         .        "8px " border      border          border   border    border    border    border    border    border    border   "auto " title       title           title    overall   ti0       ti1       ti2       ti3       ti4       ti5      "auto;
    grid-template-columns: max-content 1fr 24px repeat(7, minmax(28px, 36px))
}

.smh__template.water-polo {
    grid-template: " homeParticipant . homeScore homePart1 homePart2 homePart3 homePart4 homePart5 homePart6 "minmax(29px, auto) " awayParticipant . awayScore awayPart1 awayPart2 awayPart3 awayPart4 awayPart5 awayPart6 "minmax(29px, auto);
    grid-template-columns: max-content 1fr repeat(7, minmax(28px, 42px))
}

.smh__template.cycling,
.smh__template.winter-sports-alpine-skiing,
.smh__template.winter-sports-cross-country {
    grid-template: "part1 part2 part3 part4"minmax(24px, auto) /1fr 50px 90px 90px
}

@media only screen and (max-width:479px) {

    .smh__template.cycling,
    .smh__template.winter-sports-alpine-skiing,
    .smh__template.winter-sports-cross-country {
        grid-template-columns: 1fr 50px 70px 70px
    }
}

.smh__template.winter-sports-ski-jumping {
    grid-template: "part1 part2 part3 part4"minmax(24px, auto) /1fr 50px 90px 100px
}

@media only screen and (max-width:479px) {
    .smh__template.winter-sports-ski-jumping {
        grid-template-columns: 1fr 50px 70px 80px
    }
}

.smh__template.winter-sports-ski-jumping.c_2 {
    grid-template: "part1 part2 part3"minmax(24px, auto) /1fr 50px 100px
}

@media only screen and (max-width:479px) {
    .smh__template.winter-sports-ski-jumping.c_2 {
        grid-template-columns: 1fr 50px 80px
    }
}

.smh__template.winter-sports-biathlon {
    grid-template: "part1 part2 part3 part4 part5"minmax(24px, auto) /1fr 50px 90px 90px 90px
}

@media only screen and (max-width:479px) {
    .smh__template.winter-sports-biathlon {
        grid-template-columns: 1fr 50px 70px 70px 70px
    }
}

.smh__template.motorsport-auto-racing {
    grid-template: "part1 part2 part3 part4 part5 part6"minmax(24px, auto);
    grid-template-columns: 1fr 51px 121px repeat(3, 91px)
}

@media only screen and (max-width:479px) {
    .smh__template.motorsport-auto-racing {
        grid-template-columns: 1fr 35px 101px repeat(3, 45px)
    }
}

.smh__template.motorsport-dakar-racing,
.smh__template.motorsport-wrc-racing {
    grid-template: "part1 part2 part3 part4"minmax(24px, auto) /1fr 51px 121px 91px
}

@media only screen and (max-width:479px) {

    .smh__template.motorsport-dakar-racing,
    .smh__template.motorsport-wrc-racing {
        grid-template-columns: 1fr 51px 101px 71px
    }
}

.smh__template.motorsport-moto-racing {
    grid-template: " homeParticipant .      homeScore "minmax(29px, auto) " awayParticipant .      awayScore "minmax(29px, auto) /max-content 1fr minmax(28px, 42px)
}

.smh__template.motorsport-moto-racing:after {
    background-color: var(--color-support-1);
    content: "";
    grid-area: border
}

.smh__template.motorsport-moto-racing.c_4 {
    grid-template: "part1 part2 part3 part4 part5"minmax(24px, auto);
    grid-template-columns: 1fr 51px 121px repeat(2, 91px)
}

@media only screen and (max-width:479px) {
    .smh__template.motorsport-moto-racing.c_4 {
        grid-template-columns: 1fr 35px 101px repeat(2, 45px)
    }
}

.smh__template.motorsport-speedway-racing.c_2 {
    grid-template: "part1 part2 part3"minmax(24px, auto) /1fr 51px 71px
}

@media only screen and (max-width:479px) {
    .smh__template.motorsport-speedway-racing.c_2 {
        grid-template-columns: 1fr 51px 51px
    }
}

.smh__template.motorsport-speedway-racing.c_4 {
    grid-template: "part1 part2 part3 part4 part5"minmax(24px, auto) /1fr 51px 71px 73px 71px
}

@media only screen and (max-width:479px) {
    .smh__template.motorsport-speedway-racing.c_4 {
        grid-template-columns: 1fr 51px 51px 53px 51px
    }
}

.bold {
    font-weight: 700
}

.nbsp {
    white-space: nowrap
}

.smh__legendBox {
    border-top: 1px solid var(--color-support-1);
    padding-left: 10px;
    padding-top: 20px
}

.smh__legendBox:empty {
    display: none
}

.smh__legend {
    align-items: center;
    display: flex;
    line-height: 1;
    margin-bottom: 12px
}

.smh__legend:last-child {
    margin-bottom: 0
}

.smh__jersey {
    display: flex;
    margin-right: 12px
}

.smh__jersey svg {
    height: 16px;
    width: 16px
}

.smh__jerseyText {
    font-size: 12px;
    font-weight: 700
}

.smh__summaryFifteens {
    border-bottom: 1px solid var(--color-support-1);
    color: var(--color-text-2);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 25px;
    padding: 0 12px;
    text-align: center
}

.smh__skeleton {
    overflow: hidden
}

.smh__skeletonHeader {
    border-radius: 4px
}

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

.smh__skeletonHeader,
.smh__skeletonSubHeader {
    background-color: var(--color-skeleton-1);
    display: flex;
    height: 27px
}

.smh__skeletonRow {
    display: grid;
    grid-template: " participant .                     homeScore "13px/80px minmax(10px, 1fr) 14px;
    padding: 8px 14px 8px 10px
}

.smh__skeletonRow:last-of-type {
    grid-template: " participant .                     homeScore "13px/100px minmax(10px, 1fr) 14px
}

.smh__skeletonHeaderRow,
.smh__skeletonSubHeaderRow {
    display: none;
    padding-bottom: 6px;
    padding-top: 6px
}

.smh__skeletonHeaderRow>.smh__skeletonRowCell:first-child,
.smh__skeletonSubHeaderRow>.smh__skeletonRowCell:first-child {
    background-color: transparent;
    background-image: none
}

.smh__skeletonHeaderRow {
    border-bottom: 1px solid var(--color-border-1)
}

.smh__skeletonRowCell:first-child {
    grid-area: participant
}

.smh__skeletonRowCell:nth-child(2) {
    grid-area: homeScore
}

.smh__skeletonRowCell:nth-child(3) {
    grid-area: homeScore2
}

.smh__skeletonRowCell:nth-child(4) {
    grid-area: homeScore3
}

.smh__skeletonRowCell:nth-child(5) {
    grid-area: homeScore4
}

.smh__skeletonRowCell:nth-child(6) {
    grid-area: homeScore5
}

.smh__skeletonRowCell:nth-child(7) {
    grid-area: homeScore6
}

.smh__skeletonRowCell:nth-child(8) {
    grid-area: homeScore7
}

.smh__skeletonRowCell:nth-child(9) {
    grid-area: homeScore8
}

.smh__skeletonRowCell:nth-child(10) {
    grid-area: homeScore9
}

.smh__skeletonRowCell:nth-child(11) {
    grid-area: homeScore10
}

.darts .smh__skeletonHeaderRow {
    display: grid
}

.darts .smh__skeletonRow {
    grid-template: " .      participant .                  homeScore  .    homeScore2 .    homeScore3"13px/20px 80px minmax(10px, 1fr) 24px 10px 24px 10px 24px
}

.darts .smh__skeletonRow:last-of-type div:first-of-type {
    margin-right: 20px
}

.cycling .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow,
.motorsport-auto-racing .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow,
.motorsport-moto-racing .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow,
.winter-sports-alpine-skiing .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow,
.winter-sports-biathlon .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow,
.winter-sports-cross-country .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow,
.winter-sports-ski-jumping .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow {
    display: grid
}

.cycling .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow>.smh__skeletonRowCell:first-child,
.motorsport-auto-racing .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow>.smh__skeletonRowCell:first-child,
.motorsport-moto-racing .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow>.smh__skeletonRowCell:first-child,
.winter-sports-alpine-skiing .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow>.smh__skeletonRowCell:first-child,
.winter-sports-biathlon .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow>.smh__skeletonRowCell:first-child,
.winter-sports-cross-country .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow>.smh__skeletonRowCell:first-child,
.winter-sports-ski-jumping .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow>.smh__skeletonRowCell:first-child {
    background-color: var(--color-skeleton-1);
    background-image: linear-gradient(to right, var(--color-skeleton-1) 0, var(--color-skeleton-2) 20%, var(--color-skeleton-1) 40%, var(--color-skeleton-1) 100%)
}

.cycling .smh__skeleton:not(.duel) .smh__skeletonRow,
.motorsport-auto-racing .smh__skeleton:not(.duel) .smh__skeletonRow,
.motorsport-moto-racing .smh__skeleton:not(.duel) .smh__skeletonRow,
.winter-sports-alpine-skiing .smh__skeleton:not(.duel) .smh__skeletonRow,
.winter-sports-biathlon .smh__skeleton:not(.duel) .smh__skeletonRow,
.winter-sports-cross-country .smh__skeleton:not(.duel) .smh__skeletonRow,
.winter-sports-ski-jumping .smh__skeleton:not(.duel) .smh__skeletonRow {
    grid-template: " participant .                  homeScore  .    homeScore2 .    homeScore3"13px/80px minmax(10px, 1fr) 24px 10px 24px 10px 24px
}

.cycling .smh__skeleton:not(.duel) .smh__skeletonRow:nth-of-type(4) div:first-of-type,
.motorsport-auto-racing .smh__skeleton:not(.duel) .smh__skeletonRow:nth-of-type(4) div:first-of-type,
.motorsport-moto-racing .smh__skeleton:not(.duel) .smh__skeletonRow:nth-of-type(4) div:first-of-type,
.winter-sports-alpine-skiing .smh__skeleton:not(.duel) .smh__skeletonRow:nth-of-type(4) div:first-of-type,
.winter-sports-biathlon .smh__skeleton:not(.duel) .smh__skeletonRow:nth-of-type(4) div:first-of-type,
.winter-sports-cross-country .smh__skeleton:not(.duel) .smh__skeletonRow:nth-of-type(4) div:first-of-type,
.winter-sports-ski-jumping .smh__skeleton:not(.duel) .smh__skeletonRow:nth-of-type(4) div:first-of-type {
    margin-right: 20px
}

.golf .smh__skeleton:not(.duel) .smh__skeletonHeaderRow,
.golf .smh__skeleton:not(.duel) .smh__skeletonSubHeaderRow {
    display: grid
}

.golf .smh__skeleton:not(.duel) .smh__skeletonRow {
    grid-template: " .      participant .                  homeScore  .    homeScore2 .    homeScore3 .    homeScore4 .    homeScore5 .    homeScore6 .    homeScore7 .    homeScore8 .    homeScore9"13px/20px 80px minmax(10px, 1fr) 24px 10px 24px 10px 24px 10px 24px 10px 24px 10px 24px 10px 24px 10px 24px 10px 24px;
    padding-right: 10px
}

@media screen and (max-width:639px) {
    .golf .smh__skeleton:not(.duel) .smh__skeletonRow {
        grid-template: " .      participant .                  homeScore  .    homeScore2 .    homeScore3 .    homeScore4 .    homeScore5 .    homeScore6"13px/20px 80px minmax(10px, 1fr) 24px 10px 24px 10px 24px 10px 24px 10px 24px 10px 24px
    }
}

.golf .smh__skeleton:not(.duel) .smh__skeletonRow:last-of-type div:first-of-type {
    margin-right: 20px
}

.golf .smh__skeleton.playerCard .smh__skeletonSubHeaderRow {
    display: none
}

.baseball .smh__skeletonHeaderRow,
.pesapallo .smh__skeletonHeaderRow {
    display: grid
}

.baseball .smh__skeletonRow,
.pesapallo .smh__skeletonRow {
    grid-template: " .      participant .                   homeScore  .    homeScore2 .    homeScore3 .    homeScore4 .    homeScore5 .    homeScore6 .    homeScore7 .    homeScore8      .    .    .    homeScore9 .    homeScore10"13px/20px 80px minmax(10px, 1fr) 14px 10px 14px 10px 14px 10px 14px 10px 14px 10px 14px 10px 14px 10px 14px 10px 14px 10px 14px 10px 14px
}

.baseball .smh__skeletonRow:last-of-type div:first-of-type,
.pesapallo .smh__skeletonRow:last-of-type div:first-of-type {
    margin-right: 20px
}

.oddsRow,
.oddsWrapper {
    display: flex;
    flex-direction: column
}

.oddsRow {
    overflow-x: auto
}

.odds {
    display: grid;
    flex: 1;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    grid-template-columns: 1fr max-content;
    grid-template-rows: 32px;
    padding: 12px
}

.liveOdds .odds {
    padding: 12px 0 12px 12px
}

.odds:not(.oddsNotClickable .odds):not(.prematchButtonVisible .odds):hover {
    background-color: rgba(var(--color-support-1-rgb), .6);
    cursor: pointer
}

@media only screen and (max-width:799px) {
    .odds:not(.oddsNotClickable .odds):not(.prematchButtonVisible .odds):hover {
        background-color: unset;
        cursor: unset
    }
}

@media only screen and (max-width:639px) {

    .liveOdds .odds,
    .odds {
        padding: 8px 0 8px 12px
    }
}

.oddsRowContent {
    border-bottom: 1px solid var(--color-row-border, var(--color-support-1));
    display: flex;
    flex-direction: column
}

.oddsRowContent:last-child {
    margin-bottom: 10px
}

.prematchButton {
    justify-content: center;
    margin: 0 12px 12px
}

.prematchButton a {
    color: inherit
}

.prematchButton svg {
    margin-left: -6px
}

.oddsNotClickable {
    grid-template-columns: auto
}

.oddsNotClickable .cellWrapper:first-of-type {
    margin-left: auto
}

.bookmaker {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-right: 8px
}

.bookmaker.bookmakerText>a:hover {
    text-decoration: underline
}

.bookmaker:not(.bookmakerText)>a {
    width: 75px
}

.bookmakerText>a {
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    margin-right: 5px;
    min-width: 75px;
    padding: 5px 0;
    word-break: break-word
}

.prematchLink {
    display: flex
}

.prematchLogo {
    border-radius: 8px;
    height: auto;
    width: 75px
}

.oddsLiveBetWrapper {
    align-items: center;
    display: flex;
    margin-right: 8px
}

.cellWrapper {
    display: flex;
    margin-right: 12px
}

@media only screen and (max-width:639px) {
    .cellWrapper {
        font-size: 12px;
        margin-right: 8px
    }
}

.cell {
    align-self: center;
    background-color: var(--color-support-5);
    border: 1px solid var(--color-support-1);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    font-weight: 700;
    height: 28px;
    width: 100%
}

.cell:not(.noOdds):hover {
    cursor: pointer
}

.cell:not(.noOdds):hover .oddsValueInner {
    text-decoration: underline
}

.cellWinner {
    background-color: #ffcd00;
    border-color: var(--color-yellow)
}

.theme--dark .cellWinner {
    background-color: transparent;
    border-width: 2px
}

.oddsType {
    align-items: center;
    color: var(--color-support-4);
    display: flex;
    padding-left: 12px;
    padding-right: 16px
}

@media only screen and (max-width:639px) {
    .oddsType {
        padding-left: 8px;
        padding-right: 4px
    }
}

.oddsValue {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-width: 40px;
    padding-left: 8px;
    padding-right: 4px;
    position: relative
}

.oddsValue:last-child {
    padding-right: 8px
}

@media only screen and (max-width:639px) {
    .oddsValue {
        min-width: 36px;
        padding-left: 3px
    }
}

.liveOdds .oddsValue {
    color: var(--color-primary)
}

.oddsValue.not-published {
    text-decoration: line-through
}

.oddsValue.empty-published {
    text-decoration: none
}

.oddsValue:before {
    height: 14px;
    -webkit-mask: url(/res/_fs/build/symbols.a15cd79.svg#arrowSlimView);
    position: relative;
    right: 8px;
    width: 14px
}

@media only screen and (max-width:639px) {
    .oddsValue:before {
        height: 12px;
        right: 3px;
        width: 12px
    }
}

.oddsValue:not(.empty-published).up:before {
    background-color: var(--color-green);
    content: ""
}

.oddsValue:not(.empty-published).down:before {
    background-color: var(--color-red);
    content: "";
    transform: rotate(180deg)
}

.oddsLinkIcon {
    padding: 4px 4px 0 0
}

.oddsUpdated {
    animation: fadeIn .8s linear 3 forwards
}

.oddsParticipant .bookmaker {
    grid-area: bookmaker
}

.oddsParticipant .odds {
    grid-template: " bookmaker cellWrap1 cellWrap2 cellWrap3 cellWrap4 "36px/1fr
}

@media only screen and (max-width:639px) {
    .oddsParticipant .odds {
        grid-template: " bookmaker    cellWrap1     cellWrap2  "36px " bookmaker    cellWrap3     cellWrap4  "36px/1fr max-content max-content
    }
}

.oddsParticipant .oddsType {
    flex-grow: 1;
    justify-content: center;
    white-space: nowrap
}

@media only screen and (max-width:799px) {
    .oddsParticipant .oddsType {
        padding-left: 8px;
        padding-right: 8px
    }
}

.oddsParticipant .cellWrapper:nth-of-type(2) {
    grid-area: cellWrap1
}

.oddsParticipant .cellWrapper:nth-of-type(3) {
    grid-area: cellWrap2
}

.oddsParticipant .cellWrapper:nth-of-type(4) {
    grid-area: cellWrap3
}

.oddsParticipant .cellWrapper:nth-of-type(5) {
    grid-area: cellWrap4
}

.oddsParticipant .cell {
    height: 27px;
    justify-content: space-between
}

.oddsRowContent--topPosition .odds {
    column-gap: 16px;
    grid-auto-columns: 82px;
    grid-template: initial;
    grid-template-columns: 1fr
}

@media only screen and (max-width:639px) {
    .oddsRowContent--topPosition .odds {
        column-gap: 8px;
        grid-auto-columns: 67px;
        margin-inline-end: 12px
    }
}

.oddsRowContent--topPosition .odds>* {
    margin: initial
}

.oddsRowContent--topPosition .odds>.bookmaker {
    grid-area: initial
}

.bettingHeaderDivider {
    margin-bottom: 1px
}

@keyframes fadeIn {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.noPrematchOddsAvailable {
    color: var(--color-support-4);
    padding: 48px 12px;
    text-align: center
}

.prematchOddsSkeleton__skeleton {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: 25px 52px;
    margin-bottom: 20px
}

.prematchOddsSkeleton__skeleton--detail {
    grid-template-rows: 29px 52px
}

.prematchOddsSkeleton__skeleton--detail>.prematchOddsSkeleton__skeletonHeader {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-block-start: 1px;
    margin-inline: 0
}

.prematchOddsSkeleton__skeleton--detail>.prematchOddsSkeleton__skeletonRow {
    margin-inline: 12px;
    padding: unset
}

.prematchOddsSkeleton__skeletonNoDuel {
    grid-template-rows: 25px 59px
}

@media only screen and (max-width:639px) {
    .prematchOddsSkeleton__skeletonNoDuel {
        grid-template-rows: 25px 90px
    }
}

.prematchOddsSkeleton__skeletonNoDuel .prematchOddsSkeleton__skeletonBookmaker {
    align-self: center;
    height: 25px
}

.prematchOddsSkeleton__skeletonNoDuel .prematchOddsSkeleton__skeletonTabs {
    grid-template-columns: 80px 0 0 0
}

.prematchOddsSkeleton__skeletonNoDuel .prematchOddsSkeleton__skeletonRow {
    grid-template: " bookmaker .   .     .    .     .    .     .    .    "16px " bookmaker .   odd1  .    odd2  .    odd3  .    odd4 "27px " bookmaker .   .     .    .     .    .     .    .    "16px/75px 1fr 115px 12px 115px 12px 115px 12px 115px
}

@media only screen and (max-width:639px) {
    .prematchOddsSkeleton__skeletonNoDuel .prematchOddsSkeleton__skeletonRow {
        grid-template: " bookmaker .   .    .   .    "12px " bookmaker .   odd1 .   odd2 "27px " bookmaker .   .    .   .    "10px " bookmaker .   odd3 .   odd4 "27px " bookmaker .   .    .   .    "12px/75px 1fr 80px 5px 80px
    }
}

.prematchOddsSkeleton__skeletonNoDuel .prematchOddsSkeleton__skeletonRow:before {
    background-color: var(--color-skeleton-1);
    border-radius: 8px;
    content: "";
    display: block;
    grid-area: odd3
}

.prematchOddsSkeleton__skeletonNoDuel .prematchOddsSkeleton__skeletonRow:after {
    background-color: var(--color-skeleton-1);
    border-radius: 8px;
    content: "";
    display: block;
    grid-area: odd4
}

.prematchOddsSkeleton__skeletonTabs {
    display: none
}

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

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

.prematchOddsSkeleton__skeletonRow {
    align-content: center;
    border-bottom: 1px solid var(--color-skeleton-1);
    display: grid;
    grid-template: " .         .                 .    .    .    "16px " bookmaker .                 odd1 .    odd2 "30px " .         .                 .    .    .    "16px/90px minmax(12px, 1fr) 70px 12px 70px;
    margin: 0 24px
}

@media only screen and (max-width:639px) {
    .prematchOddsSkeleton__skeletonRow {
        margin: unset;
        padding: 0 12px
    }
}

.prematchOddsSkeleton__skeletonRow>div {
    border-radius: 8px
}

.prematchOddsSkeleton__skeletonRow>div:first-child {
    grid-area: bookmaker
}

.prematchOddsSkeleton__skeletonRow>div:nth-child(2) {
    grid-area: odd1
}

.prematchOddsSkeleton__skeletonRow>div:nth-child(3) {
    grid-area: odd2
}

@-webkit-keyframes placeholderShimmer {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

.prematchOddsBonus__bonus {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: grid;
    flex-flow: row wrap;
    grid-template: " link    		button  "auto " description   description  "auto/1fr max-content;
    line-height: 20px;
    margin-top: 4px;
    padding: 8px 12px
}

@media only screen and (max-width:639px) {
    .prematchOddsBonus__bonus {
        margin: 4px 8px 0
    }
}

.prematchOddsBonus__bonus--withButton {
    padding: 4px 12px
}

@media only screen and (max-width:639px) {
    .prematchOddsBonus__bonus--withButton {
        padding: 8px 12px
    }
}

.prematchOddsBonus__bonus--withButton .prematchOddsBonus__description {
    margin-top: 8px
}

.prematchOddsBonus__bonus--withDescription {
    padding: 8px 12px 12px
}

@media only screen and (max-width:639px) {
    .prematchOddsBonus__bonus--withDescription {
        padding: 8px 12px
    }
}

.prematchOddsBonus__link {
    font-size: 13px;
    font-weight: 700;
    grid-area: link;
    line-height: normal;
    padding: 0 10px 0 0;
    text-decoration: underline
}

@media only screen and (max-width:639px) {
    .prematchOddsBonus__link {
        font-size: 12px
    }
}

.prematchOddsBonus__link:hover {
    text-decoration: none
}

.prematchOddsBonus__description {
    display: inline-block;
    font-size: 7px;
    grid-area: description;
    line-height: 1;
    margin-top: 4px;
    opacity: .75
}

.prematchOddsBonus__button {
    border-radius: 4px;
    flex-shrink: 0;
    font-size: 12px;
    grid-area: button;
    line-height: 16px;
    padding: 6px 12px
}

.prematchOddsBonus__buttonText {
    font-weight: 700
}

.liveBettingStrip {
    display: flex;
    height: 0;
    margin: 0 12px;
    position: relative;
    top: -2px
}

@media only screen and (max-width:479px) {
    .liveBettingStrip {
        margin: 0
    }
}

.liveBettingStrip>div {
    align-items: center;
    color: #999;
    display: flex;
    flex-flow: column nowrap;
    font-size: 10px;
    height: 16px;
    justify-content: center;
    position: absolute;
    right: 12px
}

.gamble {
    font-size: 12px;
    margin: 16px auto 8px;
    max-width: 340px;
    padding: 0 10px;
    text-align: center
}

.gamble a {
    text-decoration: none
}

.gamble a:hover {
    text-decoration: underline
}

.detail-gamble-responsibly-italy {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 6px
}

.detail-gamble-responsibly-italy--logo1 {
    background: url(/res/_fs/build/italia_gambling_logo.14e6ed6.svg) no-repeat 50%/63px 26px;
    height: 26px;
    width: 62px
}

.detail-gamble-responsibly-italy--logo2 {
    background: url(/res/_fs/build/italia_gambling_logo2.1530552.svg) no-repeat 50%/34px 23px;
    height: 23px;
    margin-left: 14px;
    width: 34px
}

.detail-gamble-responsibly-denmark {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 6px
}

.detail-gamble-responsibly-denmark--stopSpillet {
    background: url(/res/_fs/build/gambling_stopspillet.5152269.svg) no-repeat 50%/47px 24px;
    height: 24px;
    width: 47px
}

.detail-gamble-responsibly-denmark--rofus {
    background: url(/res/_fs/build/gambling_rofus.8dc1841.svg) no-repeat 50%/25px 35px;
    height: 35px;
    margin-left: 14px;
    width: 25px
}

.detail-gamble-responsibly-sweden {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 6px
}

.detail-gamble-responsibly-sweden--stodlinjen {
    background: url(/res/_fs/build/gambling_stodlinjen.5171897.svg) no-repeat 50%/53px 11px;
    height: 11px;
    width: 53px
}

.detail-gamble-responsibly-sweden--spelInspektionen {
    background: url(/res/_fs/build/gambling_spelinspektionen.bb805d6.svg) no-repeat 50%/40px 28px;
    height: 28px;
    margin-left: 14px;
    width: 40px
}

.detail-gamble-responsibly-canada {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 6px
}

.detail-gamble-responsibly-canada--iGamingOntario {
    background: url(/res/_fs/build/ontario_gaming.ae70c74.png) no-repeat 50%/28px;
    height: 28px;
    width: 28px
}

.detail-gamble-responsibly-uk {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.detail-gamble-responsibly-uk--1 {
    background: url(/res/_fs/build/gambleaware_uk.414c29f.png) no-repeat 50%/auto 22px;
    height: 22px;
    margin: 0 1ex;
    width: 192px
}

.theme--dark .detail-gamble-responsibly-uk--1 {
    background-image: url(/res/_fs/build/gambleaware_uk_inv.28afd42.png)
}

.loadable__section>.matchReportBoxes {
    container-name: matchHighlightContainer;
    container-type: inline-size
}

.loadable__section>.matchReportBoxes:not(:empty) {
    margin: 0 12px 16px
}

.matchReportBoxesContainer {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px
}

@container matchHighlightContainer (min-width: 640px) {
    .matchReportBoxesContainer {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        grid-gap: 12px
    }
}

.preview__header {
    margin-bottom: 15px
}

.preview__title {
    font-size: 24px;
    margin-bottom: 12px
}

.preview__block {
    max-height: 80px;
    overflow: hidden;
    padding: 0 12px;
    position: relative
}

.preview__block a {
    color: var(--color-primary);
    text-decoration: underline
}

.preview__block a:hover {
    text-decoration: none
}

.preview__block:after {
    background: linear-gradient(180deg, rgba(var(--color-alpha-1), 0) 0, rgba(var(--color-alpha-1), 1));
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 57px;
    left: 0;
    position: absolute;
    width: 100%
}

.fullPage .preview__block:after {
    background: linear-gradient(180deg, rgba(var(--color-preview-shadow-rgb), 0) 0, rgba(var(--color-preview-shadow-rgb), 1))
}

.preview__block p {
    margin-top: 0
}

.preview__block--open {
    max-height: none
}

.preview__block--open:after {
    display: none
}

.preview__content {
    font-size: 16px;
    line-height: 24px
}

.preview__content h2 {
    font-size: 22px;
    margin-bottom: 16px
}

.preview__line {
    margin-bottom: 15px
}

.preview__showMore {
    padding-bottom: 0;
    width: 100%
}

.sm__link {
    align-items: center;
    display: flex;
    justify-content: center
}

.smh__dartServis {
    font-weight: 700
}

.smh__dartThrows {
    border-bottom: 1px solid var(--color-support-1);
    color: var(--color-text-2);
    line-height: 24px;
    padding: 0 10px;
    text-align: center
}

.dartType {
    color: #fff;
    cursor: default;
    display: inline-block;
    line-height: 14px;
    margin: 0 1px 0 2px;
    padding: 0 3px
}

.dartType__140 {
    background-color: #aaa
}

.dartType__180 {
    background-color: #049cff
}

.smh__extraInfo {
    align-items: center;
    display: flex;
    grid-area: extraInfo;
    justify-items: end;
    padding: 12px 10px
}

.smh__extraInfo:not(:empty) {
    border-top: 1px solid var(--color-support-1)
}

.smh__sentence {
    color: var(--color-combination-2)
}

.smh__sentence--playing {
    font-weight: 700
}

.stat__skeleton {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.stat__skeleton__header {
    background-color: var(--color-skeleton-1);
    border-radius: 4px;
    height: 32px;
    width: 100%
}

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

.stat__skeleton__row {
    display: grid;
    grid-template: " before .   after "9px/1fr 5px 1fr;
    padding: 20px 10px
}

.stat__skeleton__row:before {
    content: "";
    grid-area: before
}

.stat__skeleton__row:after {
    content: "";
    grid-area: after
}

.stat__skeleton__showMore {
    align-items: flex-end;
    display: flex;
    height: 22px;
    justify-content: center
}

.stat__skeleton__showMore>* {
    background-color: var(--color-skeleton-1);
    height: 13px;
    width: 100px
}

:root {
    --color-par: #eee;
    --color-birdie: #abd5fa;
    --color-bogey-1: #f6b74d;
    --color-bogey-2: #ec5b08;
    --color-bogey-3: #9f5925;
    --color-eagle-1: #3cb2e4;
    --color-eagle-2: #0059b2;
    --color-best-of: #000
}

.golfSummaryTab__summaryTableWrap {
    margin-bottom: 20px;
    overflow-x: auto
}

.golfSummaryTab__summaryTable {
    border-collapse: separate;
    border-spacing: 0;
    text-align: center;
    width: 100%
}

.golfSummaryTab__summaryTable:first-of-type:not(:only-of-type) {
    padding-bottom: 4px
}

.golfSummaryTab__summaryTable td {
    min-width: 24px;
    padding: 0;
    width: 24px
}

.golfSummaryTab__summaryTable td.golfSummaryTab__scheduledCell {
    padding: 0 10px;
    white-space: nowrap
}

.golfSummaryTab__summaryTable .golfSummaryTab__rank {
    font-weight: 700;
    min-width: 45px
}

.golfSummaryTab__summaryTable .golfSummaryTab__md {
    min-width: 40px
}

.golfSummaryTab__summaryTable+.golfSummaryTab__summaryTable {
    border-top: 3px solid var(--color-support-2)
}

.golfSummaryTab__rowLine td,
.golfSummaryTab__rowLine th {
    line-height: 24px
}

.golfSummaryTab__rowLine:not(.golfSummaryTab__rowLineTitle) td:not(.golfSummaryTab__result) {
    font-weight: 700
}

.golfSummaryTab__rowLine td:last-child {
    padding-right: 10px
}

.golfSummaryTab__rowLineTitle {
    color: var(--color-support-3);
    line-height: 1
}

.golfSummaryTab__rowLineTitle td,
.golfSummaryTab__rowLineTitle th {
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase
}

.golfSummaryTab__rowStableford th,
.golfSummaryTab__scheduledCell {
    color: var(--color-support-4)
}

.golfSummaryTab__live .golfSummaryTab__playerCardRow .golfSummaryTab__result {
    color: var(--color-primary)
}

.golfSummaryTab__playerCardRow td,
.golfSummaryTab__playerCardRow th {
    padding-bottom: 6px;
    padding-top: 6px
}

.golfSummaryTab__playerCardRow td:nth-child(3) {
    font-weight: 700
}

.golfSummaryTab__playerCardRow .golfSummaryTab__result:nth-last-child(-n+5) {
    color: var(--color-support-3)
}

.golfSummaryTab__liner {
    background-color: var(--color-support-1);
    height: 1px
}

.golfSummaryTab__rowName {
    padding-left: 12px;
    padding-right: 4px;
    text-align: left
}

@media only screen and (max-width:479px) {
    .golfSummaryTab__rowName {
        padding-right: 2px
    }
}

.golfSummaryTab__rowName a {
    color: var(--color-secondary-2)
}

.golfSummaryTab__parSign {
    color: var(--color-support-3);
    font-size: 10px;
    font-weight: 400;
    padding-bottom: 6px;
    padding-top: 6px;
    text-align: right;
    text-transform: uppercase
}

.golfSummaryTab__infoWrap {
    align-items: center;
    border-top: 1px solid var(--color-support-1);
    display: flex;
    flex-wrap: wrap;
    line-height: 24px;
    padding-bottom: 8px;
    padding-top: 20px
}

.golfSummaryTab__infoWrap .teeBg {
    background-color: var(--color-bogey-1)
}

.golfSummaryTab__infoWrap .eagle2Bg {
    background-color: var(--color-eagle-2);
    color: var(--color-white)
}

.golfSummaryTab__infoWrap .eagleBg {
    background-color: var(--color-eagle-1);
    color: var(--color-white)
}

.golfSummaryTab__infoWrap .birdieBg {
    background-color: var(--color-birdie)
}

.golfSummaryTab__infoWrap .parBg {
    background-color: var(--color-par)
}

.golfSummaryTab__infoWrap .bogeyBg {
    background-color: var(--color-bogey-1)
}

.golfSummaryTab__infoWrap .bogey2Bg {
    background-color: var(--color-bogey-2);
    color: var(--color-white)
}

.golfSummaryTab__infoWrap .bogey3Bg {
    background-color: var(--color-bogey-3);
    color: var(--color-white)
}

.golfSummaryTab__info {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 700
}

.golfSummaryTab__infoColor {
    border-radius: 4px;
    height: 14px;
    margin-left: 15px;
    margin-right: 8px;
    width: 14px
}

.golfSummaryTab__flag {
    display: inline-flex
}

.golfSummaryTab__name {
    line-height: 1.25;
    text-align: left;
    white-space: nowrap
}

.golfSummaryTab__name:hover {
    text-decoration: underline
}

.golfSummaryTab__nameWrap {
    align-items: center;
    display: flex;
    white-space: nowrap
}

.golfSummaryTab__nameWrap div {
    white-space: nowrap
}

.golfSummaryTab__stats {
    display: table;
    width: 100%
}

.golfSummaryTab__stats>:first-child {
    border-bottom: 0;
    display: table-row;
    height: auto
}

.golfSummaryTab__stats>:first-child div {
    background: var(--color-combination-9);
    border-bottom: 1px solid var(--color-border-5);
    display: table-cell;
    font-weight: 700;
    line-height: 25px
}

.golfSummaryTab__stats>:last-child {
    display: table-row-group
}

.golfSummaryTab__stats>:last-child>div {
    display: table-row
}

.golfSummaryTab__stats>:last-child>div div {
    border-bottom: 1px solid var(--color-support-1);
    display: table-cell;
    line-height: 24px
}

.golfSummaryTab__stats>:first-child :first-child,
.golfSummaryTab__stats>:last-child>div :first-child {
    white-space: nowrap;
    width: 100%
}

.golfSummaryTab__stats>:first-child :not(:first-child),
.golfSummaryTab__stats>:last-child>div :not(:first-child) {
    text-align: center
}

.golfSummaryTab__stats>:first-child div,
.golfSummaryTab__stats>:last-child>div div {
    min-width: 30px;
    padding: 0 10px
}

@media only screen and (max-width:479px) {

    .golfSummaryTab__stats>:first-child div,
    .golfSummaryTab__stats>:last-child>div div {
        min-width: 20px
    }
}

.tee span {
    align-items: center;
    border-radius: 4px;
    color: var(--color-secondary-2);
    display: flex;
    height: 20px;
    justify-content: center;
    line-height: 1;
    margin-left: 2px;
    margin-right: 2px;
    width: 20px
}

.teeBg span {
    background-color: var(--color-bogey-1);
    color: #00141e
}

.eagle2Bg span {
    background-color: var(--color-eagle-2);
    color: var(--color-white)
}

.eagleBg span {
    background-color: var(--color-eagle-1);
    color: var(--color-white)
}

.birdieBg span {
    background-color: var(--color-birdie);
    color: #00141e
}

.parBg span {
    background-color: var(--color-par);
    color: #00141e
}

.bogeyBg span {
    background-color: var(--color-bogey-1);
    color: #00141e
}

.bogey2Bg span {
    background-color: var(--color-bogey-2);
    color: var(--color-white)
}

.bogey3Bg span {
    background-color: var(--color-bogey-3);
    color: var(--color-white)
}

.golfStatsTable {
    border-spacing: 0;
    width: 100%
}

.golfStatsTable td {
    padding-bottom: 6px;
    padding-top: 6px
}

.golfStatsTable td,
.golfStatsTable th {
    border-bottom: 1px solid var(--color-support-1);
    line-height: 24px
}

.golfStatsTable__headerCell {
    color: var(--color-support-3);
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase
}

.golfStatsTable__cell--name {
    font-weight: 700;
    padding-left: 12px;
    white-space: nowrap
}

.golfStatsTable__cell--value {
    text-align: center;
    width: 50px
}

.reportTabSkeleton {
    display: grid;
    grid-template-areas: "image""title""info""divider""contentText1""contentText2""contentText3""contentText4""contentText5"
}

.reportTabSkeleton :first-child {
    border-radius: 8px;
    grid-area: image;
    height: 356px
}

.reportTabSkeleton :nth-child(2) {
    grid-area: title;
    height: 48px;
    margin-top: 16px;
    width: 90%
}

.reportTabSkeleton :nth-child(3) {
    grid-area: info;
    height: 16px;
    margin-top: 8px;
    width: 30%
}

.reportTabSkeleton :nth-child(4) {
    border-top: 1px solid #d1d1d1;
    grid-area: divider;
    margin-top: 12px
}

.reportTabSkeleton :nth-child(5) {
    grid-area: contentText1;
    height: 12px;
    margin-top: 12px;
    width: 90%
}

.reportTabSkeleton :nth-child(6) {
    grid-area: contentText2;
    height: 12px;
    margin-top: 12px;
    width: 80%
}

.reportTabSkeleton :nth-child(7) {
    grid-area: contentText3;
    height: 12px;
    margin-top: 12px;
    width: 95%
}

.reportTabSkeleton :nth-child(8) {
    grid-area: contentText4;
    height: 12px;
    margin-top: 22px;
    width: 80%
}

.reportTabSkeleton :nth-child(9) {
    grid-area: contentText5;
    height: 12px;
    margin-top: 12px;
    width: 85%
}

.reportPreviewSkeleton {
    display: grid;
    grid-template: " image . .           .     "16px " image . title       .     "12px " image . .           .     "4px " image . description .     "39px " image . .           .     "16px/160px 20px 1fr
}

.reportPreviewSkeleton:only-child {
    grid-template-rows: 36px 12px 4px 61px 36px
}

.reportPreviewSkeleton :first-of-type {
    grid-area: image
}

.reportPreviewSkeleton :nth-of-type(2) {
    grid-area: title;
    width: 30%
}

.reportPreviewSkeleton :nth-of-type(3) {
    grid-area: description
}

@media only screen and (max-width:639px) {
    .reportPreviewSkeleton {
        grid-template: " image . .           .     "10px " image . title       .     "10px " image . .           .     "4px " image . description .     "45px " image . .           .     "10px/120px 10px 1fr
    }

    .reportPreviewSkeleton:only-child {
        grid-template-rows: 10px 10px 4px 45px 10px
    }

    .reportTabSkeleton div {
        margin-left: 12px;
        margin-right: 12px
    }

    .reportTabSkeleton :first-child {
        border-radius: 0;
        height: 290px;
        margin-left: 0;
        margin-right: 0
    }

    .reportTabSkeleton :nth-child(2) {
        height: 72px
    }

    .reportTabSkeleton :nth-child(3) {
        margin-top: 4px
    }
}

.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(--sectionHeader-background, 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(--sectionHeader-background, 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;
    column-gap: 4px;
    display: flex;
    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 {
    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) {

    .section--standings .tableWrapper,
    .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>* {
    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
}

.topScorers__headerCell--player {
    left: 32px;
    position: sticky;
    top: 0;
    width: 100px;
    z-index: 1
}

.topScorers__headerCell--team {
    width: 100px
}

@media only screen and (max-width:639px) {
    .topScorers__headerCell--team {
        width: 30px
    }
}

.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) {
    width: 120px
}

@media only screen and (max-width:639px) {
    .topScorers__participantCell:not(.topScorers__participantCell--player) {
        width: 50px
    }
}

.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__dropDowns {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    grid-column-gap: 8px;
    background: var(--sectionHeader-background, var(--color-support-1));
    border-radius: 4px 4px 0 0;
    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 {
    display: grid;
    grid-row-gap: 8px;
    padding: 0 8px 8px
}

.topScorersParticipant {
    align-items: center;
    display: block;
    line-height: 24px;
    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 {
    display: grid;
    grid-template-columns: 80px 45px 60px 50px;
    grid-column-gap: 8px;
    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 {
    background-color: var(--color-skeleton-2);
    display: grid;
    grid-template-columns: 100px;
    grid-column-gap: 8px;
    border-radius: 4px 4px 0 0;
    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
}

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

#tournament-table {
    background-color: var(--color-combination-9);
    border-radius: 8px
}

.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 {
    display: grid;
    grid-row-gap: 1px;
    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 {
    display: grid;
    grid-gap: 16px 0;
    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-row-border, 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-row-border, var(--color-combination-8));
    border-radius: 8px;
    color: var(--color-combination-2);
    cursor: pointer;
    display: grid;
    grid-template: " homeParticipant homeResult "16px " awayParticipant awayResult "16px/minmax(72px, max-content) minmax(max-content, 1fr);
    padding: 12px 8px;
    row-gap: 4px
}

.bracket--eventless {
    cursor: default;
    grid-template: " homeParticipant date "16px " awayParticipant town "16px/minmax(72px, max-content) auto
}

.bracket__town,
.bracket__venue {
    overflow: hidden;
    padding-left: 5px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bracket__date {
    grid-area: date;
    justify-self: end;
    padding-left: 5px;
    width: max-content
}

.bracket__venue {
    display: none;
    grid-area: venue
}

.bracket__town {
    grid-area: town;
    padding-left: 5px
}

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

.bracket--defaultHighlighted,
.bracket--highlighted {
    background-color: var(--color-highlight)
}

.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;
    min-width: 72px
}

.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__participantInfo,
.bracket__participantRow--unknownParticipant {
    color: var(--color-combination-24)
}

.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: 5px
}

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

.bracket__participant+.bracket__info {
    margin-left: 4px
}

.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-row-border, 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-row-border, 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
    }

    .bracket--eventless {
        grid-template: " homeParticipant date "16px " awayParticipant venue "16px/minmax(72px, max-content) auto
    }

    .bracket__town {
        display: none
    }

    .bracket__venue {
        display: block
    }

    .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 {
    display: grid;
    grid-gap: 12px;
    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 {
    display: grid;
    grid-gap: 16px
}

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

.lf__header {
    display: flex
}

.lf__header--predictedLineups {
    margin: 12px 0 16px 12px
}

@media only screen and (max-width:639px) {
    .lf__header--predictedLineups {
        margin: 8px 0 16px 12px
    }
}

.lf__fieldWrap {
    background-color: var(--lineupField-background, var(--color-support-1));
    border-radius: 4px;
    margin-top: 8px;
    padding: 16px
}

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

@media only screen and (max-width:559px) {
    .lf__fieldWrap {
        padding: 16px 0
    }
}

@media only screen and (max-width:369px) {
    .lf__fieldWrap {
        padding: 8px
    }
}

.lf__headerTitle {
    margin: 0 auto;
    white-space: nowrap
}

.lf__field {
    display: flex;
    height: 53vw;
    margin: 0 auto;
    max-height: 365px;
    max-width: 600px;
    position: relative;
    width: 100%
}

@media only screen and (max-width:559px) {
    .lf__field {
        flex-direction: column;
        height: 506px;
        justify-content: center;
        max-height: none;
        max-width: none;
        width: 300px
    }
}

.lf__field:before {
    content: "";
    height: 100%;
    left: -16px;
    position: absolute;
    width: 632px
}

@media only screen and (max-width:687px) {
    .lf__field:before {
        left: unset;
        width: 100%
    }
}

@media only screen and (max-width:559px) {
    .lf__field:before {
        height: 300px;
        left: -103px;
        transform: rotate(90deg);
        width: 506px
    }
}

.lf__formation {
    display: flex;
    height: 100%;
    width: 100%
}

@media only screen and (max-width:559px) {
    .lf__formation {
        flex-direction: column;
        justify-content: space-around
    }
}

.lf__formationAway {
    flex-direction: row-reverse
}

@media only screen and (max-width:559px) {
    .lf__formationAway {
        flex-direction: column-reverse
    }
}

.lf__formationAway .lf__line {
    flex-direction: column
}

@media only screen and (max-width:559px) {
    .lf__formationAway .lf__line {
        flex-direction: row-reverse
    }
}

.lf__line {
    align-items: center;
    column-gap: 4px;
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
    justify-content: space-evenly;
    width: 100%
}

@media only screen and (max-width:559px) {
    .lf__line {
        flex-direction: row;
        height: min-content
    }
}

.lf__player {
    flex-direction: column
}

.lf__player,
.lf__playerJersey {
    align-items: center;
    display: flex;
    position: relative
}

.lf__playerJersey {
    background-position: center 0;
    background-repeat: no-repeat;
    color: var(--color-white);
    font-family: FS_Numbers, sans-serif;
    font-size: 12px;
    justify-content: center
}

.lf__playerPhoto {
    height: 42px;
    width: 42px
}

@media only screen and (max-width:687px) {
    .soccer .lf__playerPhoto {
        height: 36px;
        width: 36px
    }
}

@media only screen and (max-width:559px) {
    .soccer .lf__playerPhoto {
        height: 42px;
        width: 42px
    }
}

@media only screen and (max-width:390px) {
    .soccer .lf__playerPhoto {
        height: 36px;
        width: 36px
    }
}

.lf__playerPhotoLink {
    display: flex
}

.lf__playerName {
    align-items: center;
    background-color: var(--color-support-5);
    border-radius: 4px;
    box-shadow: 0 2px 0 0 var(--color-player-shadow);
    color: var(--color-combination-2);
    display: flex;
    height: 14px;
    justify-content: center;
    min-width: 38px;
    position: absolute;
    transform: translateY(40px)
}

@media only screen and (max-width:687px) {
    .soccer .lf__playerName {
        transform: translateY(36px)
    }
}

@media only screen and (max-width:559px) {
    .soccer .lf__playerName {
        transform: translateY(40px)
    }
}

@media only screen and (max-width:390px) {
    .soccer .lf__playerName {
        transform: translateY(36px)
    }
}

.lf__playerName:hover .lf__playerNameInner {
    max-width: none
}

@media only screen and (max-width:559px) {
    .lf__playerName:hover .lf__playerNameInner {
        max-width: 90px
    }

    .soccer .lf__playerName:hover .lf__playerNameInner {
        max-width: 70px
    }
}

.lf__playerNumber {
    color: var(--color-combination-24);
    font-weight: 400;
    margin-right: 1px
}

.lf__playerNameInner {
    color: var(--color-combination-2);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    max-width: 90px;
    overflow: hidden;
    padding: 0 2px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.lf__playerNameInner:hover .lf__playerNameText {
    text-decoration: underline
}

.soccer .lf__playerNameInner {
    max-width: 70px
}

@media only screen and (max-width:687px) {
    .soccer .lf__playerNameInner {
        font-size: 10px
    }
}

@media only screen and (max-width:559px) {
    .soccer .lf__playerNameInner {
        font-size: 12px
    }
}

@media only screen and (max-width:390px) {
    .soccer .lf__playerNameInner {
        font-size: 10px
    }
}

.lf__playerRating {
    bottom: 0;
    cursor: default;
    font-size: 10px;
    font-weight: 700;
    height: 14px;
    left: calc(50% + 14px);
    padding: 0 2px;
    position: absolute;
    width: 14px;
    z-index: 1
}

@media only screen and (max-width:687px) {
    .soccer .lf__playerRating {
        left: calc(50% + 12px)
    }
}

@media only screen and (max-width:559px) {
    .soccer .lf__playerRating {
        left: calc(50% + 14px)
    }
}

@media only screen and (max-width:390px) {
    .soccer .lf__playerRating {
        left: calc(50% + 12px)
    }
}

.lf__playerRating--lineUp {
    grid-area: rating;
    position: static
}

.lf__teamRatingWrapper {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    gap: 4px;
    position: absolute;
    top: 10px
}

.lf__teamRatingWrapper--WCL {
    gap: 1px
}

.lf__teamRatingWrapper--home {
    left: -6px
}

@media only screen and (max-width:687px) {
    .lf__teamRatingWrapper--home {
        left: 10px
    }
}

@media only screen and (max-width:369px) {
    .lf__teamRatingWrapper--home {
        left: calc(50% - 140px);
        top: 17px
    }
}

.lf__teamRatingWrapper--away {
    right: -6px
}

@media only screen and (max-width:687px) {
    .lf__teamRatingWrapper--away {
        right: 10px
    }
}

@media only screen and (max-width:559px) {
    .lf__teamRatingWrapper--away {
        bottom: 10px;
        top: unset
    }
}

@media only screen and (max-width:369px) {
    .lf__teamRatingWrapper--away {
        bottom: 17px;
        right: calc(50% - 140px)
    }
}

.lf__teamRating {
    --teamRating-highest: #0b792a;
    --teamRating-high: #76b100;
    --teamRating-medium: #f3a000;
    --teamRating-low: #ec6b07;
    --teamRating-lowest: #dc0000;
    --teamRating-default: #555e61;
    align-items: center;
    background-color: var(--teamRating-default);
    border-radius: 4px;
    color: var(--color-white);
    column-gap: 1px;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    justify-content: center;
    line-height: 14px;
    padding: 0 2px
}

.lf__teamRating--highest {
    background-color: var(--teamRating-highest)
}

.lf__teamRating--high {
    background-color: var(--teamRating-high)
}

.lf__teamRating--medium {
    background-color: var(--teamRating-medium)
}

.lf__teamRating--low {
    background-color: var(--teamRating-low)
}

.lf__teamRating--lowest {
    background-color: var(--teamRating-lowest)
}

.lf__teamRating:empty {
    display: none
}

@media only screen and (max-width:369px) {
    .basketball .lf__fieldWrap {
        padding: 3px 8px
    }
}

.basketball .lf__field:before {
    background: transparent url(/res/_fs/build/symbols.a15cd79.svg#basketballFieldView) no-repeat;
    opacity: .24
}

.theme--dark.basketball .lf__field:before {
    opacity: 1
}

@media only screen and (max-width:559px) {
    .basketball .lf__player {
        height: 100%;
        width: 100%
    }
}

.basketball .lf__formation {
    margin-left: 40px;
    margin-right: 50px
}

@media only screen and (max-width:559px) {
    .basketball .lf__formation {
        margin: 50px 0
    }
}

.basketball .lf__formationAway {
    margin-left: 50px;
    margin-right: 40px
}

@media only screen and (max-width:559px) {
    .basketball .lf__formationAway {
        margin: 50px 0
    }
}

.basketball .lf__teamRatingWrapper {
    top: 4px
}

.basketball .lf__teamRatingWrapper--home {
    left: 8px
}

.basketball .lf__teamRatingWrapper--away {
    right: 8px
}

@media only screen and (max-width:687px) {
    .basketball .lf__teamRatingWrapper--home {
        left: 24px
    }

    .basketball .lf__teamRatingWrapper--away {
        right: 24px
    }
}

@media only screen and (max-width:639px) {
    .basketball .lf__teamRatingWrapper--home {
        left: 32px
    }

    .basketball .lf__teamRatingWrapper--away {
        right: 32px
    }
}

@media only screen and (max-width:559px) {
    .basketball .lf__teamRatingWrapper--home {
        left: 6px;
        top: 16px
    }

    .basketball .lf__teamRatingWrapper--away {
        bottom: 16px;
        right: 6px;
        top: unset
    }
}

.soccer .lf__field:before {
    background: transparent url(/res/_fs/build/symbols.a15cd79.svg#soccerFieldView) no-repeat;
    opacity: .24
}

.theme--dark.soccer .lf__field:before {
    background: transparent url(/res/_fs/build/symbols.a15cd79.svg#soccerFieldViewDark) no-repeat
}

@media only screen and (max-width:559px) {
    .soccer .lf__field {
        height: 592px;
        max-height: none;
        width: 340px
    }

    .soccer .lf__field:before {
        height: 340px;
        left: -125px;
        width: 592px
    }
}

@media only screen and (max-width:369px) {
    .soccer .lf__field {
        width: 100%
    }

    .soccer .lf__field:before {
        height: 300px;
        left: calc(50% - 289px);
        width: 578px
    }
}

.soccer .lf__line--moreLines .lf__player {
    max-width: 54px
}

@media only screen and (max-width:559px) {
    .soccer .lf__line--moreLines .lf__player {
        max-width: 64px
    }
}

.soccer .lf__line--moreLines .lf__playerNameInner {
    max-width: 50px
}

@media only screen and (max-width:559px) {
    .soccer .lf__line--moreLines .lf__playerNameInner {
        max-width: 60px
    }
}

.soccer .lf__player {
    max-width: 64px
}

@media only screen and (max-width:559px) {
    .soccer .lf__player {
        height: 100%;
        width: 100%
    }
}

.soccer .lf__formation {
    margin: 0 10px 0 -30px
}

@media only screen and (max-width:687px) {
    .soccer .lf__formation {
        margin: 0 0 0 -20px
    }
}

@media only screen and (max-width:559px) {
    .soccer .lf__formation {
        margin: 0 auto
    }
}

.soccer .lf__formationAway {
    margin: 0 -30px 0 10px
}

@media only screen and (max-width:687px) {
    .soccer .lf__formationAway {
        margin: 0 -20px 0 0
    }
}

.hockey .lf__field:before {
    background: transparent url(/res/_fs/build/symbols.a15cd79.svg#hockeyFieldView) no-repeat
}

.theme--dark.hockey .lf__field:before {
    opacity: .3
}

@media only screen and (max-width:559px) {
    .hockey .lf__line {
        min-height: 42px
    }

    .hockey .lf__player {
        height: 100%;
        width: 100%
    }
}

.hockey .lf__formation {
    margin-left: 10px;
    margin-right: 30px
}

@media only screen and (max-width:559px) {
    .hockey .lf__formation {
        margin: 20px 0
    }
}

.hockey .lf__formationAway {
    margin-left: 30px;
    margin-right: 10px
}

@media only screen and (max-width:559px) {
    .hockey .lf__formationAway {
        margin: 20px 0
    }
}

.hockey .lf__teamRatingWrapper--home {
    left: 14px
}

.hockey .lf__teamRatingWrapper--away {
    right: 14px
}

@media only screen and (max-width:687px) {
    .hockey .lf__teamRatingWrapper--home {
        left: 24px
    }

    .hockey .lf__teamRatingWrapper--away {
        right: 24px
    }
}

@media only screen and (max-width:639px) {
    .hockey .lf__teamRatingWrapper--home {
        left: 32px
    }

    .hockey .lf__teamRatingWrapper--away {
        right: 32px
    }
}

@media only screen and (max-width:559px) {
    .hockey .lf__teamRatingWrapper--home {
        left: 10px;
        top: 20px
    }

    .hockey .lf__teamRatingWrapper--away {
        bottom: 20px;
        right: 10px;
        top: unset
    }
}

@media (min-width:1048px) and (max-width:1188px),
only screen and (max-width:899px) {
    .fullPage .lf__fieldWrap {
        padding: 16px 0
    }

    .fullPage .lf__field {
        flex-direction: column;
        height: 506px;
        justify-content: center;
        max-height: none;
        max-width: none;
        width: 300px
    }

    .fullPage .lf__field:before {
        height: 300px;
        left: -103px;
        transform: rotate(90deg);
        width: 506px
    }

    .fullPage .lf__formation {
        flex-direction: column
    }

    .fullPage .lf__formationAway {
        flex-direction: column-reverse
    }

    .fullPage .lf__formationAway .lf__line {
        flex-direction: row-reverse
    }

    .fullPage .lf__line {
        flex-direction: row
    }

    .soccer .fullPage .lf__field {
        flex-direction: column;
        height: 592px;
        justify-content: center;
        max-height: none;
        max-width: none;
        width: 340px
    }

    .soccer .fullPage .lf__field:before {
        height: 340px;
        left: -125px;
        transform: rotate(90deg);
        width: 592px
    }

    .soccer .fullPage .lf__player {
        width: 64px
    }

    .soccer .fullPage .lf__formation {
        margin: 0 auto
    }

    .soccer .fullPage .lf__formationAway {
        margin-left: 0
    }

    .soccer .fullPage .lf__teamRatingWrapper--home {
        left: 10px;
        top: 10px
    }

    .soccer .fullPage .lf__teamRatingWrapper--away {
        bottom: 10px;
        right: 10px;
        top: unset
    }

    .basketball .fullPage .lf__formation {
        margin: 50px 0
    }

    .basketball .fullPage .lf__teamRatingWrapper--home {
        left: 6px;
        top: 16px
    }

    .basketball .fullPage .lf__teamRatingWrapper--away {
        bottom: 16px;
        right: 6px;
        top: unset
    }

    .hockey .fullPage .lf__formation {
        margin: 20px 0
    }

    .hockey .fullPage .lf__teamRatingWrapper--home {
        left: 10px;
        top: 20px
    }

    .hockey .fullPage .lf__teamRatingWrapper--away {
        bottom: 20px;
        right: 10px;
        top: unset
    }

    .basketball .fullPage .lf__fieldWrap,
    .hockey .fullPage .lf__fieldWrap {
        padding: 16px 0
    }

    .basketball .fullPage .lf__player,
    .hockey .fullPage .lf__player {
        width: 100%
    }

    .basketball .fullPage .lf__playerName:hover .lf__playerNameInner,
    .hockey .fullPage .lf__playerName:hover .lf__playerNameInner,
    .soccer .fullPage .lf__playerName:hover .lf__playerNameInner {
        max-width: 60px
    }
}

@media screen and (max-width:369px) {
    .soccer .fullPage .lf__field {
        width: 100%
    }

    .soccer .fullPage .lf__field:before {
        height: 300px;
        left: calc(50% - 289px);
        width: 578px
    }

    .soccer .fullPage .lf__teamRatingWrapper--home {
        left: calc(50% - 140px);
        top: 17px
    }

    .soccer .fullPage .lf__teamRatingWrapper--away {
        bottom: 17px;
        right: calc(50% - 140px);
        top: unset
    }
}

.lf__lineUp {
    border-bottom: 1px solid var(--color-border-3);
    grid-auto-columns: minmax(400px, 1fr);
    overflow-x: auto
}

.lf__lineUp,
.lf__side {
    display: flex;
    flex-direction: column
}

.lf__side {
    width: 50%
}

@media only screen and (max-width:479px) {
    .lf__side {
        min-width: auto
    }
}

.lf__sides {
    display: flex
}

.lf__scratchesGroup {
    overflow-x: auto
}

.lf__scratches {
    display: flex
}

.lf__participant {
    --lineup-homeGridTemplate: " .   .           .   .                  .            .            .            .            .            .             .            .            . "8px " .   playerPhoto .   number             .            flag         .            name         .            incident      rating       .            . "var(--playerNameRowHeight, 1fr) " .   playerPhoto .   substitution       substitution substitution substitution substitution substitution substitution  substitution substitution . "auto " .   .           .   .                  .            .            .            .            .            .             .            .            . "8px /8px max-content 4px minmax(16px, auto) 6px 18px 4px auto 4px auto auto 1fr 4px;
    --lineup-awayGridTemplate: " .   .            .            .            .            .            .            .            .            .                  .   .           . "8px " .   .            rating       incident     .            name         .            flag         .            number             .   playerPhoto . "var(--playerNameRowHeight, 1fr) " .   substitution substitution substitution substitution substitution substitution substitution substitution substitution       .   playerPhoto . "auto " .   .            .            .            .            .            .            .            .            .                  .   .           . "8px /4px 1fr auto auto 4px auto 4px 18px 6px minmax(16px, auto) 4px max-content 8px;
    align-items: center;
    display: grid;
    grid-template: var(--lineup-homeGridTemplate);
    height: 48px;
    justify-content: flex-start
}

.lf__participant--substitutedPlayer {
    --playerNameRowHeight: auto;
    height: 56px
}

.lf__participant:nth-of-type(2n) {
    position: relative
}

.lf__participant:nth-of-type(2n):after {
    background-color: var(--color-row-highlight);
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 200%;
    z-index: 1
}

@media only screen and (max-width:639px) {
    .lf__participant:nth-of-type(2n):after {
        border-radius: 0
    }
}

.lf__participant:nth-of-type(2n)>* {
    z-index: 2
}

.lf__participant.lf__isReversed {
    grid-template: var(--lineup-awayGridTemplate);
    justify-content: flex-end
}

.lf__participant.lf__isReversed:nth-of-type(2n):after {
    content: "";
    left: -100%
}

.lf__participant.lf__isReversed .lf__scratchLabel {
    margin-left: 0;
    margin-right: 22px
}

.lf__participant.lf__isReversed .lf__participantName,
.lf__participant.lf__isReversed .lf__scratchLabel {
    text-align: right
}

.lf__participant.lf__isReversed .lf__seasonResult {
    justify-self: flex-end
}

.lf__participant.lf__isReversed .lf__incidents {
    margin-left: 6px;
    margin-right: 0;
    transform: rotate(180deg)
}

.lf__participant.lf__isReversed .lf__incidents>* {
    transform: rotate(180deg)
}

.lf__participant.lf__isReversed .lf__secondaryIncidents {
    flex-direction: row-reverse
}

.lf__participant:not(.lf__isReversed) .lf__incidentIcon {
    z-index: var(--zIndex-lineUp-incidents)
}

.lf__participantNew {
    align-items: center;
    display: grid;
    height: 48px;
    justify-content: flex-start;
    padding-left: 12px
}

.lf__participantNew--substitutedPlayer {
    height: 56px
}

.lf__participantNew>* {
    z-index: 1
}

.lf__participantNew:nth-of-type(2n) {
    position: relative
}

.lf__participantNew:nth-of-type(2n):before {
    background-color: var(--color-row-highlight);
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 200%
}

@media only screen and (max-width:639px) {
    .lf__participantNew:nth-of-type(2n):before {
        border-radius: 0
    }
}

.lf__participantNew.lf__isReversed {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 12px
}

.lf__participantNew.lf__isReversed:nth-of-type(2n):before {
    left: -100%
}

.lf__playerPhoto--lineUp {
    grid-area: playerPhoto;
    height: 42px;
    width: 42px
}

@media only screen and (max-width:687px) {
    .soccer .lf__playerPhoto--lineUp {
        height: 36px;
        width: 36px
    }
}

@media only screen and (max-width:559px) {
    .soccer .lf__playerPhoto--lineUp {
        height: 42px;
        width: 42px
    }
}

@media only screen and (max-width:390px) {
    .soccer .lf__playerPhoto--lineUp {
        height: 36px;
        width: 36px
    }
}

.lf__participantName {
    color: var(--color-combination-1);
    font-weight: 700;
    grid-area: name
}

.lf__participantName,
.lf__participantName>div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lf__participantName>div:hover {
    text-decoration: underline
}

.lf__participantNumber {
    color: var(--color-combination-1);
    grid-area: number;
    min-width: 16px;
    text-align: center
}

.lf__incidents {
    align-items: center;
    display: flex;
    grid-area: incident;
    margin-right: 6px;
    z-index: 2
}

.lf__incidents:empty {
    display: none
}

.lf__secondaryIncidents {
    align-items: center;
    column-gap: 5px;
    display: flex;
    font-size: 12px;
    grid-area: substitution;
    overflow: auto
}

.lf__seasonResult {
    font-size: 12px;
    grid-area: substitution;
    justify-self: flex-start
}

.lf__participantIncidents {
    --color-penalty: #cd0200;
    --color-floorballGoal: #2d2d2d;
    --color-footballGoal: #2d2d2d;
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: calc(50% - 27px);
    position: absolute;
    z-index: 1
}

.lf__moreIncidents {
    bottom: auto;
    flex-wrap: wrap;
    width: 80px
}

@media only screen and (max-width:639px) {
    .lf__moreIncidents {
        bottom: 35px;
        left: auto
    }
}

.lf__participantFlag {
    display: flex;
    grid-area: flag
}

.lf__participantFlag>span {
    height: 12px;
    margin-right: 0;
    width: 18px
}

.lf__participantFlag>svg {
    color: var(--color-support-4);
    height: 14px;
    transform: translate(0);
    width: 14px
}

.lf__participantFlag>img {
    margin: auto;
    max-height: 15px;
    max-width: 18px
}

.lf__greyJersey {
    color: #cecece;
    padding: 0 2px
}

.lf__scratchLabel {
    font-size: 12px;
    grid-area: substitution;
    margin-left: 22px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lf__incidentDescription,
.lf__scratchLabel,
.lf__seasonResult,
.lf__subgoalkeeperHover {
    color: var(--color-combination-30)
}

.lf__incidentDescription,
.lf__subgoalkeeperHover {
    white-space: nowrap
}

.lf__subgoalkeeperHover:hover {
    text-decoration: underline
}

.lf__incidentOccurrence {
    background-color: var(--color-combination-25);
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    height: 12px;
    left: 50%;
    line-height: 12px;
    position: absolute;
    top: -6px;
    width: 12px
}

.lf__incidentIcon,
.lf__incidentOccurrence {
    align-items: center;
    display: flex;
    justify-content: center
}

.lf__incidentIcon {
    background-color: var(--color-support-5);
    border: 1px solid var(--color-combination-29);
    border-radius: 4px;
    box-sizing: border-box;
    flex: 0 0 16px;
    height: 16px;
    line-height: 1;
    margin-left: -5px;
    position: relative;
    width: 16px
}

.lf__incidentIcon:first-of-type {
    margin-left: 0
}

.lf__incidentIcon:empty {
    display: none
}

.lf__incidentIcon svg {
    height: 12px;
    transform: translate(0);
    width: 12px
}

.lf__incidentIcon--field {
    border: 1px solid var(--color-combination-29);
    flex-basis: 14px;
    height: 14px;
    margin-left: unset;
    margin-top: -5px;
    width: 14px;
    z-index: var(--zIndex-lineUp-incidents)
}

.hockey .lf__incidentIcon--field {
    margin-top: -1px;
    z-index: auto
}

.lf__incidentIcon--field svg {
    height: 10px;
    width: 10px
}

.lf__skeleton {
    display: grid;
    grid-auto-flow: row
}

.lf__skeleton__header {
    background-color: var(--color-skeleton-1);
    border-radius: 4px;
    height: 28px
}

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

.lf__skeleton__row {
    display: grid;
    grid-template: " .    .      .   .     . "8px " .    before .   after . "12px " .    .      .   .     . "8px/10px 110px 1fr 90px 10px
}

.lf__skeleton__row:before {
    content: "";
    grid-area: before
}

.lf__skeleton__row:after {
    content: "";
    grid-area: after
}

.lf__skeleton__row1 {
    grid-template-columns: 10px 100px 1fr 110px 10px
}

.lf__skeleton__row2 {
    grid-template-columns: 10px 90px 1fr 120px 10px
}

.lf__skeleton__row3 {
    grid-template-columns: 10px 120px 1fr 80px 10px
}

.lineThrough {
    text-decoration: line-through
}

.fontNormal {
    font-weight: 400
}

.fontBold {
    font-weight: 700
}

.fontExtraBold {
    font-weight: 800
}

.h2h {
    --color-clay: #ed603b;
    --color-hard: #1296e1;
    --color-grass: #10a80f
}

.h2h__filter {
    --filterGroup-padding: 0 12px 16px
}

@media only screen and (max-width:639px) {
    .h2h__filter {
        --filterGroup-padding: 0 8px 12px
    }
}

.h2h__section {
    font-size: 13px;
    line-height: 16px;
    margin: 0 12px 8px
}

@media only screen and (max-width:639px) {
    .h2h__section {
        margin: 0 0 8px
    }
}

.h2hLp .h2h__section:last-of-type {
    padding: 0 0 18px
}

.h2h__row {
    align-items: center;
    border-bottom: 1px solid var(--color-row-border, var(--color-support-1));
    color: var(--color-secondary-2);
    cursor: pointer;
    display: grid;
    grid-template: "date event homeParticipant result resultFulltime icon"minmax(23px, max-content) "date event awayParticipant result resultFulltime icon"minmax(23px, max-content) "border border border border border border"1px /var(--width-h2hDateCell, 80px) var(--width-h2hEventCell, 74px) minmax(85px, 1fr) var(--width-h2hResultCell, 50px) var(--width-h2hResultFulltimeCell, 50px) max-content;
    max-height: 48px;
    transition: all .4s ease
}

.h2h__row--doubles {
    max-height: none
}

@media only screen and (max-width:639px) {
    body:not(.aussie-rules) .h2h__row {
        grid-template: "date event homeParticipant result icon"minmax(23px, max-content) "date event awayParticipant result icon"minmax(23px, max-content) "border border border border border"1px /var(--width-h2hDateCell, 80px) var(--width-h2hEventCell, 74px) minmax(85px, 1fr) var(--width-h2hResultCell, 50px) max-content
    }
}

@media (hover:hover) {
    .h2h__row:hover {
        background-color: rgba(var(--color-support-2-rgb), .2)
    }
}

.h2h__flag {
    display: flex;
    margin-right: 8px
}

.h2h__flag>span {
    height: 12px;
    margin-right: 0;
    width: 18px
}

.h2h__date {
    align-items: center;
    align-self: stretch;
    color: var(--color-support-4);
    display: flex;
    grid-area: date;
    justify-self: stretch;
    padding: 0 16px
}

@media only screen and (max-width:639px) {
    .h2h__date {
        padding: 0 8px
    }
}

.h2h__event {
    border-radius: 4px;
    flex-flow: row wrap;
    font-weight: 700;
    grid-area: event;
    padding: 8px 6px
}

.h2h__event,
.h2h__participant {
    align-items: center;
    display: flex;
    word-break: break-word
}

.h2h__participant {
    align-self: stretch;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    padding: 2px 6px
}

.h2h__participant .event__logo {
    color: var(--color-combination-2);
    margin-right: 4px;
    width: 16px
}

.h2h__participant .h2h__teamLogo,
.h2h__participant svg {
    flex-shrink: 0;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.h2h__participantInner {
    border-radius: 4px;
    line-height: 16px;
    max-width: 100%;
    overflow: hidden;
    padding: 1px 5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.highlighted .h2h__participantInner {
    background: var(--color-highlight)
}

.h2h__homeParticipant {
    grid-area: homeParticipant
}

.h2h__awayParticipant {
    grid-area: awayParticipant
}

.h2h__participantDoubles {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.h2h__awayParticipant--doubles,
.h2h__homeParticipant--doubles {
    display: grid;
    grid-template: "flag1 participant1"minmax(20px, max-content) "flag2 participant2"minmax(20px, max-content) /22px 1fr
}

.h2h__awayParticipant--doubles .event__logo--away1,
.h2h__awayParticipant--doubles .event__logo--home1,
.h2h__homeParticipant--doubles .event__logo--away1,
.h2h__homeParticipant--doubles .event__logo--home1 {
    grid-area: flag1
}

.h2h__awayParticipant--doubles .h2h__participantDoubles--away1,
.h2h__awayParticipant--doubles .h2h__participantDoubles--home1,
.h2h__homeParticipant--doubles .h2h__participantDoubles--away1,
.h2h__homeParticipant--doubles .h2h__participantDoubles--home1 {
    grid-area: participant1
}

.h2h__awayParticipant--doubles .event__logo--away2,
.h2h__awayParticipant--doubles .event__logo--home2,
.h2h__homeParticipant--doubles .event__logo--away2,
.h2h__homeParticipant--doubles .event__logo--home2 {
    grid-area: flag2
}

.h2h__awayParticipant--doubles .h2h__participantDoubles--away2,
.h2h__awayParticipant--doubles .h2h__participantDoubles--home2,
.h2h__homeParticipant--doubles .h2h__participantDoubles--away2,
.h2h__homeParticipant--doubles .h2h__participantDoubles--home2 {
    grid-area: participant2
}

.h2h__awayParticipant--doubles .event__logo,
.h2h__homeParticipant--doubles .event__logo {
    width: 18px
}

.h2h__result,
.h2h__result__fulltime {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    justify-self: stretch;
    line-height: 24px;
    text-align: center
}

.h2h__result {
    font-weight: 700;
    grid-area: result
}

.h2h__result__fulltime {
    grid-area: resultFulltime
}

.h2h__result__fulltime:empty {
    display: none
}

.h2h__result__fulltime--dash {
    font-weight: 700
}

.h2h__regularTimeResult {
    color: var(--color-support-3);
    font-weight: 400
}

.h2h__regularTimeResult:empty {
    display: none
}

.h2h__icon {
    align-items: center;
    align-self: stretch;
    display: flex;
    grid-area: icon;
    justify-content: center;
    justify-self: stretch;
    min-width: 20px;
    padding: 0 12px 0 112px
}

@media only screen and (max-width:639px) {
    .h2h__icon {
        padding: 0 8px
    }
}

@media only screen and (max-width:799px) {
    .h2h__icon:not(.detailbody .h2h__icon) {
        padding-left: 8px
    }
}

.aussie-rules .h2h {
    --width-h2hResultCell: 35px;
    --width-h2hResultFulltimeCell: 35px
}

.aussie-rules .h2h__regularTimeResult:after,
.aussie-rules .h2h__regularTimeResult:before {
    content: ""
}

.boxing .h2h,
.mma .h2h {
    --width-h2hResultCell: 150px;
    --width-h2hResultFulltimeCell: 0
}

.american-football .h2h,
.handball .h2h,
.netball .h2h,
.rugby-league .h2h,
.rugby-union .h2h {
    --width-h2hResultCell: 60px;
    --width-h2hResultFulltimeCell: 60px
}

@media only screen and (max-width:639px) {

    .american-football .h2h,
    .handball .h2h,
    .netball .h2h,
    .rugby-league .h2h,
    .rugby-union .h2h {
        --width-h2hResultCell: 35px
    }
}

.cricket .h2h {
    --width-h2hResultCell: 200px;
    --width-h2hResultFulltimeCell: 0
}

.cricket .h2h__icon {
    padding-left: 62px
}

@media only screen and (max-width:639px) {
    .cricket .h2h {
        --width-h2hResultCell: 150px
    }

    .cricket .h2h__icon {
        padding-left: 8px
    }

    .h2h {
        --width-h2hDateCell: 65px;
        --width-h2hResultFulltimeCell: 0;
        --width-h2hResultCell: 35px
    }

    body:not(.aussie-rules) .h2h .h2h__result__fulltime {
        display: none
    }
}

.pid_39 .h2h {
    --width-h2hEventCell: 90px
}

.dateFormatUS {
    --width-h2hDateCell: 85px
}

.rows {
    margin-top: 1px;
    overflow: auto
}

.clay {
    background: var(--color-clay);
    color: #fff
}

.grass {
    background: var(--color-grass);
    color: #fff
}

.hard {
    background: var(--color-hard);
    color: #fff
}

.winner {
    font-weight: 800
}

.h2h__skeleton {
    border-bottom: 1px solid var(--color-skeleton-1);
    display: grid;
    grid-auto-flow: row
}

.h2h__skeleton__tab {
    background-color: var(--color-skeleton-2);
    border-radius: 8px;
    height: 28px;
    margin-bottom: 16px;
    width: 100px
}

@media only screen and (max-width:639px) {
    .h2h__skeleton__tab {
        margin-left: 12px
    }
}

.h2h__skeleton__header {
    background-color: var(--color-skeleton-1);
    border-radius: 4px;
    height: 25px
}

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

.h2h__skeleton__row {
    align-content: center;
    border-bottom: 1px solid var(--color-skeleton-1);
    display: grid;
    grid-template: "dateAndFlag . homeParticipant awayParticipant result"13px/105px 20px 1fr 1fr 55px;
    height: 27px;
    padding: 0 6px 0 10px
}

.h2h__skeleton__row :first-of-type {
    grid-area: dateAndFlag;
    width: 90%
}

.h2h__skeleton__row :nth-of-type(2) {
    grid-area: homeParticipant;
    margin-right: 10px;
    max-width: 60px
}

.h2h__skeleton__row :nth-of-type(3) {
    grid-area: awayParticipant;
    margin-right: 10px;
    max-width: 60px
}

.h2h__skeleton__row :nth-of-type(4) {
    grid-area: result
}

.h2h__skeleton__row:nth-of-type(13) :nth-of-type(2),
.h2h__skeleton__row:nth-of-type(3) :nth-of-type(2) {
    max-width: 40px
}

.h2h__skeleton__row:nth-of-type(14) :first-of-type,
.h2h__skeleton__row:nth-of-type(4) :first-of-type {
    width: 100%
}

.h2h__skeleton__row:nth-of-type(14) :nth-of-type(3),
.h2h__skeleton__row:nth-of-type(4) :nth-of-type(3) {
    max-width: 50px
}

.h2h__skeleton__row:nth-of-type(12) :nth-of-type(3),
.h2h__skeleton__row:nth-of-type(5) :nth-of-type(3) {
    max-width: 70px
}

.h2h__skeleton__row:nth-of-type(11) :nth-of-type(2),
.h2h__skeleton__row:nth-of-type(6) :nth-of-type(2) {
    max-width: 50px
}

.h2h__skeleton__row:nth-of-type(10) :nth-of-type(2),
.h2h__skeleton__row:nth-of-type(7) :nth-of-type(2) {
    max-width: 70px
}

.h2h__skeleton__row1 {
    align-content: center;
    border-bottom: 1px solid var(--color-skeleton-1);
    display: grid;
    grid-template: "dateAndFlag . homeParticipant awayParticipant result"13px/105px 20px 1fr 1fr 20px;
    height: 28px;
    padding: 0 10px
}

.h2h__skeleton__row1 :first-of-type {
    grid-area: dateAndFlag;
    width: 90%
}

.h2h__skeleton__row1 :nth-of-type(2) {
    grid-area: homeParticipant;
    max-width: 60px
}

.h2h__skeleton__row1 :nth-of-type(3) {
    grid-area: awayParticipant;
    max-width: 60px
}

.h2h__skeleton__row1 :nth-of-type(4) {
    grid-area: result
}

.h2h__skeleton__row1:nth-of-type(17) :nth-of-type(2),
.h2h__skeleton__row1:nth-of-type(18) :nth-of-type(2),
.h2h__skeleton__row1:nth-of-type(19) :nth-of-type(3),
.h2h__skeleton__row1:nth-of-type(20) :nth-of-type(3),
.h2h__skeleton__row1:nth-of-type(21) :nth-of-type(2) {
    max-width: 50px
}

.h2h__skeleton__row1:nth-child(2n),
.h2h__skeleton__row:nth-child(2n) {
    border-bottom: 1px solid var(--color-support-1)
}

.h2h__skeleton__showMore {
    background-color: var(--color-skeleton-1);
    height: 13px;
    justify-self: center;
    margin: 8px 0;
    width: 100px
}

._ass .sg-b-f.sg-b-bar,
._fs .sg-b-f.sg-b-bar,
._in .sg-b-f.sg-b-bar,
._scoreboard .sg-b-f.sg-b-bar,
._ss .sg-b-f.sg-b-bar,
._sw .sg-b-f.sg-b-bar {
    background: #001e28;
    border: 1px solid #eee;
    border-radius: 12px;
    bottom: 75px !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .15);
    color: #fff;
    font-family: inherit;
    font-weight: 700;
    left: auto !important;
    margin: 0;
    padding: 8px;
    right: 15px !important;
    transition: all .4s ease;
    width: 167px !important;
    z-index: 1000
}

@media only screen and (max-width:1047px) {

    ._ass .sg-b-f.sg-b-bar,
    ._fs .sg-b-f.sg-b-bar,
    ._in .sg-b-f.sg-b-bar,
    ._scoreboard .sg-b-f.sg-b-bar,
    ._ss .sg-b-f.sg-b-bar,
    ._sw .sg-b-f.sg-b-bar {
        bottom: 120px !important
    }
}

@media only screen and (max-width:799px) {

    ._ass .sg-b-f.sg-b-bar,
    ._fs .sg-b-f.sg-b-bar,
    ._in .sg-b-f.sg-b-bar,
    ._scoreboard .sg-b-f.sg-b-bar,
    ._ss .sg-b-f.sg-b-bar,
    ._sw .sg-b-f.sg-b-bar {
        bottom: 75px !important
    }
}

._ass .sg-b-t,
._fs .sg-b-t,
._in .sg-b-t,
._scoreboard .sg-b-t,
._ss .sg-b-t,
._sw .sg-b-t {
    --svg-feedback: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath d='M17.5 0 20 2.5v10.2l-2.5 2.5h-6.9L5.5 20v-4.9h-3L0 12.7V2.5L2.5 0zM17 1.4H3L1.4 3v9.1L3 13.8h3.9v3l3.2-3H17l1.7-1.7V3zm-7.5 9.1V12s0 .1-.1.1H8.1C8 12.1 8 12 8 12v-1.4s0-.1.1-.1zm2.6-7.4c.2 0 .3.1.4.2l1.2 1.2c.1.1.2.3.2.4v1.7c0 .2-.1.3-.2.4l-1.2 1.2c-.1.1-.3.2-.4.2H9.8q-.3 0-.3.3v1.2s0 .1-.1.1H8.1S8 10 8 9.9V8.6c0-.2.1-.3.2-.4L9.3 7c.1-.1.3-.2.4-.2H12q.3 0 .3-.3V5q0-.3-.3-.3H8c-.2-.1-.3.1-.3.3v.9s0 .1-.1.1H6.2s-.1 0-.1-.1v-1c0-.2.1-.3.2-.4l1.2-1.2c.1-.1.3-.2.4-.2z'/%3E%3C/svg%3E");
    background: var(--svg-feedback) center 10px no-repeat;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 40px 0 8px;
    text-align: center;
    width: 100%
}

.sg-d-h {
    position: absolute;
    right: 10px
}

.sg-js-d {
    align-items: center;
    display: flex;
    height: 10px;
    visibility: hidden;
    width: 10px
}

.sg-js-d:before {
    --svg-close: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 20 20"><path d="m19 0-9 9-9-9-1 1 9 9-9 9 1 1 9-9 9 9 1-1-9-9 9-9z"/></svg>');
    background-color: #fff;
    content: "";
    height: 100%;
    -webkit-mask-image: var(--svg-close);
    mask-image: var(--svg-close);
    position: absolute;
    visibility: visible;
    width: 100%
}

.sg-js-d:hover:before {
    background-color: #c8cdcd
}

.sg-b-l-m,
.sg-b-l-t {
    background-color: #fff;
    border-radius: 8px;
    color: #001e28 !important;
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin: 0 auto;
    padding: 8px;
    text-align: center;
    text-decoration: none !important;
    width: 80% !important
}

.sg-b-l-m:hover,
.sg-b-l-t:hover {
    background-color: #c8cdcd
}

.theme--dark._ass .sg-b-f.sg-b-bar,
.theme--dark._fs .sg-b-f.sg-b-bar,
.theme--dark._in .sg-b-f.sg-b-bar,
.theme--dark._scoreboard .sg-b-f.sg-b-bar,
.theme--dark._ss .sg-b-f.sg-b-bar,
.theme--dark._sw .sg-b-f.sg-b-bar {
    border-color: #555e61
}

.theme--dark .sg-b-l-m,
.theme--dark .sg-b-l-t {
    background-color: #c8cdcd
}

.theme--dark .sg-b-l-m:hover,
.theme--dark .sg-b-l-t:hover {
    background-color: #999
}

.fsNewsVideo {
    background-color: var(--color-combination-33);
    display: grid;
    grid-template: " .      "1fr " icon   "max-content " message"max-content " button "max-content " .      "1fr/auto;
    height: 100%;
    width: 100%
}

.fsNewsVideo__player {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%
}

.fsNewsVideo__icon {
    grid-area: icon;
    margin-block-end: 18px;
    margin-inline: auto;
    width: 72px;
    fill: var(--color-icon-tertiary-base, #999)
}

.fsNewsVideo__msg {
    color: var(--color-support-4);
    font-size: 16px;
    font-weight: 700;
    grid-area: message;
    justify-self: center;
    margin: 0 20px 16px;
    max-width: 500px;
    text-align: center
}

.fsNewsVideo__btn {
    background-color: var(--color-secondary-3);
    border-radius: 8px;
    color: var(--color-white);
    cursor: pointer;
    font-size: 12px;
    grid-area: button;
    line-height: 16px;
    margin: 0 auto;
    padding: 9px 12px;
    text-transform: uppercase
}

.fsNewsVideo__btn:hover {
    background-color: var(--color-secondary-1)
}

.vjs-ott-skin .vjs-control-bar,
.vjs-ott-skin.vjs-paused:not(.vjs-ad-playing) .vjs-big-play-button {
    z-index: 9 !important
}

.detailSk__header {
    margin: 0 10px;
    padding-bottom: 10px;
    transform: translateY(5px);
    width: calc(100% - 20px)
}

.detailSk__header>div {
    background-color: var(--color-skeleton-1);
    border-radius: 8px;
    height: 26px;
    width: 100%
}

.detailSk__time {
    border-radius: 4px;
    height: 15px;
    margin: auto auto 0;
    width: 90px
}

@media only screen and (max-width:639px) {
    .detailSk__time {
        width: 63px
    }
}

.detailSk__score {
    border-radius: 8px;
    height: 55px;
    margin-bottom: 8px;
    width: 90px
}

@media only screen and (max-width:639px) {
    .detailSk__score {
        height: 36px;
        width: 63px
    }
}

.detailSk__stage {
    border-radius: 4px;
    height: 18px;
    width: 60px
}

@media only screen and (max-width:639px) {
    .detailSk__stage {
        width: 50px
    }
}

.detailSk__participantImg {
    aspect-ratio: 1/1;
    border-radius: 12px;
    grid-area: image;
    padding: 12px;
    width: 66px
}

@media only screen and (max-width:639px) {
    .detailSk__participantImg {
        padding: 8px;
        width: 40px
    }
}

.detailSk__participantName {
    border-radius: 4px;
    height: 16px;
    margin: 0 auto;
    width: 90px
}

@media only screen and (max-width:639px) {
    .detailSk__participantName {
        width: 76px
    }
}

.detailSk__tab {
    background-color: var(--color-skeleton-1);
    border-radius: 8px;
    height: calc(100% - 16px);
    margin: auto 8px auto 0;
    padding: 0 14px;
    width: 46px
}

.detailSk__tab:first-of-type {
    background-color: var(--color-skeleton-2)
}

@media only screen and (max-width:449px) {
    .detailSk__tab:last-of-type {
        display: none
    }
}

.detailSk__previews {
    display: none
}

.loadingContentContainer {
    height: 400px;
    position: relative;
    width: 100%
}

.loadingContentContainer>.loadingOverlay {
    border-radius: 0;
    bottom: -10px;
    display: block
}

.loadingContentContainer:after {
    background: var(--overlay-background, rgba(var(--color-support-1-rgb), .75));
    border-radius: 0 8px 8px 0;
    bottom: -5px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: var(--zIndex-loading)
}

.detailParticipantSk__participantImg {
    border-radius: 8px;
    height: 84px;
    width: 84px
}

@media only screen and (max-width:639px) {
    .detailParticipantSk__participantImg {
        height: 70px;
        width: 70px
    }
}

.detailParticipantSk__myTeamsIcon {
    border-radius: 4px;
    height: 18px;
    margin: 0 7px;
    width: 18px
}

.detailParticipantSk__nameContainer {
    align-items: center;
    display: flex;
    gap: 8px
}

.detailParticipantSk__tournamentContent {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.detailParticipantSk__tournamentName {
    height: 26px;
    width: 200px
}

.detailParticipantSk__tournamentTeam {
    height: 13px;
    width: 150px
}

.detailParticipantSk__tournamentDate {
    height: 13px;
    width: 200px
}

.detailParticipantSk__title {
    background-color: var(--color-skeleton-1);
    height: 18px;
    width: 100px
}

.fsNewsArticle {
    color: var(--color-combination-2)
}

.fsNewsArticle h2 {
    font-size: 26px;
    margin: 24px 0 18px
}

.fsNewsArticle p {
    margin: 0 0 18px
}

.fsNewsArticle div[itemprop=publisher] {
    display: none
}

.fsNewsArticle__headline,
.fsNewsArticle__title {
    margin-bottom: 12px
}

.fsNewsArticle__headlineText--matchReport {
    font-size: 32px
}

.fsNewsArticle__provider {
    align-items: center;
    color: var(--color-support-3);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 18px
}

.fsNewsArticle__provider--preview {
    grid-area: provider;
    justify-content: center;
    margin-top: 0
}

.fsNewsArticle__label {
    color: var(--color-support-4);
    margin-right: 5px
}

.fsNewsArticle__perex--matchReport {
    font-size: 20px
}

.fsNewsArticle__content {
    font-size: 18px;
    line-height: 28px
}

.fsNewsArticle__content a {
    color: var(--color-primary);
    text-decoration: underline
}

.fsNewsArticle__content a:hover {
    text-decoration: none
}

.fsNewsArticle .ui-media__placeholder {
    margin-bottom: 17px
}

.fsNewsArticle .ui-media__placeholder--video,
.fsNewsArticle .ui-media__placeholder--youtube {
    margin-bottom: 0;
    max-width: 100%
}

.fsNewsArticle .ui-media--article .ui-media__placeholder,
.fsNewsArticle .ui-media__placeholder+.fsNewsEmbed {
    margin-bottom: 0
}

@media only screen and (max-width:639px) {
    .fsNewsArticle h2 {
        font-size: 22px
    }

    .fsNewsArticle p {
        margin: 0 0 17px
    }

    .fsNewsArticle p:last-of-type {
        margin: 0 0 18px
    }

    .fsNewsArticle__headline,
    .fsNewsArticle__title {
        margin-bottom: 8px
    }

    .fsNewsArticle__headlineText--matchReport {
        font-size: 24px
    }

    .fsNewsArticle__perex--matchReport {
        font-size: 18px
    }

    .fsNewsArticle__content {
        font-size: 17px;
        line-height: 24px
    }

    .fsNewsArticle__provider {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        font-size: 13px;
        line-height: 16px
    }

    .fsNewsArticle__label {
        margin-bottom: 4px;
        margin-right: 0
    }
}

.fsNewsEmbed {
    display: flex;
    justify-content: center
}

.fsNewsEmbed--ig {
    margin-bottom: 17px
}

.fsNewsEmbed--ig iframe {
    margin-bottom: 0 !important;
    width: 100% !important
}

.fsNewsEmbed--ig iframe:not(.instagram-media-rendered) {
    border: unset !important
}

@media only screen and (max-width:360px) {

    .fsNewsEmbed--ig blockquote,
    .fsNewsEmbed--ig iframe {
        min-width: 100% !important
    }
}

.fsNewsEmbed--tw {
    margin-bottom: 17px
}

.fsNewsEmbed--tw>div {
    margin: 0 auto !important
}

.fsNewsEmbed--tw iframe {
    width: 100% !important
}

.fsNewsEmbed--fb {
    display: flex !important;
    margin: 0 auto 17px !important
}

.fsNewsEmbed--fb,
.fsNewsEmbed--fb div,
.fsNewsEmbed--fb iframe,
.fsNewsEmbed--fb span {
    max-width: 552px !important
}

.fsNewsEmbed--fb span {
    display: flex !important;
    justify-content: center !important
}

.fsNewsEmbed--fb[fb-xfbml-state=rendered] iframe {
    background-color: #fff !important;
    border-radius: 3px !important
}

@media only screen and (max-width:600px) {
    .fsNewsEmbed--fb {
        min-height: auto
    }

    .fsNewsEmbed--fb div,
    .fsNewsEmbed--fb div iframe,
    .fsNewsEmbed--fb span,
    .fsNewsEmbed--fb span iframe {
        width: 100% !important
    }
}

.lac__box {
    align-items: center;
    background-color: var(--color-highlight);
    border-radius: 8px;
    color: var(--color-combination-1);
    display: grid;
    grid-template: " text  text text "max-content " text2 .    button "max-content/1fr 10px max-content;
    margin-bottom: 10px;
    padding: 16px;
    position: relative;
    user-select: none
}

@media only screen and (max-width:639px) {
    .lac__box {
        grid-template: " text   "max-content " text2  "max-content " button "max-content/1fr;
        margin: 20px 10px;
        top: 10px
    }
}

.lac__icon {
    display: none
}

.lac__text {
    font-size: 18px;
    font-weight: 700;
    grid-area: text
}

@media only screen and (max-width:639px) {
    .lac__text {
        font-size: 16px
    }
}

.lac__description {
    font-size: 13px;
    grid-area: text2;
    letter-spacing: .4px;
    margin-top: 4px
}

.lac__button {
    background-color: var(--color-secondary-1);
    border-radius: 8px;
    color: var(--color-white);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    grid-area: button;
    letter-spacing: .4px;
    line-height: 1;
    margin-right: 15px;
    padding: 8px 12px;
    text-align: center;
    text-transform: uppercase
}

.lac__button:hover {
    opacity: .8
}

@media only screen and (max-width:639px) {
    .lac__button {
        margin-top: 8px;
        padding: 6px 10px
    }
}

.lacModal__title {
    text-align: center;
    width: 100%
}

.lacModal__paragraph {
    color: var(--color-support-4);
    font-size: 13px;
    line-height: 1.38;
    margin-block: 0 16px;
    text-align: center
}

.lacModal__question {
    color: var(--color-combination-1);
    font-size: 16px;
    font-weight: 700;
    margin-block: 0 20px;
    text-align: center
}

.lacModal__buttons {
    column-gap: 16px;
    display: flex;
    justify-content: center
}

.lacModal__confirmationButton {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: var(--color-white);
    border: 1px solid var(--color-secondary-3);
    border-radius: 8px;
    color: var(--color-secondary-3);
    cursor: pointer;
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    outline: 0;
    padding: 11px 24px;
    text-transform: uppercase;
    width: max-content
}

.lacModal__confirmationButton:hover {
    opacity: .8
}

.lacModal__confirmationButtonActive {
    background: var(--color-secondary-3);
    color: var(--color-white)
}

.legalAgeConfirmation {
    margin-bottom: 16px;
    position: sticky;
    top: 0;
    transition: translate .5s;
    translate: 0 0;
    z-index: var(--zIndex-legalAgeStickyBox)
}

.legalAgeConfirmation:empty {
    display: none
}

.legalAgeConfirmation--aboveFixedHeader {
    translate: 0 67px
}

@media only screen and (max-width:639px) {
    .legalAgeConfirmation {
        background-color: var(--color-combination-7);
        margin-bottom: 0;
        padding: 4px
    }
}

.legalAgeConfirmation__wrapper {
    background-color: #fff;
    border: 2px solid var(--legalAge-combiantion-1);
    border-radius: 8px;
    display: grid;
    grid-template: " heading "" .       "4px " text    "" .       "8px " buttons "/1fr;
    padding: 12px 18px 14px 14px
}

@media only screen and (max-width:639px) {
    .legalAgeConfirmation__wrapper {
        grid-template: " heading "" .       "4px " text    "" .       "12px " buttons "/1fr;
        padding: 14px
    }
}

.legalAgeConfirmation__heading {
    color: #001e28;
    font-size: 22px;
    font-weight: 700;
    grid-area: heading
}

@media only screen and (max-width:639px) {
    .legalAgeConfirmation__heading {
        font-size: 18px
    }
}

.legalAgeConfirmation__text {
    color: var(--color-combination-32);
    font-size: 12px;
    grid-area: text;
    letter-spacing: .4px;
    line-height: 16px;
    margin: initial
}

.legalAgeConfirmation__buttons {
    align-items: center;
    display: grid;
    grid-area: buttons;
    grid-template-columns: max-content max-content;
    justify-content: end;
    grid-gap: 12px
}

@media only screen and (max-width:639px) {
    .legalAgeConfirmation__buttons {
        display: flex;
        flex-direction: row-reverse;
        grid-template-columns: 100%;
        justify-content: start;
        white-space: nowrap
    }
}

.legalAgeConfirmation__button {
    background-color: var(--legalAge-combiantion-1);
    border: 1px solid var(--legalAge-combiantion-2);
    border-radius: 8px;
    color: var(--color-combination-11);
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .4px;
    padding: 8px 12px;
    text-align: center;
    text-transform: unset;
    white-space: nowrap;
    width: 100%
}

.legalAgeConfirmation__button:hover {
    opacity: .8
}

.legalAgeConfirmation__button--rangeDecline {
    display: none
}

.legalAgeConfirmation__button--decline {
    background-color: initial;
    border: initial;
    color: var(--color-combination-31);
    padding: revert;
    text-decoration: underline
}

.legalAgeConfirmation__button--decline:hover {
    text-decoration: none
}

@media only screen and (max-width:359px) {
    .legalAgeConfirmation__button {
        font-size: 10px
    }
}

.legalAgeConfirmationOverlay__wrapper,
.legalAgeConfirmationOverlay__wrapper--detail {
    background-color: #fff !important;
    display: grid;
    grid-template: " heading "" .       "12px " text    "" .       "16px " buttons "/1fr
}

.legalAgeConfirmationOverlay__wrapper--detail {
    margin-inline: auto;
    width: 320px
}

@media only screen and (max-width:359px) {
    .legalAgeConfirmationOverlay__wrapper--detail {
        width: unset
    }
}

.legalAgeConfirmationOverlay__heading {
    color: var(--color-secondary-1);
    font-size: 22px;
    font-weight: 700;
    grid-area: heading;
    text-align: center
}

.legalAgeConfirmationOverlay__text {
    color: var(--color-combination-32);
    font-size: 16px;
    grid-area: text;
    line-height: 20px;
    margin: initial;
    text-align: center
}

@media only screen and (max-width:639px) {
    .legalAgeConfirmationOverlay__text {
        font-size: 14px;
        line-height: 18px
    }
}

.legalAgeConfirmationOverlay__text--detail {
    color: var(--color-combination-32);
    font-size: 14px;
    grid-area: text;
    line-height: 18px;
    margin: initial;
    text-align: center
}

.legalAgeConfirmationOverlay__buttons {
    display: grid;
    grid-area: buttons;
    grid-gap: 8px
}

.legalAgeConfirmationOverlay__divider {
    align-self: stretch;
    border-top: 1px solid #eee;
    margin-bottom: 8px
}

.legalAgeConfirmationOverlay__button {
    background-color: var(--legalAge-combiantion-1);
    border: 1px solid var(--legalAge-combiantion-2);
    border-radius: 8px;
    color: var(--color-combination-11);
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    padding: 11px;
    text-transform: uppercase
}

.legalAgeConfirmationOverlay__button:hover {
    opacity: .8
}

.legalAgeConfirmationOverlay__button--detail {
    background-color: var(--legalAge-combiantion-1);
    border: 1px solid var(--legalAge-combiantion-2);
    border-radius: 8px;
    color: var(--color-combination-11);
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    padding: 8px;
    text-transform: uppercase
}

.legalAgeConfirmationOverlay__button--detail:hover {
    opacity: .8
}

.detail__tab {
    border-bottom: var(--tabGroup-borderBottom, initial);
    border-top: var(--tabGroup-borderTop, initial);
    grid-template-rows: unset;
    margin: 24px 0 16px;
    padding: var(--tabGroup-padding, var(--tabGroup-paddingTop, 0) var(--tabGroup-paddingRight, 12px) var(--tabGroup-paddingBottom, 0) var(--tabGroup-paddingLeft, 12px));
    --tabGroup-borderTop: 1px solid var(--color-support-1);
    --tabGroup-borderBottom: 1px solid var(--color-support-1)
}

._sw .detail__tab {
    --tabGroup-borderTop: 1px solid #eee;
    --tabGroup-borderBottom: 1px solid #eee
}

._sw.theme--dark .detail__tab {
    --tabGroup-borderTop: 1px solid #202020;
    --tabGroup-borderBottom: 1px solid #202020
}

.detail__filter {
    padding: var(--filterGroup-padding, var(--filterGroup-paddingTop, 0) var(--filterGroup-paddingRight, 0) var(--filterGroup-paddingBottom, 16px) var(--filterGroup-paddingLeft, 0));
    --filterGroup-padding: 0 12px 16px
}

@media only screen and (max-width:639px) {
    .detail__filter {
        --filterGroup-padding: 0 8px 16px
    }
}

.detail__subFilter {
    margin: 0 12px;
    padding: 8px;
    --subFilter-borderBottomRadius: 4px
}

.basketball .detail__subFilter--stats,
.detail__subFilter--withBorder,
.tennis .detail__subFilter--stats {
    border-bottom: 1px solid var(--color-combination-9);
    --subFilter-borderBottomRadius: 0
}

@media only screen and (max-width:639px) {
    .detail__subFilter {
        border-radius: initial;
        margin: initial
    }
}

.detail__headline--golf,
.detail__headline--summary {
    --headline-padding: 16px 0 16px 16px
}

@media only screen and (max-width:639px) {

    .detail__headline--golf,
    .detail__headline--summary {
        --headline-padding: 16px 0 16px 12px
    }
}

.loadable__section:not(.complete):not(.expired) {
    --height-detailHeader: (52px + 38px + 137px + 81px);
    min-height: calc(100vh - var(--height-detailHeader))
}

.loadable__section:not(.complete):not(.expired) .loadable.pending:not(.expired)~.loadable {
    display: none
}

@media only screen and (max-width:639px) {
    .loadable__section:not(.complete):not(.expired) {
        --height-detailHeader: (44px + 39px + 124px + 81px)
    }
}