.link-list-widget.link-list-grid ms-promo-item-list{
    padding: 6px;
}



.djsignup-top-msg .djsignup_message .inner-text{
    font-family: Roboto Condensed!important;
}

#sports-nav.default .main-items .text-truncate{
    font-family: Roboto Condensed!important;
}




















@keyframes pulse {
    0% {
        background-color: #a5a5a51a
    }

    50% {
        background-color: #a5a5a54d
    }

    to {
        background-color: #a5a5a51a
    }
}

@keyframes vertical-shimmer {
    to {
        transform: translate(100%)
    }
}

.scroll-adapter .scroll-adapter__container{
    padding-bottom: 16px!important;
}


.flex{
    display: flex;
    align-items: flex-start;
    padding: 16px 24px 16px 24px;
    justify-content: space-between;
    background: #f5f5f5;
}

@media(max-width: 830px){
    .flex{
        flex-direction: column;
    }
}

html {
  scrollbar-width: none;     
  -ms-overflow-style: none;  
}

html::-webkit-scrollbar {
  display: none;             
}

.col-9.widget-slot{
    padding-left: 10px!important;
}






.popular-bets-var-scope {
    --popular-bets-widget-box-shadow: #0003;
    --popular-bets-widget-font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    --popular-bets-border-color: #eaeaea;
    --popular-bets-text-color: #707070;
    --popular-bets-add-to-betslip-selected-border: #333;
    --popular-bets-add-to-betslip-background: var(--theme-cta-01);
    --popular-bets-add-to-betslip-radius: 3px;
    --popular-bets-cta-border-color: #d6d6d6;
    --popular-bets-button-color: var(--theme-promo-bonus);
    --popular-bets-cta-background: #f5f5f5;
    --popular-bets-widet-text-large-size: 17px;
    --popular-bets-cta-hover: #e8e8e8;
    --popular-bets-cta-active: linear-gradient(0deg, #3333331f, #3333331f), #ffcc004d;
    --popular-bets-cta-selected-color: #333;
    --popular-bets-cta-selected-border-color: #fc0;
    --popular-bets-cta-selected-background: #ffeda7;
    --popular-bets-cta-selected-hover: #ffe374;
    --popular-bets-option-container-width: 168px;
    --popular-bets-without-option-container-width: 209px;
    --popular-bets-bet-counter-color: var(--theme-body-bg);
    --popular-bets-bet-counter-background: var(--theme-info);
    --popular-bets-bet-counter-text-color: var(--theme-body-70);
    --popular-bets-participant-image-size: 24px;
    --popular-bets-bet-builder-participant-image-icon-size: 15px;
    --popular-bets-bet-builder-participant-image-size: 19px;
    --popular-bets-participant-image-icon-size: 24px;
    --popular-bets-open-bullet-icon-color: var(--theme-body-30);
    --popular-bets-small-font-and-height: 12px;
    --popular-bets-medium-font-and-height: 14px;
    --popular-bets-large-font-and-height: 16px;
    --popular-bets-bold-font-weight: 700;
    --popular-bets-default-margin: 0;
    --popular-parlay-btn-gradient: var(--theme-sports-parlay-btn-gradient);
    --popular-parlay-divider: var(--theme-sports-parlay-divider);
    --popular-parlay-connector: var(--theme-sports-parlay-connector);
    --popular-parlay-btn-text-color: var(--theme-sports-parlay-btn-text-color);
    --popular-parlay-btn-hover: var(--theme-sports-parlay-btn-hover);
    --popular-parlay-module-background: var(--theme-body-bg);
    --popular-bets-pod-border-color: unset;
    --popular-bets-show-more-button-gradient: var(--theme-sports-parlay-expand-collapse);
    --popular-bets-cta-text-color: var(--theme-body);
    --popular-bets-fallback-icon-color: var(--theme-body-40);
    --popular-bets-theme-font-normal: 400;
    --popular-bets-pod-betslip-cta-active-total-odds: var(--theme-body);
    --popular-bets-option-indicator-position: 0;
    --popular-bets-flex-direction: row;
    --popular-bets-header-gap: 8px;
    --popular-bets-align-items: center;
    --popular-bets-badge-gap: 6px;
    --popular-bets-add-to-betslip-flex-direction: row;
    --popular-bets-add-to-betslip-height: 32px;
    --popular-bets-pod-header-flex-direction: row-reverse;
    --popular-bets-pod-connector-line-left: 8.5px;
    --popular-bets-pod-options-gap: 12px;
    --popular-bets-option-name-font-size: inherit;
    --popular-bets-option-name-font-weight: inherit;
    --popular-bets-pod-width: 280px;
    --popular-bets-pod-padding: 12px;
    --popular-bets-pod-add-to-betslip-border-radius: 6px;
    --popular-bets-pod-add-to-betslip-padding: 0 12px;
    --popular-bets-pod-header-padding-botttom: 12px
}

.pod-light-theme {
    --popular-bets-pod-header-title: var(--theme-body-50);
    --popular-bets-pod-header-date: var(--theme-body);
    --popular-bets-pod-show-more-text: var(--theme-info);
    --popular-bets-pod-summary-text: var(--theme-body);
    --popular-bets-pod-betslip-cta-border: var(--theme-body-30);
    --popular-bets-pod-betslip-cta-inactive: var(--color-white);
    --popular-bets-pod-betslip-cta-hover: var(--popular-parlay-btn-hover);
    --popular-bets-pod-betslip-cta-locked: var(--theme-body-10);
    --popular-bets-pod-betslip-cta-locked-return-text: var(--popular-parlay-btn-text-color);
    --popular-bets-pod-betslip-cta-locked-total-odds: var(--theme-body);
    --popular-bets-pod-betslip-selected-font-weight: var(--theme-font-medium);
    --popular-bets-pod-betslip-cta-return-text: var(--popular-parlay-btn-text-color);
    --popular-bets-pod-betslip-cta-total-odds: var(--theme-body);
    --popular-bets-pod-bet-builder-option: var(--theme-body);
    --popular-bets-pod-bet-builder-bullet-icon: var(--popular-bets-fallback-icon-color);
    --popular-bets-pod-parlay-option: var(--theme-body);
    --popular-bets-pod-parlay-option-event: var(--theme-body-50);
    --popular-bets-pod-parlay-bullet-icon: var(--popular-bets-fallback-icon-color);
    --popular-bets-pod-betslip-cta-locked-border: var(--theme-body-30);
    --popular-bets-pod-connector-line-color: var(--theme-body-40);
    --popular-bets-pod-betslip-cta-active-return-text: var(--popular-parlay-btn-text-color)
}

.pod-dark-theme {
    --popular-bets-pod-header-title: var(--color-white);
    --popular-bets-pod-header-date: var(--color-white);
    --popular-bets-pod-show-more-text: var(--theme-info-2);
    --popular-bets-pod-summary-text: var(--theme-body-20);
    --popular-bets-pod-betslip-cta-border: var(--theme-body-20);
    --popular-bets-pod-betslip-cta-inactive: #ffffff1f;
    --popular-bets-pod-betslip-cta-hover: #ffffff47;
    --popular-bets-pod-betslip-cta-locked: unset;
    --popular-bets-pod-betslip-cta-locked-return-text: var(--theme-body-40);
    --popular-bets-pod-betslip-cta-locked-total-odds: var(--theme-body-40);
    --popular-bets-pod-betslip-selected-font-weight: var(--theme-font-normal);
    --popular-bets-pod-betslip-cta-return-text: var(--theme-body-20);
    --popular-bets-pod-betslip-cta-total-odds: var(--color-white);
    --popular-bets-pod-bet-builder-option: var(--color-white);
    --popular-bets-pod-bet-builder-bullet-icon: var(--theme-body-30);
    --popular-bets-pod-parlay-option: var(--color-white);
    --popular-bets-pod-parlay-option-event: var(--theme-body-30);
    --popular-bets-pod-parlay-bullet-icon: var(--theme-body-30);
    --popular-bets-pod-betslip-cta-locked-border: var(--theme-body-40);
    --popular-bets-pod-connector-line-color: var(--theme-body-30);
    --popular-bets-pod-betslip-cta-active-return-text: var(--theme-body)
}

.marketsubtype-logo-var-scope {
    --marketsubtype-logo-text-color: var(--theme-body-70);
    --marketsubtype-logo-font-size: 12px;
    --marketsubtype-logo-font-line-height: 12px;
    --marketsubtype-logo-border-color: var(--theme-body-70);
    --marketsubtype-logo-border-radius: 2px;
    --marketsubtype-logo-active-background-color: var(--theme-body-90);
    --marketsubtype-logo-active-text-color: var(--color-white);
    --marketsubtype-logo-link-text-color: var(--theme-accent-01);
    --marketsubtype-logo-tooltip-border-radius: 3px;
    --marketsubtype-logo-tooltip-header-size: 18px
}

.team-grouping-var-scope {
    --team-grouping-border-color: #eaeaea;
    --team-grouping-selected-tab-border: #fc0
}

.media-tab-bar-var-scope {
    --media-tab-bar-item-color: #333;
    --media-tab-bar-item-disable-color: #d6d6d6;
    --media-tab-bar-item-active-highlight-color: #fc0;
    --epcot-media-tab-bar-item-color: #333
}

.player-stats-var-scope {
    --player-stats-option-border: #eaeaea;
    --player-stats-header-text-color: #707070;
    --epcot-player-stats-group-box-shadow: var(--theme-body-20);
    --player-stats-img-style: 20px;
    --player-stats-width: 100%;
    --player-stats-single-col-width: 50%;
    --player-stats-multi-col-width: 34%
}

.casino-games-var-scope {
    --casino-games-header-text-color: #333;
    --casino-games-background-color: #fff;
    --casino-games-shadow-color: rgba($black, .2)
}

.live-bets-tracking {
    --zero-state-background: #d6d6d6;
    --inprogress-state-background: #5c5c5c;
    --won-the-state-background: #2db343;
    --lost-state-background: var(--theme-danger);
    --cancelled-stete-background: #999;
    --slider-count-white-color: #fff;
    --live-slider-all-color: #fff;
    --slider-target-text-color: #707070;
    --slider-target-stat-position: 80.5%;
    --slider-bar-border-size: 4px;
    --slider-count-zero-state: #333;
    --slider-divider-target-value: #fff;
    --slider-zero-state-progress-bar-background: #eaeaea;
    --live-bet-won-slider-color: #2db343;
    --live-bet-lost-slider-color: var(--theme-danger);
    --live-bet-inprogress-slider-color: #474747;
    --live-bet-zero-state-slider-color: #d6d6d6;
    --live-bets-target-value-font: 10px;
    --live-bets-target-value-font-weight: 400;
    --live-bets-slider-font-size: 10px;
    --live-bets-slider-font-weight: 700;
    --live-bets-font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    --live-bets-static-font-size: 12px;
    --live-bet-tracking-H2H-participant-name-color: #707070;
    --live-bet-tracking-H2H-state-color: #7a7a7a;
    --live-bet-won-count-color: #fff
}

.live-bets-condensed {
    --score-board: #333;
    --score-board-condensed: #474747;
    --live-bets-font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    --live-bet-score-board-margin-right: 4px;
    --score-board-font-weight: 400;
    --score-board-font-size: 14px;
    --score-board-value-font-weight: 700
}

.event-list-item {
    --event-carousel-card-border-radius: 4px;
    --event-carousel-card-box-shadow: 0 2px 4px #0000000f;
    --event-carousel-active-color: var(--theme-edp-es-border);
    --event-carousel-selected-card-bg-color: var(--theme-edp-es-bg);
    --notification-title-line-height: 22px;
    --notification-msg-line-height: 20px
}

.event-detail-card {
    --event-detail-card-font-size: 10px;
    --event-detail-card-normal-font-weight: 400;
    --event-detail-card-medium-font-weight: 500;
    --event-detail-card-line-height: 14px;
    --event-detail-card-font-family: var(--theme-font-family-primary, var(--theme-font-family-base));
    --event-detail-card-country-color: #333
}

.market-header-bet-builder-signposting-var-scope {
    --market-header-bet-builder-badge-active-background-color: var(--theme-body-90);
    --market-header-bet-builder-badge-active-text-color: var(--color-white)
}

@keyframes rotate_keyframes {
    0% {
        transform-origin: 50%;
        transform: rotate(0)
    }

    to {
        transform-origin: 50%;
        transform: rotate(360deg)
    }
}

@keyframes smooth {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.sports--2:before {
    content: ""
}

.badge-beta:after {
    content: "";
    color: #1284e0;
    background-color: #fff;
    width: 2.1em;
    margin-left: -.7em;
    font-size: .85em;
    line-height: .9em;
    position: absolute;
    top: 20px;
    left: 50%;
    font-family: sportsicons !important
}

.badge-new:after {
    content: "";
    color: #fc0;
    background-color: #000;
    width: 1.4em;
    margin-left: -.47em;
    font-size: .56em;
    line-height: .9em;
    position: absolute;
    top: 20px;
    left: 50%;
    font-family: sportsicons !important
}

.alerts-selector-popup .theme-right,
.alerts-selector-popup .theme-left {
    color: #707070
}

.alerts-selector-popup .alerts-selector-header {
    text-align: left;
    justify-content: left;
    align-items: center;
    height: 2.7em;
    padding-left: .9em;
    line-height: 2.7em;
    display: flex
}

.alerts-selector-popup .alerts-selector-header div {
    display: inline-block
}

.alerts-selector-popup .alerts-selector-header .alerts-selector-header-back {
    padding: 0 .7em 0 0
}

.alerts-selector-popup .alerts-selector-header .alerts-selector-header-title {
    white-space: normal;
    max-width: 85%;
    padding-left: 0;
    line-height: 1.3em
}

.alerts-selector-popup .alerts-selector-header .alerts-selector-header-back+.alerts-selector-header-title {
    max-width: 77%
}

.alerts-selector-popup .alerts-selector-header .theme-left {
    height: 2em;
    font-size: 1.2em
}

.alerts-selector-popup .alerts-selector-header .close {
    color: #707070;
    height: 2em;
    line-height: inherit;
    z-index: 1;
    padding: 0 .9em 0 .3em;
    font-size: 1.2em;
    position: absolute;
    top: 0;
    right: 0
}

.alerts-selector-popup .alerts-selector-header .btn-close {
    padding-right: 17px;
    position: absolute;
    right: 0
}

.alerts-selector-popup .alerts-selector-header .left-icon {
    display: contents
}

.alerts-selector-popup .alerts-selector {
    background: #fff;
    max-height: 80vh;
    padding-bottom: 5.5em;
    overflow: auto
}

.alerts-selector-popup .alerts-selector.no-footer {
    padding-bottom: 1em
}

.alerts-selector-popup .alerts-selector-footer {
    background-color: #ffffffe6;
    width: 100%;
    height: 6em;
    display: block;
    position: absolute;
    bottom: 0
}

.alerts-selector-popup .alerts-selector-footer .alerts-selector-footer-button {
    width: 92%;
    transform: translateY(50%)
}

.modal.alerts-selector-popup {
    transform: translateZ(0)
}

.modal.alerts-selector-popup .modal-dialog {
    align-items: flex-end
}

.modal.alerts-selector-popup .container {
    bottom: 0;
    top: initial;
    color: #000;
    left: 0;
    transform: translate(0)
}

.modal.alerts-selector-popup .container.fit {
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

.modal.alerts-selector-popup .included-content {
    height: 100%
}

.modal.alerts-selector-popup .alerts-selector-header {
    position: relative
}

html.landscape .alerts-selector-popup .container,
html:not(.landscape).isTablet .alerts-selector-popup .container {
    left: 50%;
    transform: translate(-50%)
}

html.landscape .alerts-selector-popup .container.fit,
html:not(.landscape).isTablet .alerts-selector-popup .container.fit {
    max-width: 31em;
    max-height: initial
}

.alerts-selector-list .alerts-selector-list-item {
    border-top: 1px solid #d5d5d5;
    padding: 1em .5em;
    position: relative
}

.alerts-selector-list .alerts-selector-list-item:first-child {
    border-top: 0
}

.alerts-selector-list .alerts-selector-list-item .option {
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #fff;
    margin-left: 1.7em;
    font-size: .875em;
    position: relative;
    overflow: hidden
}

.alerts-selector-list .alerts-selector-list-item .right-icon {
    width: auto;
    padding-right: 0;
    position: absolute;
    top: .8em;
    right: 0
}

.alerts-selector-list .alerts-selector-list-item .option-icon {
    font-size: 1.25em;
    position: absolute;
    top: .6em;
    right: 0
}

.alerts-selector-list.single {
    text-align: left
}

.alerts-selector-list.single .alerts-selector-list-item {
    border-top: 0;
    width: 50%;
    padding: .5em .5em .8em 1.8em;
    display: inline-block
}

.alerts-selector-list.multi .alerts-selector-list-item {
    margin: 0 .9em;
    padding: 1em 0
}

.alerts-selector-list.multi .option {
    padding-right: 1.7em
}

html.landscape .alerts-selector {
    padding: 0 3em 4.5em
}

html.landscape .alerts-selector-header {
    justify-content: space-around;
    padding-left: 0
}

html.landscape .alerts-selector-header .alerts-selector-header-back {
    position: absolute;
    left: .9em
}

html.landscape .alerts-selector-footer {
    height: 5em
}

html.landscape .alerts-selector-footer .alerts-selector-footer-button {
    width: 55%;
    transform: translateY(50%)
}

html.hidescroll #mybetscontent {
    -webkit-overflow-scrolling: auto
}

.back-arrow-bar {
    background-color: #000;
    height: 2.25em;
    position: relative
}

.back-arrow-bar .left-nav {
    position: absolute
}

.back-arrow-bar .go-back {
    text-align: center;
    width: 2em;
    height: 2em;
    display: inline-block
}

.back-arrow-bar .go-back .theme-left {
    font-size: .75em
}

.back-arrow-bar .go-back .theme-left:before {
    line-height: 2em
}

.back-arrow-bar .location-container {
    text-align: center;
    height: 100%
}

.back-arrow-bar .location-name {
    line-height: 2em
}

ms-promo-badge .badge {
    padding: .0625rem .1875rem 0;
    font-size: .625rem;
    line-height: .625rem;
    display: inline-block;
    border-radius: .1875rem !important
}

ms-promo-badge .badge .icon {
    padding-left: 0;
    padding-right: .1875rem;
    line-height: .625rem !important
}

ms-promo-badge .badge .title {
    font-weight: 700;
    position: relative;
    top: -.0625rem
}

.badges-wrapper ms-promo-badge {
    min-width: 1.75em;
    padding-left: 4px;
    overflow: hidden
}

.badges-wrapper ms-promo-badge .badge {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden
}

.badges-wrapper ms-promo-badge .badge .title {
    min-width: 0
}

.banner-esport {
    --esports-banner-radius: 4px;
    --esports-banner-title-size: 18px
}

.banner-content {
    background-color: #fff;
    padding: .8em .7em
}

.banner-widget {
    display: block
}

.banner-widget .banner-content {
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .banner-widget .banner-content {
    border-radius: .25rem;
    overflow: hidden
}

@media (max-width:599.98px) {
    .banner-widget.esport {
        margin-left: 8px;
        margin-right: 8px
    }
}

.lobby-top-banner>*,
.lobby-bottom-banner>*,
.lobby-middle-banner>* {
    margin-top: 1em;
    margin-bottom: 1em;
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .lobby-top-banner>*,
.card-content .lobby-bottom-banner>*,
.card-content .lobby-middle-banner>* {
    border-radius: .25rem;
    overflow: hidden
}

.lobby-top-banner.first>*,
.lobby-bottom-banner.first>*,
.lobby-middle-banner.first>* {
    margin-top: 0
}

.lobby-top-banner.last>*,
.lobby-bottom-banner.last>*,
.lobby-middle-banner.last>* {
    margin-bottom: 1em
}

.banner-link {
    display: block
}

.banner-link .banner-content,
.banner-link .banner-content .theme-right {
    align-items: center;
    display: flex
}

.banner-link .banner-content .banner-image,
.banner-link .banner-content .banner-theme-icon {
    margin-right: .9em
}

.banner-link .banner-content .banner-theme-icon:before {
    color: #fc0;
    font-size: 1.8em
}

.banner-link .banner-content .banner-info {
    flex-grow: 2;
    padding-right: .3em
}

.banner-link .banner-content .banner-info .banner-title {
    color: #707070;
    padding-bottom: 5px;
    font-size: .688em
}

.banner-link .banner-content .banner-info .banner-text {
    color: #333;
    font-size: .875em
}

.banner-link .banner-content .banner-theme-right {
    color: #707070;
    font-size: 13px
}

@media (hover:hover) and (pointer:fine) {
    .banner-link:hover {
        background: #fff
    }

    .banner-link:hover a {
        cursor: pointer;
        background: #adadad1f
    }
}

.banner-games {
    display: block
}

.banner-games .header {
    flex-grow: 1;
    display: flex
}

.banner-games .header .title {
    color: #000;
    flex-grow: 1
}

.banner-games .header .link {
    color: #707070;
    white-space: nowrap
}

.banner-games .header .link,
.banner-games .header .link .banner-theme-right {
    align-items: center;
    display: flex
}

.banner-games .header .link .banner-theme-right {
    margin-left: .3em;
    padding-top: .1em;
    font-size: .8em
}

@media (hover:hover) and (pointer:fine) {
    .banner-games .header .link a {
        cursor: pointer
    }
}

.banner-games .body .scrolling-wrapper {
    padding-top: .7em
}

.banner-games .body .scrolling-wrapper .scroll-adapter .scroll-adapter__container {
    margin-bottom: -2em;
    padding-bottom: 2em
}

.banner-games .body .scrolling-wrapper .scroll-adapter .scroll-adapter__container--scrollable-left:before,
.banner-games .body .scrolling-wrapper .scroll-adapter .scroll-adapter__container--scrollable-right:after,
.banner-games .body .scrolling-wrapper .scroll-adapter .scroll-adapter__arrow {
    font-size: 1.125em
}

.banner-games .body .scrolling-wrapper .scroll-adapter .scroll-adapter__arrow>span {
    color: #333;
    font-size: .8em
}

.banner-games .body .scrolling-wrapper :first-child {
    padding-left: 0 !important
}

.banner-games .body .scrolling-wrapper :last-child {
    padding-right: 0 !important
}

.banner-games .body .scrolling-wrapper .img-wrapper {
    padding: 0 .4em;
    display: inline-block
}

.banner-games .body .scrolling-wrapper .img-wrapper img {
    border-radius: 8%;
    width: 80px;
    height: 80px
}

@media (hover:hover) and (pointer:fine) {
    .banner-games .body .scrolling-wrapper .img-wrapper a {
        cursor: pointer
    }
}

.banner-games .body .scrolling-wrapper::-webkit-scrollbar {
    display: none
}

.banner-jackpot {
    display: block
}

.banner-jackpot.lobby-bottom-banner {
    margin-bottom: .8em
}

@media (hover:hover) and (pointer:fine) {
    .banner-jackpot a {
        cursor: pointer
    }
}

.banner-jackpot .banner-content {
    background-color: #000;
    background-size: 100%;
    min-height: 100px;
    padding: 0 0 0 12px;
    display: flex;
    position: relative;
    overflow: hidden
}

.banner-jackpot .banner-content .banner-background-image {
    position: absolute;
    inset: 0
}

.banner-jackpot .banner-content .banner-image {
    width: 86px;
    margin: 0 7px 0 15px
}

.banner-jackpot .banner-content .banner-image img {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.banner-jackpot .banner-content .banner-info {
    z-index: 1;
    flex-grow: 2;
    max-width: calc(100% - 108px)
}

.banner-jackpot .banner-title,
.banner-jackpot .banner-subtitle {
    font-size: .875em
}

.banner-jackpot .banner-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    padding-top: 12px;
    overflow: hidden
}

.banner-jackpot .banner-subtitle {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    color: #fc0;
    -webkit-box-orient: vertical;
    padding-top: 1px;
    display: -webkit-box;
    overflow: hidden
}

.banner-jackpot .banner-ticker {
    padding-top: 13px;
    padding-bottom: 14px;
    display: flex
}

.banner-jackpot .banner-ticker>div {
    flex-basis: 18px
}

.banner-jackpot .banner-ticker>div:not(:first-child) {
    margin-left: 3px
}

.banner-jackpot .banner-ticker>div.banner-tick-separator,
.banner-jackpot .banner-ticker>div.banner-tick-currency {
    color: #fff;
    flex-basis: 6px
}

.banner-jackpot .banner-ticker .banner-tick-separator div,
.banner-jackpot .banner-ticker .banner-tick-currency div {
    text-align: center;
    position: relative;
    top: 5px
}

.banner-tick {
    font-size: 1.1em
}

@media (max-width:320px) {
    .banner-tick {
        font-size: 5.5vw
    }
}

ms-banner-tick .banner-tick-wrapper {
    height: 22px;
    line-height: 22px;
    position: relative;
    overflow: hidden
}

ms-banner-tick .banner-tick {
    color: #000;
    text-align: center;
    background: linear-gradient(#ddd 0%, #ededed 20%, #fff 50%, #eee 51%, #fff 78%, #ddd 100%);
    border-radius: 2px;
    width: calc(100% - 3px);
    font-weight: 700;
    position: absolute;
    box-shadow: 0 -1px 5px #000000bf
}

ms-banner-tick .banner-tick.new-tick {
    z-index: 1
}

ms-banner-tick .banner-tick.old-tick {
    z-index: 2
}

ms-banner-tick .banner-tick:after {
    content: "";
    background-color: #0000001a;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0
}

@keyframes tick {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(110%)
    }
}

.animate {
    animation-name: tick;
    animation-duration: .5s;
    animation-fill-mode: forwards
}

.best-odds,
.best-odds-container ms-help-box-badge {
    color: #fff;
    background-color: #eb7e13;
    border-radius: 2px;
    font-weight: 700
}

.best-odds.bogNotPaidOut {
    background-color: #707070
}

.next-races .race-name .best-odds {
    background-color: #0000;
    margin-left: .2em
}

.next-races .race-name .best-odds span {
    color: #fff;
    background-color: #eb7e13;
    border-radius: 3px;
    padding: .2em .5em;
    font-size: .7em;
    font-weight: 700;
    display: inline
}

.horses-race-details .best-odds {
    border-radius: 3px;
    margin-bottom: .17em;
    margin-left: .5em;
    padding: .3em .5em;
    font-size: .6875em;
    display: inline-block
}

.horses-meeting-all .best-odds {
    border-radius: 3px;
    padding: .51em .5em;
    font-size: .785em;
    position: absolute;
    right: 2.36em
}

#mybets .best-odds {
    padding: 0 .5em .8em;
    font-size: .64em
}

#mybets .mybets-betslip-summary .best-odds {
    vertical-align: top;
    border-radius: 3px;
    padding: .2em .5em;
    font-size: .7em;
    position: relative;
    top: .3em;
    left: .3em
}

#mybets .mybets-betslip-info_right-section .best-odds {
    height: 1.7em;
    padding: .08em .4em;
    position: absolute;
    top: 2em;
    right: 0
}

.betslip .best-odds {
    margin-top: .4em;
    padding: .25em .3em 0;
    font-size: .563em;
    position: absolute
}

.betslip .result .succeeded .best-odds {
    right: 5.2em
}

.betslip .result .failed .best-odds {
    margin-top: .5em;
    right: 2em
}

.betslip .pick .best-odds {
    top: 3.1em;
    right: 3.9em
}

ms-best-odds-counter span {
    color: #adadad;
    padding: 1.2em .7em;
    font-size: .68em;
    position: absolute;
    top: 0;
    right: 0
}

.bet-column {
    --bet-column-bg: #000;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    display: block;
    position: relative;
    transform: translateZ(0);
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .bet-column {
    border-radius: .25rem;
    overflow: hidden
}

.menu-item .theme-mybets .badge.open-bets {
    font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    line-height: normal
}

.menu-item .theme-mybets .badge.open-bets.bets-99-plus {
    width: var(--betslip-open-bet-count-nintynine-plus-width);
    border-radius: 24px;
    padding: 2px 1px 1px 2px
}

.card-content .bet-column {
    overflow: visible
}

.card-content .bet-column #mybets .betslip-migration-info {
    left: unset;
    bottom: unset
}

.tab-bet-builder .betbuilder-button-and-help-group {
    box-shadow: 0 1px 4px #0003
}

.tab-bet-builder .betbuilder-button-and-help-group .betbuilder-button {
    padding: 12px
}

.tab-bet-builder .betbuilder-button-and-help-group .btn {
    justify-content: center;
    align-items: center;
    width: auto;
    height: 48px;
    font-family: inherit;
    font-size: 16px;
    display: flex
}

.card-content .tab-bet-builder {
    border-radius: 0 0 .25rem .25rem;
    overflow: hidden
}

.tab-bet-builder .betbuilder-custom-message {
    text-align: center;
    background: var(--theme-body-20);
    min-height: 36px;
    color: var(--color-black);
    justify-content: center;
    padding: 8px;
    font-size: 14px;
    display: flex;
    overflow: hidden
}

.tab-bet-builder .betbuilder-market-content {
    padding: 8px
}

.tab-bet-builder .betbuilder-market-title {
    background-color: var(--theme-body-10);
    color: var(--theme-body);
    border-radius: 5px 5px 0 0;
    align-items: center;
    height: 40px;
    padding: 12px;
    font-size: 14px;
    display: flex
}

.tab-bet-builder ms-bet-builder-market.betbuilder-market-card {
    padding: 16px 8px;
    display: block
}

.tab-bet-builder .betbuilder-card {
    box-shadow: inset 0 0 0 1px var(--theme-body-10);
    border-radius: 5px
}

.tab-bet-builder .betbuilder-market {
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    padding: 8px 16px
}

.tab-bet-builder .betbuilder-market .betbuilder-market-card {
    display: flex
}

.tab-bet-builder .betbuilder-market:not(:last-child) {
    margin-bottom: 8px
}

.tab-bet-builder .betbuilder-market .circle-overlay {
    color: #707070;
    background: #fff
}

.tab-bet-builder .betbuilder-market .legs {
    flex: auto;
    margin: auto
}

.tab-bet-builder .betbuilder-market .market-leg {
    padding-bottom: .4em;
    font-size: .87em
}

.tab-bet-builder .betbuilder-market .market-leg:last-child {
    padding-bottom: 0
}

.tab-bet-builder .betbuilder-market .betbuilder-option {
    margin: auto
}

.tab-bet-builder .betbuilder-market .betbuilder-option .grid-option {
    min-width: 50px
}

.tab-bet-builder .betbuilder-market .betbuilder-option .grid-option .grid-option-selectable>div {
    z-index: 0;
    padding: .3em
}

.tab-bet-builder .betbuilder-market .ambassador-image {
    flex: none;
    width: 4.5em;
    margin: auto .5em auto auto
}

.tab-bet-builder .betbuilder-market .ambassador-image .ambassador-name {
    color: #707070;
    text-align: center;
    font-size: 10px
}

.tab-bet-builder .betbuilder-market .ambassador-image img {
    width: 4.5em;
    height: auto;
    margin-bottom: .2em
}

.ogp-bet-builder-precreated .betbuilder-help-page {
    border-top: 0
}

.betbuilder-help-page {
    text-align: left;
    color: #333;
    border-top: 1px solid #d6d6d6;
    margin: 0 12px;
    padding-top: 12px;
    font-size: 14px
}

.betbuilder-help-page .help-page-title {
    padding-left: 0;
    font-weight: 700;
    display: inline-block
}

.betbuilder-help-page .help-page-toggle-icon {
    cursor: pointer;
    margin: 0 0 1px 3px;
    font-size: 16px;
    display: flex
}

.betbuilder-help-page .help-page-toggle-icon.theme-info-i:before {
    color: var(--color-black)
}

.betbuilder-help-page .help-page-heading {
    align-items: center;
    display: flex
}

.betbuilder-help-page .help-page-build-a-bet-info {
    padding: 6px 0 12px
}

.betbuilder-help-page .help-page-toggle-wrap {
    padding: 0 12px 12px
}

.betbuilder-help-page .help-page-link {
    margin-top: 12px;
    font-size: 12px
}

.betbuilder-help-page .help-page-link a {
    color: var(--theme-info);
    text-decoration: underline
}

.betbuilder-help-page .example-title {
    margin-bottom: 8px;
    font-size: 12px
}

.betbuilder-help-page .example {
    background-color: #eaeaea;
    border-radius: 4px;
    padding: 12px 20px;
    position: relative
}

.betbuilder-help-page .example .market-leg .circle-overlay {
    color: #707070;
    background-color: #eaeaea
}

.betbuilder-help-page .example .market-leg {
    padding-bottom: 20px
}

.betbuilder-help-page .example .market-leg:last-child {
    padding-bottom: 0
}

.betbuilder-help-page .example .market-leg:not(:last-child):after {
    transform: unset;
    border-left: 1px solid #707070;
    bottom: 4px;
    left: 8px
}

.betbuilder-help-page .example .market-leg .circle-overlay .theme-radio-off:before {
    font-size: 17px;
    font-weight: 400
}

.betbuilder-help-page .example .event-name {
    margin-top: 12px
}

.betbuilder-help-page .example .odds {
    font-weight: 700;
    position: absolute;
    top: 12px;
    right: 20px
}

.list-item .new-badge {
    color: #000;
    text-transform: uppercase;
    background-color: #fc0;
    margin-left: .3em;
    padding: 0 .2em .05em .3em;
    font-size: .8em;
    font-weight: 700
}

.betbuilder-grid-info-message {
    color: #333;
    background-color: #fff;
    align-items: center;
    min-height: 2rem;
    padding-left: .7rem;
    font-size: .75rem;
    display: flex
}

.betbuilder-grid-info-message .new-badge {
    text-transform: uppercase;
    margin-right: .7rem;
    padding: 1px;
    font-size: .75rem
}

@media (min-width:960px) {
    .betbuilder-grid-info-message .new-badge {
        margin-right: calc(.7rem - 3px)
    }
}

.betbuilder-event-list .grid-event-wrapper {
    height: unset;
    min-height: 67px
}

.betbuilder-event-list .grid-event-wrapper .grid-info-wrapper.has-all-markets {
    margin-top: 0
}

@media (min-width:960px) {
    .betbuilder-event-list .grid-event-wrapper .grid-group-container {
        max-width: 356px
    }
}

.market-groups-header {
    padding: 10px 5px;
    display: flex
}

.market-groups-header .market-tab {
    background: #eaeaea;
    border-radius: 16px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 12px;
    font-size: 12px;
    display: flex
}

.betbuilder-overlay.modal.modal-dialog-wrapper.modal-fit:not(.modal-dialog-in-column) {
    overflow-y: hidden
}

.betbuilder-overlay.modal.modal-dialog-wrapper.modal-fit:not(.modal-dialog-in-column) .modal-content {
    width: 30vw;
    height: 80vh;
    max-width: unset;
    padding-bottom: 65px
}

.betbuilder-overlay.modal.modal-dialog-wrapper.modal-fit:not(.modal-dialog-in-column) .modal-content ms-market-help {
    text-align: left
}

.betbuilder-overlay.modal-popup .header {
    border-bottom: 0
}

.betbuilder-overlay .modal-dialog-header-wrapper {
    height: 55px
}

.betbuilder-overlay .modal-dialog-header-wrapper .ogp-overlay-user-account-balance .text,
.betbuilder-overlay .modal-dialog-header-wrapper .ogp-overlay-user-account-balance .value {
    color: #63656a;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px
}

.betbuilder-overlay--header {
    background-color: #eaeaea;
    border-bottom: 0;
    justify-content: space-between;
    align-items: center;
    height: 55px;
    line-height: normal;
    display: flex
}

.betbuilder-overlay--header>div {
    text-align: left;
    width: calc(100% - 105px);
    margin-left: 16px
}

.betbuilder-overlay--header .title {
    display: flex
}

.betbuilder-overlay--header .subtitle {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 16px;
    font-family: var(--theme-font-family-base);
    color: #333;
    overflow: hidden
}

.betbuilder-overlay--header .subtitle span:nth-child(2) {
    margin: 0 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px
}

.betbuilder-overlay--header .betbuilder-theme-info {
    color: #999;
    margin-left: 4px;
    font-size: 16px
}

.betbuilder-overlay--header h4 {
    color: #050505;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px
}

.betbuilder-overlay--header-btn.btn {
    --btn-border-radius: 16px;
    color: #000;
    background: 0 0;
    border-color: #0003;
    min-width: fit-content;
    max-width: fit-content;
    font-size: 13px;
    line-height: 0
}

.betbuilder-overlay--header-btn.btn.close-overlay {
    margin-right: 16px
}

.betbuilder-overlay .option-group-list {
    flex-direction: column;
    display: flex
}

.betbuilder-overlay .modal-dialog .modal-content {
    border-radius: 6px 6px 0 0
}

.betbuilder-overlay .modal-dialog .modal-content ms-market-help {
    text-align: left
}

.betbuilder-overlay .ogp-bet-builder>.ng-scrollbar>.ng-scrollbar-wrapper {
    margin-bottom: 110px
}

@media (hover:hover) and (pointer:fine) {
    .betbuilder-overlay .ogp-bet-builder>.ng-scrollbar>.ng-scrollbar-wrapper {
        margin-bottom: 45px
    }
}

.betbuilder-overlay .ogp-bet-builder>.ng-scrollbar .ng-scroll-viewport {
    overscroll-behavior: none
}

.betbuilder-overlay .errors .list.list-card {
    display: none
}

.betbuilder-overlay-second-overlay .modal-dialog .modal-content {
    border-radius: 6px
}

.betbuilder-overlay-second-overlay .modal-dialog .modal-content .modal-body {
    overflow: auto
}

.betbuilder-overlay-second-overlay .header.default-header {
    color: #050505;
    font-size: 17px;
    font-weight: 600;
    line-height: normal
}

.betbuilder-overlay-second-overlay .betbuilder-help-page {
    border-top: unset
}

.betbuilder-overlay-second-overlay .betbuilder-help-page .example {
    background-color: #0000;
    border: 1px solid #dcdfe4;
    border-radius: 6px;
    padding: 8px 16px;
    position: relative
}

.betbuilder-overlay-second-overlay .betbuilder-help-page .example .event-name {
    display: none
}

.betbuilder-overlay-second-overlay .betbuilder-help-page .odds {
    background: 0 0;
    border: .4px solid #e5e5e5;
    border-radius: 6px;
    padding: 15px 10px;
    font-weight: 500;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    box-shadow: 0 2px 4px #0000000f
}

.betbuilder-overlay-second-overlay .betbuilder-help-page .market-leg .leg {
    color: #050505;
    max-width: 70%;
    font-family: Kanit;
    font-size: 14px
}

.betbuilder-overlay-second-overlay .betbuilder-help-page .market-leg .circle-overlay {
    color: #707070;
    background-color: #fff
}

.betbuilder-overlay-second-overlay .betbuilder-help-page .help-page-link a {
    font-family: Poppins;
    font-size: 11px
}

.betbuilder-overlay-second-overlay .betbuilder-help-page .help-page-build-a-bet-info {
    font-family: Poppins;
    font-size: 12px
}

.betbuilder-overlay-second-overlay .betbuilder-help-page .example-title {
    color: #050505;
    font-family: Poppins;
    font-size: 11px;
    font-weight: 500
}

.betbuilder-overlay-second-overlay:not(.embedded-help-page) .header.default-header {
    background-color: #e5e5e5;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: baseline;
    height: 43px;
    display: flex
}

.betbuilder-overlay-second-overlay:not(.embedded-help-page) .header-title {
    line-height: normal
}

.betbuilder-overlay-second-overlay:not(.embedded-help-page) .betbuilder-help-page .help-page-toggle-wrap {
    padding: 0 0 12px
}

.betbuilder-overlay-second-overlay:not(.embedded-help-page) .betbuilder-help-page .help-page-build-a-bet-info {
    color: #63656a
}

.betbuilder-overlay-second-overlay.embedded-help-page .modal-dialog .modal-content .header.default-header {
    line-height: unset;
    background-color: #0000;
    margin: 0 12px;
    padding-top: 20px
}

.betbuilder-overlay-second-overlay.embedded-help-page .modal-dialog .modal-content .header-title {
    padding: unset;
    background-color: #0000
}

.betbuilder-overlay-second-overlay.embedded-help-page .betbuilder-help-page {
    padding-top: unset
}

.betbuilder-overlay-second-overlay.embedded-help-page .betbuilder-help-page .help-page-toggle-wrap {
    padding: unset
}

.betbuilder-overlay-second-overlay.embedded-help-page .betbuilder-help-page .example {
    font-weight: 500
}

.betbuilder-overlay-second-overlay.embedded-help-page .betbuilder-help-page .help-page-link {
    margin-top: unset
}

.betbuilder-overlay-second-overlay.embedded-help-page .betbuilder-help-page .help-page-link a {
    font-size: 12px
}

.betbuilder-overlay-second-overlay.embedded-help-page .betbuilder-help-page .help-page-build-a-bet-info {
    color: #050505;
    line-height: 16px
}

.betbuilder-overlay-second-overlay.embedded-help-page .betbuilder-help-page .help-page-footer {
    text-align: center;
    border-radius: 0 0 6px 6px;
    flex-direction: column;
    gap: 12px;
    padding: 20px 0;
    display: flex
}

.betbuilder-overlay-second-overlay.embedded-help-page .betbuilder-help-page .help-page-buttons {
    gap: 12px;
    font-weight: 500;
    display: grid
}

.betbuilder-overlay-second-overlay.embedded-help-page .betbuilder-help-page .help-page-buttons a {
    display: inherit
}

.betbuilder-overlay .option-group-list .option-group-column:is(:first-child, :last-child) {
    padding: 0 .5em
}

.betbuilder-overlay-trigger {
    padding: var(--site-spacer-s)var(--site-spacer-m);
    background: #fff;
    border: 2px solid #00000012;
    border-radius: 5px;
    align-items: center;
    display: flex;
    box-shadow: 0 1px 1px #9595950f
}

.betbuilder-overlay-trigger .overlay-app-name {
    color: #000
}

.betbuilder-overlay-trigger .overlay-txt-content {
    flex-direction: column;
    padding: 0 .7rem;
    display: flex
}

.betbuilder-overlay-trigger .overlay-app-desc {
    color: var(--theme-body-40);
    font-size: .6875rem;
    line-height: normal
}

.betbuilder-overlay-trigger .btn.betbuilder-overlay-trigger--button {
    --btn-border-radius: 4px;
    --btn-font-size: 11px;
    color: #fff;
    background: #0009;
    border: 0;
    flex-shrink: 0;
    width: 100px;
    height: 34px;
    margin-left: auto
}

.option.selected {
    background-color: #fc0
}

.breadcrumb {
    background-color: #fff;
    line-height: 2.525em;
    display: flex;
    transform: translateZ(0)
}

.breadcrumb [class*=theme-]:before {
    font-family: themeicons !important
}

.slot-inner-navigation .breadcrumb {
    background-color: #fff;
    border-radius: .25rem;
    margin-bottom: 1em;
    box-shadow: 0 1px 3px 1px #0003
}

.event-details-page .slot-header .breadcrumb {
    z-index: 1;
    height: 2.25em;
    position: relative;
    line-height: 2.25em !important
}

.event-details-page .slot-header .breadcrumb .breadcrumb-back:after {
    height: 1.563em
}

.event-details-page .slot-header .breadcrumb .breadcrumb-back i {
    padding: 0
}

.event-details-page .slot-inner-navigation .breadcrumb {
    border-bottom: 0;
    height: 2.1em;
    line-height: 2.1em !important
}

.event-details-page .slot-inner-navigation .breadcrumb .breadcrumb-back:after {
    height: 20px
}

.event-details-page .slot-inner-navigation .breadcrumb .breadcrumb-back i {
    padding: .4em
}

.breadcrumb:before {
    left: 2.8275em
}

.breadcrumb.modal-breadcrumb {
    z-index: 5;
    background: #000;
    border-bottom: 0;
    align-items: center;
    width: 100%;
    height: 3.125em;
    padding: 9px 0;
    line-height: 2.75em;
    position: sticky;
    top: 0
}

html.header_top_items-login-duration-shown .breadcrumb.modal-breadcrumb {
    top: 0
}

.breadcrumb-items {
    -webkit-overflow-scrolling: touch;
    justify-content: left;
    width: 100%;
    padding-right: 3px;
    font-size: .875em;
    display: flex;
    overflow: auto hidden
}

.breadcrumb-items .breadcrumb-item {
    color: #707070;
    flex-shrink: 0;
    min-width: 4.1em
}

.breadcrumb-items .breadcrumb-item a {
    align-items: center;
    height: 100%;
    padding: 0 .75em;
    text-decoration: none;
    transition: none;
    display: flex
}

.breadcrumb-items .breadcrumb-item .sports-icon {
    color: #707070;
    padding: 0 .4em 0 0;
    font-size: 1rem
}

.breadcrumb-items .breadcrumb-item .sports-icon:not([class*=theme-]) {
    position: relative;
    top: -1px
}

@media (hover:hover) and (pointer:fine) {
    .breadcrumb-items .breadcrumb-item:hover {
        color: #333;
        font-weight: 400
    }

    .breadcrumb-items .breadcrumb-item:hover .sports-icon {
        color: #333
    }
}

.breadcrumb-items .breadcrumb-item:last-child {
    color: #333;
    font-weight: 700
}

.breadcrumb-items .breadcrumb-item:last-child .sports-icon {
    color: #333
}

.breadcrumb-items .breadcrumb-item .competition-logo-container {
    align-items: center;
    display: flex
}

.breadcrumb-items .breadcrumb-item .competition-logo-container .competition-logo {
    width: 1.375rem;
    height: 1.375rem;
    margin-right: .5rem
}

.breadcrumb-items .breadcrumb-item .competition-logo-container.right-image {
    order: 2;
    margin-left: .5rem;
    margin-right: 0
}

.breadcrumb-items::-webkit-scrollbar {
    display: none
}

.breadcrumb-items :not(.live-mobile) {
    justify-content: left
}

.breadcrumb-items .breadcrumb-item.live-calendar-mobile:nth-child(3) {
    margin-left: 12px
}

.live-calendar-mobile {
    margin-left: auto;
    margin-right: 16px;
    font-size: 12px;
    font-style: italic
}

.live-calendar-mobile .theme-right {
    position: absolute;
    right: 2px
}

.breadcrumb-back {
    flex-shrink: 0;
    align-items: center;
    display: flex;
    position: relative
}

.breadcrumb-back .breadcrumb-theme-left {
    padding: 0 8.16px
}

.breadcrumb-back:hover {
    cursor: pointer
}

.breadcrumb-back:not(.modal-back):after {
    content: "";
    background-color: #d6d6d6;
    width: 1px;
    height: 34px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.breadcrumb-back i {
    color: #333;
    margin-bottom: 0;
    padding: .6em;
    font-size: .85em
}

.breadcrumb-back i:before {
    position: relative;
    top: .1em
}

@media (hover:hover) and (pointer:fine) {
    .breadcrumb-back i:hover {
        background-color: #adadad1f;
        border-radius: 50%
    }
}

.breadcrumb-live {
    align-items: center;
    height: 100%;
    padding-left: 1.2em;
    padding-right: 1.2em;
    font-size: .625em;
    text-decoration: none;
    display: flex
}

.breadcrumb-live .live-label {
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    font-style: italic;
    font-weight: 700
}

.breadcrumb-live .live-count {
    color: #000;
    background: #fc0;
    border-radius: 1em;
    margin-left: .4rem;
    padding: .1em .5em;
    font-weight: 700;
    line-height: 1.25em
}

.breadcrumb-live .right-icon {
    color: #fff;
    margin-left: .2rem
}

.breadcrumb-live .right-icon vn-icon {
    display: flex
}

.slot-header .breadcrumb {
    background: #000;
    width: 100%;
    line-height: 3.5em
}

.slot-header .breadcrumb .breadcrumb-items {
    font-size: 1em
}

.slot-header .breadcrumb:after {
    background-color: #000;
    box-shadow: inset -10px 0 8px -3px #000
}

.slot-header .breadcrumb .breadcrumb-item,
.slot-header .breadcrumb .breadcrumb-item .sports-icon {
    color: #adadad
}

.slot-header .breadcrumb .breadcrumb-item:last-child,
.slot-header .breadcrumb .breadcrumb-item:last-child .sports-icon {
    color: #fff
}

.slot-header .breadcrumb .breadcrumb-item.live-mobile {
    color: #fff;
    font-weight: 700
}

.slot-header .breadcrumb .breadcrumb-item.live-mobile .sports-icon {
    color: #fff
}

.slot-header .breadcrumb .breadcrumb-item.live-calendar-mobile .sports-icon {
    font-size: 12px
}

.slot-header .breadcrumb .breadcrumb-back {
    text-align: center
}

.slot-header .breadcrumb .breadcrumb-back i {
    color: #fff
}

.slot-header .breadcrumb .breadcrumb-back:after {
    background-color: #333
}

#main-header .slot-header .breadcrumb .breadcrumb-item [class*=theme-],
.slot-header #main-header .breadcrumb .breadcrumb-item [class*=theme-] {
    color: unset;
    height: unset;
    line-height: unset;
    padding: 0 .4em 0 0
}

#main-header .slot-header .breadcrumb .breadcrumb-item [class*=theme-]:before,
.slot-header #main-header .breadcrumb .breadcrumb-item [class*=theme-]:before {
    font-size: 1.25em
}

#main-header .slot-header .breadcrumb .breadcrumb-back [class*=theme-],
.slot-header #main-header .breadcrumb .breadcrumb-back [class*=theme-] {
    color: #fff;
    height: 3.125em;
    vertical-align: unset;
    padding: 0 8.16px;
    line-height: 3.125em
}

#main-header .slot-header .breadcrumb .breadcrumb-back [class*=theme-]:before,
.slot-header #main-header .breadcrumb .breadcrumb-back [class*=theme-]:before {
    font-size: 1em;
    line-height: unset
}

#main-header .slot-header .breadcrumb .breadcrumb-live [class*=theme-],
.slot-header #main-header .breadcrumb .breadcrumb-live [class*=theme-] {
    height: unset;
    padding: 0;
    line-height: .75rem;
    display: block
}

#main-header .slot-header .breadcrumb .breadcrumb-live [class*=theme-]:before,
.slot-header #main-header .breadcrumb .breadcrumb-live [class*=theme-]:before {
    color: #fff;
    margin-left: .2rem;
    font-size: .75rem
}

.event-details-page .breadcrumb {
    border-bottom: 1px solid #fff3
}

.event-details-page .breadcrumb:after {
    content: none
}

.event-details-page .breadcrumb .breadcrumb-back:after {
    top: 52.5%
}

.event-details-page .breadcrumb .breadcrumb-items {
    padding: 0;
    font-size: .875em
}

.event-details-page .breadcrumb .breadcrumb-items:last-child {
    padding: 0
}

.event-details-page .breadcrumb .breadcrumb-items .breadcrumb-item {
    width: 100%
}

.event-details-page .breadcrumb .breadcrumb-items .breadcrumb-item:last-child {
    padding: 0;
    font-weight: 400
}

.event-details-page .breadcrumb .breadcrumb-items .breadcrumb-item .breadcrumb-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#main-header .event-details-page .breadcrumb .breadcrumb-back [class*=theme-],
.event-details-page #main-header .breadcrumb .breadcrumb-back [class*=theme-] {
    line-height: 1em
}

.card-option-group {
    height: 2.0625em;
    margin-left: .5em;
    display: flex;
    position: relative
}

.card-option-group.one-way-special {
    bottom: .5em
}

.card-option-group ms-event-pick,
.card-option-group ms-betbuilder-pick,
.card-option-group ms-betbuilder-group-pick {
    flex: 1;
    height: 2.0625em;
    margin-right: .5em;
    display: block;
    position: relative
}

.card-option-group ms-event-pick>div,
.card-option-group ms-betbuilder-pick>div,
.card-option-group ms-betbuilder-group-pick>div {
    z-index: 1;
    cursor: pointer;
    background-color: #f5f5f5;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    transform: translateZ(0);
    box-shadow: inset 0 0 0 1px #d6d6d6
}

.card-option-group ms-event-pick>div.selected,
.card-option-group ms-betbuilder-pick>div.selected,
.card-option-group ms-betbuilder-group-pick>div.selected {
    color: #333;
    background-color: #ffeda7;
    font-weight: 700;
    box-shadow: inset 0 0 0 1px #fc0
}

.card-option-group ms-event-pick>div.selected .card-result-name,
.card-option-group ms-betbuilder-pick>div.selected .card-result-name,
.card-option-group ms-betbuilder-group-pick>div.selected .card-result-name {
    color: #333;
    font-weight: 700
}

.card-option-group ms-event-pick>div.selected .card-result-name-with-img,
.card-option-group ms-betbuilder-pick>div.selected .card-result-name-with-img,
.card-option-group ms-betbuilder-group-pick>div.selected .card-result-name-with-img {
    color: #fff;
    font-weight: 700
}

@media (hover:hover) and (pointer:fine) {

    .card-option-group ms-event-pick>div:not(.offline):hover,
    .card-option-group ms-betbuilder-pick>div:not(.offline):hover,
    .card-option-group ms-betbuilder-group-pick>div:not(.offline):hover {
        background-color: #eaeaea
    }

    .card-option-group ms-event-pick>div:hover .card-result-name-with-img,
    .card-option-group ms-betbuilder-pick>div:hover .card-result-name-with-img,
    .card-option-group ms-betbuilder-group-pick>div:hover .card-result-name-with-img {
        color: #707070;
        font-weight: 700
    }

    .card-option-group ms-event-pick>div.selected:hover,
    .card-option-group ms-betbuilder-pick>div.selected:hover,
    .card-option-group ms-betbuilder-group-pick>div.selected:hover {
        background-color: #ffe374
    }

    .card-option-group ms-event-pick>div.selected:hover .card-result-name-with-img,
    .card-option-group ms-betbuilder-pick>div.selected:hover .card-result-name-with-img,
    .card-option-group ms-betbuilder-group-pick>div.selected:hover .card-result-name-with-img {
        color: #fff;
        font-weight: 700
    }
}

.card-option-group ms-event-pick>div.offline,
.card-option-group ms-betbuilder-pick>div.offline,
.card-option-group ms-betbuilder-group-pick>div.offline {
    box-shadow: inset 0 0 0 1px #eaeaea
}

.card-option-group ms-event-pick .result-locked,
.card-option-group ms-betbuilder-pick .result-locked,
.card-option-group ms-betbuilder-group-pick .result-locked {
    color: #7a7a7a;
    font-size: .8em
}

.card-option-group ms-event-pick .card-lock-right-align,
.card-option-group ms-betbuilder-pick .card-lock-right-align,
.card-option-group ms-betbuilder-group-pick .card-lock-right-align {
    margin-right: 14px
}

.card-option-group ms-event-pick .card-result-odds,
.card-option-group ms-betbuilder-pick .card-result-odds,
.card-option-group ms-betbuilder-group-pick .card-result-odds {
    z-index: 1;
    border: 1px solid #0000;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: .875em;
    display: flex;
    overflow: hidden
}

.card-option-group ms-event-pick .odds-right-align,
.card-option-group ms-betbuilder-pick .odds-right-align,
.card-option-group ms-betbuilder-group-pick .odds-right-align {
    width: 135%;
    margin-right: 2px
}

.card-option-group ms-event-pick .card-event-result-name,
.card-option-group ms-betbuilder-pick .card-event-result-name,
.card-option-group ms-betbuilder-group-pick .card-event-result-name {
    z-index: 2;
    color: #707070;
    text-transform: uppercase;
    width: 100%;
    font-size: .875em;
    font-weight: 300;
    display: block;
    transform: translateZ(0)
}

.card-option-group ms-event-pick .card-result-name-inner,
.card-option-group ms-betbuilder-pick .card-result-name-inner,
.card-option-group ms-betbuilder-group-pick .card-result-name-inner {
    vertical-align: top;
    height: 6px;
    padding: 0 5px;
    display: inline-block
}

.card-option-group ms-event-pick .card-result-name-text,
.card-option-group ms-betbuilder-pick .card-result-name-text,
.card-option-group ms-betbuilder-group-pick .card-result-name-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60px;
    overflow: hidden
}

.card-option-group ms-event-pick .card-result-name-text-alt,
.card-option-group ms-betbuilder-pick .card-result-name-text-alt,
.card-option-group ms-betbuilder-group-pick .card-result-name-text-alt {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 32px;
    overflow: hidden
}

.card-option-group .option-indicator.increased .option-value:after {
    top: 0;
    right: 0
}

.card-option-group .option-indicator.decreased .option-value:after {
    bottom: 0;
    right: 0
}

.card-scoreboard-host {
    min-width: 3.9em;
    display: block
}

.card-scoreboard-host .cell {
    white-space: nowrap;
    height: 1rem;
    line-height: 1rem;
    position: relative
}

.card-scoreboard-host .card-scoreboard {
    flex-flow: row;
    justify-content: flex-start;
    width: 100%;
    display: flex
}

.card-scoreboard-host .card-scoreboard>.pair_game {
    width: 3em
}

.card-scoreboard-host .card-scoreboard_stats {
    flex-flow: row;
    flex: 1 0;
    display: flex
}

.card-scoreboard-host .card-scoreboard_stats .cell {
    text-align: center
}

.card-scoreboard-host .card-scoreboard_stats .serving-dot:before {
    content: "";
    background: #e6a31b;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.card-scoreboard-host .card-scoreboard_stats .sports-stats {
    font-size: 12px
}

.card-scoreboard-host .card-scoreboard_stats-values {
    flex-flow: row;
    flex: 1 0;
    width: 80%;
    display: flex
}

.card-scoreboard-host .card-scoreboard_stats-values-pair {
    justify-content: space-around
}

.card-scoreboard-host .card-scoreboard_stats-values-pair__score-divider {
    height: 1rem;
    margin-top: -1px;
    padding: 0 3px;
    line-height: 1rem
}

.card-scoreboard-host .card-scoreboard_stats-values-set {
    justify-content: flex-start
}

.card-scoreboard-host .card-scoreboard_stats-values-set .cell {
    padding: 0 5px
}

.card-scoreboard-host .card-scoreboard_stats-column {
    flex-flow: column;
    justify-content: flex-start;
    display: flex
}

.card-scoreboard-host .card-scoreboard_stats-column-points {
    border-right: 1px solid #d6d6d6
}

.card-scoreboard-host .card-scoreboard_stats-column-points .cell {
    text-align: right
}

.card-scoreboard-host .card-scoreboard_stats-column-turn .cell {
    position: relative
}

.card-scoreboard-host .card-scoreboard_stats-expand {
    flex-flow: column;
    flex: 0;
    justify-content: space-around;
    align-items: flex-end;
    width: 20%;
    min-width: 1.3rem;
    display: flex
}

.card-scoreboard-host .card-scoreboard_stats-expand .sports-stats.active {
    color: #fc0
}

.card-scoreboard-host .card-scoreboard_players-name {
    text-overflow: ellipsis;
    padding-right: 4px;
    overflow: hidden
}

.cards {
    color: #333;
    background-color: #f5f5f5;
    padding: .4375em
}

.card {
    background-color: #fff;
    border-radius: .25rem .25rem 0 0;
    margin-top: .25em;
    padding: .6875em;
    font-weight: 300;
    box-shadow: 0 1px 3px 1px #0003
}

.card.ng-click-active,
.card[ng-click]:active {
    background: #eaeaea
}

.card+.card {
    margin-top: .6875em
}

.cards-headline {
    text-transform: uppercase;
    padding: .8462em 0 .8462em 2.3em;
    font-size: .8125em;
    position: relative
}

.cards-headline .icon {
    position: absolute;
    top: .8462em;
    left: .8462em
}

.cards-headline.bg {
    background: #f5f5f5
}

.card-list {
    color: #333;
    background-color: #fff;
    margin: 0 -.4375em -.4375em;
    box-shadow: 1.4px 0 1.4px #fffc
}

@media (min-width:1920px) {
    .product-sports.card-content .main-container {
        max-width: 1920px
    }
}

@media (max-width:599.98px) {
    html:not(.navigation-layout-open) .column-wrapper {
        padding-top: 1rem
    }
}

@media (min-width:600px) and (max-width:959.98px) {

    .card-content .column-left+.column,
    .card-content .column-center+.column,
    .card-content .column-right+.column {
        margin-left: -1em
    }

    .card-content .column-left {
        z-index: 3;
        width: 17em
    }

    .card-content .column-left .column-wrapper {
        padding: 1em
    }

    .card-content .column-center {
        z-index: 2
    }

    .card-content .column-center .column-wrapper {
        padding: 1em
    }

    .card-content .column-right {
        z-index: 1;
        width: 22em
    }

    .card-content .column-right .column-wrapper {
        padding: 1em
    }

    .card-content .column-right>.ng-scrollbar-wrapper>.scrollbar-control {
        right: 0 !important
    }

    .card-content:not(.content-left):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-left: 1em
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center>.ng-scrollbar-wrapper>.scrollbar-control {
        right: 0 !important
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-right: 1em
    }
}

@media (min-width:960px) and (max-width:1279.98px) {

    .card-content .column-left+.column,
    .card-content .column-center+.column,
    .card-content .column-right+.column {
        margin-left: -1em
    }

    .card-content .column-left {
        z-index: 3;
        width: 17.5em
    }

    .card-content .column-left .column-wrapper {
        padding: 1em 1em 1em 1.5em
    }

    .card-content .column-center {
        z-index: 2
    }

    .card-content .column-center .column-wrapper {
        padding: 1em
    }

    .card-content .column-right {
        z-index: 1;
        width: 22.5em
    }

    .card-content .column-right .column-wrapper {
        padding: 1em 1.5em 1em 1em
    }

    .card-content .column-right>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-left):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-left: 1.5em
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-right: 1.5em
    }
}

@media (min-width:1280px) and (max-width:1599.98px) {

    .card-content .column-left+.column,
    .card-content .column-center+.column,
    .card-content .column-right+.column {
        margin-left: -1em
    }

    .card-content .column-left {
        z-index: 3;
        width: 17.5em
    }

    .card-content .column-left .column-wrapper {
        padding: 1em 1em 1em 1.5em
    }

    .card-content .column-center {
        z-index: 2
    }

    .card-content .column-center .column-wrapper {
        padding: 1em
    }

    .card-content .column-right {
        z-index: 1;
        width: 24.375em
    }

    .card-content .column-right .column-wrapper {
        padding: 1em 1.5em 1em 1em
    }

    .card-content .column-right>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-left):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-left: 1.5em
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-right: 1.5em
    }
}

@media (min-width:1600px) and (max-width:1919.98px) {

    .card-content .column-left+.column,
    .card-content .column-center+.column,
    .card-content .column-right+.column {
        margin-left: -1em
    }

    .card-content .column-left {
        z-index: 3;
        width: 17.5em
    }

    .card-content .column-left .column-wrapper {
        padding: 1em 1em 1em 1.5em
    }

    .card-content .column-center {
        z-index: 2
    }

    .card-content .column-center .column-wrapper {
        padding: 1em
    }

    .card-content .column-right {
        z-index: 1;
        width: 25.9375em
    }

    .card-content .column-right .column-wrapper {
        padding: 1em 1.5em 1em 1em
    }

    .card-content .column-right>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-left):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-left: 1.5em
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-right: 1.5em
    }
}

@media (min-width:1920px) {

    .card-content .column-left+.column,
    .card-content .column-center+.column,
    .card-content .column-right+.column {
        margin-left: -1em
    }

    .card-content .column-left {
        z-index: 3;
        width: 17.5em
    }

    .card-content .column-left .column-wrapper {
        padding: 1em 1em 1em 1.5em
    }

    .card-content .column-center {
        z-index: 2
    }

    .card-content .column-center .column-wrapper {
        padding: 1em
    }

    .card-content .column-right {
        z-index: 1;
        width: 25.9375em
    }

    .card-content .column-right .column-wrapper {
        padding: 1em 1.5em 1em 1em
    }

    .card-content .column-right>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-left):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-left: 1.5em
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-right: 1.5em
    }
}

.swipe-actions {
    background-color: #f2f2f2;
    width: 16.66%;
    height: 100%;
    display: block;
    position: absolute;
    right: 100%
}

.ms-button {
    color: #333;
    text-transform: uppercase;
    background-color: #eaeaea;
    border: .143em solid #adadad;
    border-radius: .143em;
    padding: .643em 2.857em;
    font-size: .875em;
    font-weight: 700
}

.ms-button:disabled {
    opacity: .5
}

.ms-button:active {
    background-color: #adadad
}

.ms-button.primary {
    background-color: #fc0;
    border-color: #f6bd00
}

.ms-button.primary:active {
    background-color: #f6bd00
}

.ms-button.xl {
    padding: .743em 3.857em
}

@media (hover:hover) and (pointer:fine) {
    .ms-button:not(:disabled):hover {
        cursor: pointer;
        background-color: #a0a0a0
    }

    .ms-button.primary:not(:disabled):hover {
        cursor: pointer;
        background-color: #775b00
    }
}

.racing-toggle {
    white-space: nowrap;
    align-items: center;
    display: flex;
    overflow-x: auto
}

.racing-toggle-item {
    margin-left: .3em
}

.racing-toggle-item:first-child {
    margin-left: 0
}

.racing-toggle-item a,
.racing-toggle-item button,
.racing-toggle-item input[type=button] {
    text-align: center;
    text-transform: uppercase;
    color: #333;
    background-color: #fff;
    border: 0;
    border-radius: .188em;
    outline: none;
    padding: .5em .9em;
    font-size: 1em;
    font-weight: 400;
    font-stretch: 75%;
    text-decoration: none
}

.racing-toggle-item button:focus {
    outline: 0
}

.racing-toggle-item.selected a,
.racing-toggle-item.selected button,
.racing-toggle-item.selected input[type=button] {
    color: #333;
    background-color: #d6d6d6;
    font-weight: 700
}

ms-sub-navigation {
    --sub-nav-background: #fff
}

input[type=checkbox].ms-checkbox {
    pointer-events: all;
    opacity: 0
}

input[type=checkbox].ms-checkbox+label {
    color: #333;
    min-height: 1.5625em;
    margin-top: -1.25em;
    padding: 0 .719em;
    font-weight: 400;
    display: block;
    position: relative;
    overflow: visible;
    font-size: 1em !important
}

input[type=checkbox].ms-checkbox+label:before {
    content: "";
    text-align: center;
    color: #333;
    font-family: themeicons;
    font-size: 1.4em;
    line-height: 1;
    display: inline-block;
    position: absolute;
    left: 0
}

input[type=checkbox].ms-checkbox+label>* {
    font-size: .875em
}

input[type=checkbox].ms-checkbox:disabled+label {
    color: #eaeaea;
    opacity: .4
}

input[type=checkbox].ms-checkbox.filled:checked+label:before {
    content: "";
    color: #fc0;
    z-index: 1;
    background-color: #333;
    border-radius: 3px
}

input[type=checkbox].ms-checkbox.filled:checked+label:after {
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    margin-left: -.5em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%
}

.heading-bg {
    text-align: left;
    text-transform: uppercase;
    color: #707070;
    margin: 1rem .75rem .375rem;
    display: block;
    position: relative
}

.heading-bg:first-child {
    margin-top: 0
}

.heading-bg .title {
    text-overflow: ellipsis
}

.card-content .heading-bg {
    margin-left: 0;
    margin-right: 0
}

.ms-active-highlight {
    transition: background-color .3s step-end
}

@media (hover:hover) {
    .ms-active-highlight {
        transition: none
    }

    .ms-active-highlight:active {
        background-color: #eaeaea;
        transition: background-color step-start
    }
}

.coupon-list .list-item.active {
    background-color: #adadad1f
}

.coupon-list .list-item.active .title {
    font-weight: 700
}

@media (hover:hover) and (pointer:fine) {
    .coupon-list .list-item.active:hover {
        background-color: #adadad1f
    }
}

@media (max-width:1279.98px) {
    .coupon-list .grid-wrapper .grid-outer-title {
        display: none
    }
}

.component-loader {
    padding: var(--component-loader-padding, 1em);
    background: #fff;
    display: block
}

.component-loader div {
    height: var(--component-loader-height, 2em);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAF3klEQVRo3t2bXWgdRRSAv927SXpr89NSa2mlWltibLEoVnxILYJWQXzQByuCCj5UfLIg1AcRsc+CL76IUhDpk6+KWn/xDyFt0aI1VdKI9afaNv+J6U1yd3zYM81kMrPZu01u7ubAMHvv3uzut+fMmTNnTmBppB14CHgR+Ag4D1wGpoBp4DVWiDwOHAWGgVFgDJgA/rOAZ4CDGa8ZNBpkO3AI6AMGgEEBHhHgcQO4YgB/nhE2BErSrho+uoq/bQMOAM8IdAgoOafk4cxe5XjgwGoRUJWm6gn8APAKsMUCMoEXAvyyBlMOjM8R0CTDo0qON1irVl8GHjXMLTCOQ+O70DDD0GqvA89n1G7ouVcgwJdr0XYtGt4MvAHsBGK5qe6xtKxf5DDwLfAj8I1891WN5ozVm61JXupkVm1n1fAt4n3bMmg1BN4FPpCWVwLLQnxa1gxjWaCzAHcB74hjcpmZbmPAEeAt8dCLJSWxxDAFWHOMygyQG7gLeFs06xuzAfApcBj4Y4mmvgBoFhP2AZvDaCYPcCtwzIB1aXcceAH4uE5zfgSUF9C2knig6jMXnxwFNhmfleU8eoEngO/rGOTEor1mx/g24Vt83jv0XPgQ0Ck30E0Z/c/Ak8CfyxDZxeIv4hQH2iKWSRbgOyQmjq2pRrde4ClxEMslShxj1TFT6NYGrMpi0m/K+DUvruVX4Gl5w40gFYGKPNNk2VaMreEDwEaHKSv5w5caCFab96DBYpt4E7DWB9wKPOYYs7q9CvzSgEvSqkC7pssQ6DA5TeAHgTWGRk3tngDea+B1+KQsJkJHi0wHZgLvd5ix/ny4AMmHix7gEFhnA++VsevS7vuSoml0mZFAyBWMNGtHrIH3OKYh/flIgVJMAylabrOBlcOkTxZEu1qmJYeWCrwduMah3Rj4sICJxHFPBNYElCPgNk9KRgFfFxB41Fo9mbImAraJNu2oqk/eVtGkKhHYase5cghc54iXY+AHiiuucRwALRGwy9CwKf8UGHiauWljvaRti5ibXjXHb1+BgScd41gBQeQZvytBQosrAFSahov+AszszBXoiPm7BqwQ2NBKTSmdFIsdsCvBvG0NzzNpZWlXraAxfEXDoWM5qI+3Fhi2lfk56wAIQ5J9H1fgsb7AwGXcyb2REPgXdyp2R4GB13oWEJUQ6HeYdAzcIKuooolO6bgSARMhcNqzNFTA7gICb8C92xgAwyHwm6yKXPmsvQUEvt7jsKrAuHbdPR5P3QVcWzBntR73TsQlc67q8eSzYuDhAgF3erQbAH+bwMeBCx7oPQWZolaLo3XlsyrAEMzfW9rlgd5CUqvRyHKXJ8uhszfDpoYhKSOa8IzlTuC+BobdLr7GZcozwF/6hyUrSzAF3Ip7m3SrTGGjDQbbAdyJf6/7DEm+Ghw/OkayZWEXmCnxgM9K3yjSDHRL76r5mJRpF5eGtZyTi7i0vEpCzhMsUC1TJ9h7mbvTb6dme0jqPFOBL8ngv8njwFpJ6rZOLiN0M7CP2b3fwAF91tauDxjgJ+B2eXuuGspWOd9H/TfI1wH3k9SN+dbsI8B3rhNpVTzHJbRs8kCXSXYtpoHf6wS7E7hb7u1KSSl5nk9wp55TgafFK++WFYgLugTcTLJ7cZakVGipFvT7JNRd6Jm/sMdtVmBkCjKhfSmgDonIOpgt918s0G7gHpLqBFfqSX+eIik6H86S6MqyAjkoXlp50kJm3y9OrTcHfIs4zC6SwrjYcw+zr4gZD2XN7GVdiTwnD7EQtPn9efGWQ8xu39jjb4M4yM0St7vAfLADJKWPU7WkMmuRR8SZqRTwWo/z9qdlrs0spRzAZ8RBbWNupZvt0PBoM+1YZTw3BnxGjjKqUk5nMshsZfsm4zo+h1LLOZXSV4BTJOXKufauF+N/gsok9ZndRjCQZWyrjGau6ypPiUanruZhF/ufoHZI2Nkl3rYWQPt4UoZOvytEbBRgUzYCN0rfLkmENMBzoskLJGXJF5fiof4HoBtVGbakqZoAAAAASUVORK5CYII=) 50%/1.5em 1.5em no-repeat;
    animation-name: loadingspinnerrotate;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.postbet-signposting {
    word-break: break-all;
    white-space: normal;
    margin-bottom: -10px;
    margin-right: -8px;
    line-height: 1
}

.postbet-signposting .postbet-signposting-title {
    color: #707070;
    margin-bottom: 8px;
    margin-right: 8px;
    font-size: 12px;
    display: inline-block;
    position: relative;
    top: 1px
}

.postbet-signposting .postbet-signposting-banner {
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 4px;
    font-weight: 700;
    display: inline-block
}

.postbet-signposting .postbet-signposting-banner.badge-cash {
    background: var(--theme-promo-freebet)
}

.postbet-signposting .postbet-signposting-banner.badge-bonus {
    background: var(--theme-promo)
}

.postbet-signposting .postbet-signposting-banner.badge-free-spin {
    background: var(--theme-promo-free-spins)
}

.postbet-signposting .postbet-signposting-banner.badge-golden-chip {
    background: var(--theme-promo-goldenchips)
}

.postbet-signposting .postbet-signposting-banner.badge-freebet {
    background: var(--theme-promo-freebet)
}

.postbet-signposting .postbet-signposting-banner.badge-free-ticket,
.postbet-signposting .postbet-signposting-banner.badge-tournament-token,
.postbet-signposting .postbet-signposting-banner.badge-bingo-ticket {
    background: var(--theme-promo-freetickets)
}

.postbet-signposting .postbet-signposting-banner.badge-risk-free {
    background: var(--theme-promo-backup-bet)
}

.postbet-signposting .postbet-signposting-banner.badge-odds-boost {
    background: var(--theme-promo-odds-boost)
}

.postbet-signposting .postbet-signposting__icon-container {
    align-items: center;
    font-size: .875em;
    display: table-cell
}

.signposting-reward-tokens-card {
    display: table-row
}

.signposting-reward-tokens-card__icon {
    vertical-align: middle;
    display: table-cell
}

.signposting-reward-tokens-card__icon--freebet:before,
.signposting-reward-tokens-card__icon--oddsboost:before,
.signposting-reward-tokens-card__icon--riskfree:before,
.signposting-reward-tokens-card__icon--cash:before,
.signposting-reward-tokens-card__icon--bonus:before {
    color: #fff;
    background: var(--theme-success);
    border-radius: 3px;
    margin: 8px 8px 8px 0;
    padding: 2px;
    font-size: 16px
}

.postbet-signposting .postbet-signposting-info-reward {
    display: table-row
}

.postbet-signposting .postbet-signposting-info-reward__description {
    vertical-align: bottom;
    word-break: break-word;
    padding-bottom: 8px;
    display: table-cell
}

.postbet-signposting .postbet-signposting-info-reward__award-title {
    color: var(--theme-success);
    font-size: 14px;
    line-height: 1.5
}

.postbet-signposting .postbet-signposting-info-reward__award-description {
    font-size: 12px;
    line-height: 1.5
}

.promotion-simple-badge.badge {
    border-radius: .1875rem;
    width: 13px;
    height: 13px;
    padding-top: 2px;
    padding-left: 2px;
    font-size: .625rem;
    position: absolute;
    top: 2px;
    left: 2px
}

.promotion-simple-badge.badge .icon {
    position: relative;
    top: -1px
}

ms-crm-promotion-container {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    height: 8.254rem;
    margin-top: 1em;
    margin-left: 1em;
    margin-right: 1em;
    display: inline-block;
    position: relative
}

ms-crm-promotion-container.show-card-shadow ms-crm-promotion-banner {
    box-shadow: 0 1px 3px 1px #0003
}

.promo-container-widget ms-crm-promotion-container {
    margin: 0;
    display: block
}

ms-promotion-badge .badge {
    text-transform: uppercase;
    padding: .125rem .1875rem 0;
    font-size: .625rem;
    line-height: .625rem;
    display: inline-block;
    border-radius: .1875rem !important
}

ms-promotion-badge .badge.badge-info {
    background-color: #1284e0
}

ms-promotion-badge .badge .icon {
    padding-left: 0;
    display: inline-flex;
    color: #fff !important;
    margin-right: 0 !important;
    padding-right: .1875rem !important;
    line-height: .625rem !important
}

ms-promotion-badge .badge .title {
    color: #fff;
    font-weight: 700;
    position: relative;
    top: -2px;
    display: initial !important
}

ms-promotion-badge span {
    margin-left: 0 !important
}

ms-promotion-badge.no-title {
    padding-top: 0;
    padding-left: 0;
    position: absolute;
    top: .1rem;
    left: .1rem
}

ms-promotion-badge.no-title .badge {
    padding: .0625rem .0875rem 0 .11rem
}

ms-promotion-badge.no-title .icon {
    padding-right: .03rem !important
}

ms-promotion-badge.no-title .title {
    display: none !important
}

.badges-wrapper {
    display: flex
}

.badges-wrapper .region-title,
.badges-wrapper .additional-info {
    flex-shrink: 0;
    max-width: calc(100% - 20px)
}

.badges-wrapper ms-promotion-badge {
    min-width: 1.75em;
    margin-top: 1px;
    padding-left: 4px;
    position: relative;
    top: 1px;
    overflow: hidden
}

.badges-wrapper ms-promotion-badge .badge {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden
}

.badges-wrapper ms-promotion-badge .badge .title {
    min-width: 0
}

.competition-tree .item-level-2>.list-item ms-promotion-badge {
    padding-left: 0
}

.horses-race-details ms-promotion-badge {
    top: -.05rem;
    left: .3rem
}

ms-horses-race-details ms-crm-promotion-container {
    margin: 0 0 1rem
}

ms-crm-promotion-status-button .btn,
ms-crm-promotion-status-button .offer-button.danger {
    cursor: pointer
}

ms-crm-promotion-status-button .error-icon {
    color: var(--theme-danger)
}

.modal-content ms-crm-promotion-status-button .btn {
    height: 48px;
    font-size: 16px
}

.modal-content ms-crm-promotion-status-button .offer-button {
    height: 32px;
    font-size: 14px
}

ms-crm-promotion-banner {
    z-index: 0;
    color: #fff;
    cursor: pointer;
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative
}

ms-crm-promotion-banner ms-crm-promotion-status-button div {
    margin-right: 12px
}

ms-crm-promotion-banner ms-crm-promotion-status-button .offer-button.info,
ms-crm-promotion-banner ms-crm-promotion-status-button .offer-button.success {
    cursor: pointer
}

ms-crm-promotion-banner ms-crm-promotion-status-button .info-icon {
    color: var(--theme-info)
}

ms-crm-promotion-banner .banner-wrapper {
    border-radius: 4px;
    height: 100%;
    margin: auto;
    position: relative;
    overflow: hidden
}

ms-crm-promotion-banner ms-promotion-badge {
    z-index: 3;
    position: relative;
    top: 8px;
    left: 12px
}

ms-crm-promotion-banner .titles {
    max-width: 464px;
    height: 44px;
    position: relative;
    top: 16px;
    overflow: hidden
}

ms-crm-promotion-banner .headline {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    color: #fc0;
    text-transform: inherit;
    font-weight: 700;
    font-style: inherit;
    font-family: var(--theme-font-family-tertiary, var(--theme-font-family-base));
    font-weight: inherit;
    line-height: inherit;
    z-index: 3;
    -webkit-box-orient: vertical;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 1.125rem;
    display: -webkit-box;
    position: relative;
    overflow: hidden
}

ms-crm-promotion-banner .subline {
    z-index: 3;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: inherit;
    font-weight: inherit;
    font-size: 12px;
    font-style: inherit;
    font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    margin-top: 2px;
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
    overflow: hidden
}

ms-crm-promotion-banner .subline p {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    overflow: hidden
}

ms-crm-promotion-banner .info-panel {
    z-index: 3;
    margin-top: 12px;
    margin-left: 12px;
    display: flex;
    position: absolute;
    top: 70px
}

ms-crm-promotion-banner .btn {
    border-radius: 5px;
    height: auto;
    font-size: 14px;
    line-height: 17px;
    width: auto !important
}

ms-crm-promotion-banner .more-info {
    margin-top: 9px;
    font-size: 12px
}

ms-crm-promotion-banner .more-info.with-link {
    cursor: pointer
}

ms-crm-promotion-banner.overlay-active .crm-promo-marquee-overlay {
    z-index: 2;
    opacity: .5;
    background: #000;
    border-radius: .25rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

ms-crm-promotion-banner .hero-image {
    z-index: 1;
    width: auto;
    height: 8.254em;
    position: absolute;
    right: 0
}

ms-story-promotion {
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0
}

ms-story-promotion .more-info {
    cursor: pointer;
    font-size: 12px
}

ms-crm-promotion-banner .terms,
ms-story-promotion .terms {
    text-overflow: ellipsis;
    -webkit-line-clamp: 20;
    z-index: 3;
    color: #adadad;
    text-align: center;
    background-color: #00000080;
    border-radius: 0 0 .25rem .25rem;
    -webkit-box-orient: vertical;
    width: 100%;
    padding: 2px 12px;
    font-size: 7px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    overflow: hidden !important
}

ms-crm-promotion-banner .terms p,
ms-story-promotion .terms p {
    font-size: unset;
    white-space: normal;
    margin: 0
}

@media (min-width:1600px) {
    ms-crm-promotion-container.single.height-increase-allowed {
        height: 190px
    }

    ms-crm-promotion-container.single.height-increase-allowed .banner-wrapper {
        height: 190px;
        margin: auto;
        position: relative
    }

    ms-crm-promotion-container.single.height-increase-allowed ms-promotion-badge {
        top: 23px;
        left: 1.5rem
    }

    ms-crm-promotion-container.single.height-increase-allowed ms-promotion-badge .badge {
        height: 18px;
        padding-top: 4px
    }

    ms-crm-promotion-container.single.height-increase-allowed .hero-image {
        height: 190px
    }

    ms-crm-promotion-container.single.height-increase-allowed .titles {
        width: 600px;
        max-width: 600px;
        height: 69px;
        top: 32px
    }

    ms-crm-promotion-container.single.height-increase-allowed .headline {
        font-size: 28px;
        font-family: var(--theme-font-family-tertiary, var(--theme-font-family-base));
        text-transform: inherit;
        line-height: inherit;
        font-weight: inherit;
        margin-left: 1.5rem
    }

    ms-crm-promotion-container.single.height-increase-allowed .subline {
        font-size: 18px;
        font-weight: inherit;
        font-style: inherit;
        text-transform: inherit;
        font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
        margin-left: 1.5rem
    }

    ms-crm-promotion-container.single.height-increase-allowed .info-panel {
        margin-left: 1.5rem;
        top: 114px
    }

    ms-crm-promotion-container.single.height-increase-allowed .btn {
        height: 40px;
        line-height: 28px
    }

    ms-crm-promotion-container.single.height-increase-allowed ms-crm-promotion-status-button {
        margin-right: 20px
    }

    ms-crm-promotion-container.single.height-increase-allowed .more-info {
        margin-top: 14px
    }

    ms-crm-promotion-container.single.height-increase-allowed .terms {
        margin-left: 0;
        margin-right: 0;
        padding-left: 32px;
        padding-right: 32px;
        font-size: 9px
    }
}

.large-dynamic-banner .headline {
    font-size: 28px;
    font-family: var(--theme-font-family-tertiary, var(--theme-font-family-base));
    text-transform: inherit;
    line-height: inherit;
    font-weight: inherit
}

.large-dynamic-banner .subline {
    font-size: 18px;
    font-weight: inherit;
    font-style: inherit;
    text-transform: inherit;
    font-family: var(--theme-font-family-secondary, var(--theme-font-family-base))
}

.large-dynamic-banner .titles {
    width: 600px;
    max-width: 600px;
    height: 67px
}

.large-dynamic-banner .terms {
    margin-left: 0;
    margin-right: 0;
    padding-left: 32px;
    padding-right: 32px;
    font-size: 9px
}

.large-dynamic-banner .btn {
    height: 40px;
    line-height: 28px
}

.large-dynamic-banner .more-info {
    margin-top: 14px
}

.large-dynamic-banner ms-promotion-badge .badge {
    height: 18px;
    padding-top: 4px
}

ms-sport-overview ms-crm-promotion-container {
    margin: 0 0 1em
}

@media (max-width:599.98px) {
    ms-sport-overview-main {
        margin-left: .4375em;
        margin-right: .4375em
    }
}

ms-modal-window.crm-promotion-more-info .modal-dialog {
    text-align: left !important
}

ms-modal-window.crm-promotion-more-info .header {
    background: #191919 !important
}

ms-modal-window.crm-promotion-more-info .header-title {
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #191919;
    overflow: hidden;
    color: #fff !important
}

ms-modal-window.crm-promotion-more-info .close {
    color: #707070 !important;
    top: .2rem !important
}

ms-modal-window.crm-promotion-more-info ms-modal-dialog {
    width: 100%;
    height: 100%;
    display: block
}

ms-crm-promotion-banner-more-info {
    width: 100%;
    height: 28.6rem;
    display: block;
    overflow: auto
}

ms-crm-promotion-banner-more-info .image {
    width: 21.9375rem;
    height: 8.25rem;
    margin-top: 0;
    display: inline-block;
    position: relative;
    left: 0
}

ms-crm-promotion-banner-more-info .image img {
    object-fit: cover;
    object-position: center
}

ms-crm-promotion-banner-more-info .hero-image {
    width: auto;
    height: 8.25rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

ms-crm-promotion-banner-more-info .description {
    margin: .8rem 1rem 1rem;
    font-size: 14px
}

ms-crm-promotion-banner-more-info .description p {
    font-size: 14px
}

ms-crm-promotion-banner-more-info .description ul {
    margin-left: 1.5rem
}

ms-crm-promotion-banner-more-info .btn,
ms-crm-promotion-banner-more-info .offer-button {
    margin-left: 1rem;
    margin-right: 1rem;
    display: block;
    width: auto !important
}

ms-crm-promotion-banner-more-info .bcms-toggle-tnc {
    padding-bottom: .5em
}

ms-crm-promotion-banner-more-info .bcms-toggle-tnc-details {
    padding: 1rem .5rem 0 1rem
}

ms-crm-promotion-banner-more-info .toggle-tnc-icon {
    padding-top: 0
}

ms-crm-promotion-banner-more-info .tnc-visible .toggle-tnc-icon {
    transform: rotateX(-180deg)
}

@media (min-width:960px) {
    ms-crm-promotion-banner-more-info {
        height: 31.4375rem
    }

    ms-crm-promotion-banner-more-info .image {
        width: 34.5rem;
        height: 8.25rem;
        margin-top: 1.5em;
        left: 1.5rem
    }

    ms-crm-promotion-banner-more-info .description {
        margin: 1rem 1.5rem 1.5rem
    }

    ms-crm-promotion-banner-more-info .btn,
    ms-crm-promotion-banner-more-info .offer-button {
        display: inline-block;
        width: auto !important
    }

    ms-crm-promotion-banner-more-info .status-button {
        margin-left: .5rem
    }
}

.landscape ms-crm-promotion-banner-more-info {
    height: 100%;
    padding-bottom: 2rem
}

ms-promotion-simple-badge {
    color: #1284e0;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(.8)
}

.event-list ms-crm-promotion-container {
    margin: 0 0 1em
}

#deposit-details img {
    max-width: 15em;
    max-height: 9.5em;
    margin: 0 auto;
    padding: 1em 0
}

#deposit-details .slideindicator {
    background-color: #fff;
    padding-bottom: .5em
}

#deposit-details .slideindicator .indicator {
    background-color: #d6d6d6
}

#deposit-details .slideindicator .indicator.active {
    background-color: #707070
}

#deposit-details .item {
    -webkit-overflow-scrolling: touch;
    padding: 2em 0 1.4em
}

#deposit-details .item #introContent {
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: .5em 0;
    display: flex
}

#deposit-details .item #introContent .description {
    text-align: left;
    margin-left: 1.2em;
    margin-right: 1.2em;
    padding: .9em .7em;
    font-size: .9em
}

#deposit-details .item #introContent .description.description-background {
    background: #eaeaea
}

#deposit-details .item #introContent .description.empty {
    padding: 0
}

#deposit-details h1 {
    margin: 0;
    padding: 0 .5em;
    font-size: 1.6em;
    font-weight: 700
}

#deposit-details h2 {
    color: #f6bd00;
    margin: 0;
    padding: .5em;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.3em
}

#deposit-details h2.empty {
    padding: 0
}

#deposit-details .btn {
    width: 85%;
    height: 2.66667rem;
    margin-top: 1.8em;
    margin-bottom: .5em;
    padding-left: .625px;
    padding-right: .625px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2em
}

@media only screen and (max-width:320px) {
    #deposit-details #introContent {
        padding-top: .5em
    }
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:1) {
    #deposit-details h1 {
        font-size: 1.7em
    }

    #deposit-details h2 {
        font-size: 1.2em
    }
}

.errors {
    background: #eaeaea
}

.card-content .errors {
    border-radius: .25rem
}

.errors .error {
    padding: .45em .5em .45em 2.75em;
    font-size: .8em;
    position: relative
}

.errors .error span {
    color: #000
}

.errors .error .login-link {
    color: #1284e0;
    font-weight: 700
}

.errors .error i:before {
    position: absolute;
    top: .55em;
    left: 1em
}

.critical-error {
    overflow: hidden
}

#critical-error {
    color: #fff;
    z-index: 9999;
    text-align: center;
    background-color: #000;
    padding-top: 4em;
    font-size: 1em;
    position: fixed;
    inset: 0
}

#critical-error .error-header {
    padding-bottom: 3em;
    font-size: 1.8em
}

#critical-error .error-text {
    color: #fc0;
    border: .1em solid #fc0;
    margin: 1em auto;
    padding: .45em 1em;
    font-size: 1.7em
}

#critical-error .error-text.ng-click-active,
#critical-error .error-text[ng-click]:active {
    opacity: .5
}

.event-details-left-menu {
    color: #333;
    margin-bottom: 1em;
    display: block;
    transform: translateZ(0)
}

.prematch-nav .nav-tree {
    margin-bottom: 1em;
    display: block
}

.prematch-nav .nav-tree .sport {
    overflow: visible
}

.prematch-nav .nav-tree .sport .header-item:first-child .icon {
    padding-left: .85em;
    padding-right: .5em
}

.prematch-nav .nav-tree .sport .header-item .base-icon {
    padding-bottom: 4px
}

.prematch-nav .nav-tree .sport .header-item .title span:not([item-title]) {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.prematch-nav .nav-tree .sport .header-item .toggle-markets .sport-icon {
    margin-top: .15em;
    margin-right: .25em
}

.prematch-nav .nav-tree .sport>.header-item .title span:not([item-title]) {
    vertical-align: middle;
    max-width: 90%;
    display: inline-block
}

.prematch-nav .nav-tree .sport:not(.collapsible) .header-item:first-child {
    cursor: default
}

.prematch-nav .nav-tree .league {
    position: relative
}

.prematch-nav .nav-tree .league .favourites {
    z-index: 1;
    background-color: #0000;
    position: absolute;
    top: .5em;
    left: .75em
}

.prematch-nav .nav-tree .league .favourites .favourite:not(.disabled) {
    cursor: pointer
}

.prematch-nav .nav-tree .league .header-item a {
    padding-left: 1.1em
}

.prematch-nav .nav-tree .league .tree-event-loading {
    height: 3.1rem
}

.prematch-nav .nav-tree .combi-league {
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2em;
    overflow: hidden
}

.prematch-nav .nav-tree .combi-league.combi-league-name {
    color: #333;
    text-transform: capitalize;
    max-height: 2.2em;
    white-space: initial;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: .25rem;
    font-size: .875em;
    display: -webkit-box;
    overflow: hidden
}

.prematch-nav .nav-tree .combi-league.combi-league-option,
.prematch-nav .nav-tree .combi-league.tree-event-info {
    padding-top: 0
}

.nav-tree .country-icon {
    vertical-align: middle;
    border: none;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    top: 0
}

.nav-tree .sport {
    background: #fff;
    margin-bottom: .5rem;
    box-shadow: 0 1px 3px 1px #0003;
    overflow: visible !important
}

.card-content .nav-tree .sport {
    border-radius: .25rem;
    overflow: hidden
}

.nav-tree .sport .header-item {
    font-size: 14px
}

@media (hover:hover) and (pointer:fine) {
    .nav-tree .sport .header-item:hover {
        background-color: #adadad1f
    }
}

.nav-tree .sport>.header-item:first-child {
    border-radius: .25rem
}

.nav-tree .sport>.header-item:first-child .title {
    font-weight: 700
}

.nav-tree .sport>.header-item:first-child.item-expanded {
    border-radius: .25rem .25rem 0 0
}

.nav-tree .sport.markets-visible .event-item {
    border-bottom: thin solid #707070bf
}

.nav-tree .sport:not(.markets-visible) .event-item {
    border-bottom: thin solid #d6d6d6
}

.nav-tree .sport>div>ms-tree-item:last-child .event-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.nav-tree .sport>div>ms-tree-item:last-child .event-item:last-child .tree-event {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.nav-tree .sport>div>ms-tree-item:last-child .event-item:last-child ms-tree-market {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    overflow: hidden
}

.nav-tree .sport>div>ms-tree-item:last-child .league .header-item {
    border-bottom: 0;
    border-radius: 0 0 .25rem .25rem
}

.nav-tree .sport ms-tree-item:first-child .league .header-item {
    border-top: thin solid #d6d6d6
}

.nav-tree .header-item {
    color: #333;
    cursor: pointer
}

.nav-tree .header-item a>div {
    padding-right: .75rem
}

.nav-tree .header-item .icon {
    margin-top: 0;
    padding-right: .5rem
}

.nav-tree .header-item .title {
    padding-top: 0;
    padding-right: .56rem
}

.nav-tree .header-item .title>span:not(item-title) {
    display: inline
}

.nav-tree .header-item .title [item-title] {
    float: right
}

.nav-tree .header-item.item-expanded .theme-right:before {
    transform: rotate(-90deg)
}

.nav-tree .header-item:not(.item-expanded) .theme-right:before {
    transition: transform .5s;
    transform: rotate(90deg)
}

.nav-tree .header-item .count {
    font-size: .75rem
}

.nav-tree .header-item .arrow {
    flex-shrink: 0;
    flex-basis: auto
}

.nav-tree .toggle-markets {
    align-items: center;
    height: 1rem;
    font-size: .813rem;
    display: flex
}

.nav-tree .toggle-markets .tree-toggle-icon {
    fill: #333;
    display: inline-flex
}

.nav-tree .league .header-item {
    color: #191919;
    background: #eaeaea
}

.nav-tree .league .header-item:not(.item-expanded):not(.item-loading) {
    border-bottom: thin solid #d6d6d6
}

.nav-tree .league .header-item .icon .base-icon {
    display: flex
}

.nav-tree .league .header-item .title {
    text-transform: uppercase;
    padding-right: .3rem;
    font-size: .9em;
    display: flex
}

.nav-tree .league .header-item .title ms-inline-tooltip {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block
}

.nav-tree .league .header-item .title span:not([item-title]) {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden
}

.nav-tree .league .header-item.item-selected .title {
    font-weight: 700
}

.nav-tree .league .header-item a {
    min-height: unset;
    height: 32px
}

@media (hover:hover) and (pointer:fine) {
    .nav-tree .league .header-item:hover {
        background: #f7f7f7
    }
}

.nav-tree .league .us-logo.header-item .title ms-inline-tooltip {
    max-width: 80%
}

.nav-tree .theme-right:before {
    font-size: .75rem;
    transform: rotate(90deg)
}

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

    to {
        background-position: 468px 0
    }
}

.nav-tree .tree-loading-wrapper {
    background: #fff;
    border-top: thin solid #d6d6d6;
    padding: 5px
}

.nav-tree .tree-event-loading {
    background: linear-gradient(90deg, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%) 0 0/800px 104px;
    height: 5.6875rem;
    animation-name: treeEventLoadingAnimation;
    animation-duration: 1.75s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    position: relative
}

.nav-tree .tree-event-loading:not(:last-child) {
    margin-bottom: 5px
}

.nav-tree ms-tree-item:last-child ms-tree-event:last-child .with-markets .tree-market {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    overflow: hidden
}

.nav-tree ms-tree-item:last-child ms-tree-event:last-child .with-favourite .tree-event-wrapper {
    border-bottom-right-radius: .25rem
}

.nav-tree ms-tree-item:last-child ms-tree-event:last-child .with-favourite:not(:hover) .tree-event-wrapper {
    border-bottom-left-radius: .25rem
}

.event-item.selected .tree-event {
    border-left: 4px solid #fc0
}

.event-item.selected .tree-event .with-favourite.expanded .tree-event-wrapper {
    transform: translate(-20px)
}

@media (hover:hover) and (pointer:fine) {
    .event-item.selected .tree-event .with-favourite:not(.expanded) .tree-event-wrapper:hover {
        transform: translate(-20px)
    }

    .event-item.selected .tree-event .with-favourite:not(.expanded) .tree-event-wrapper:hover .favourite-details {
        margin-right: 7px;
        padding-right: 7px
    }
}

.event-item.selected ms-tree-event-name {
    font-weight: 700
}

.event-item .tree-event {
    background-color: #fff
}

.tree-events {
    position: relative
}

.tree-market {
    border-top: thin solid #d6d6d6
}

.tree-market.ishighlighted,
.tree-market.one-market {
    border-top: 0
}

.tree-market.one-market {
    padding-bottom: 3px
}

.tree-market.ishighlighted .market-options-wrapper {
    padding-top: .4em;
    padding-bottom: .5em
}

.tree-market.lockedmarket.general,
.tree-market.lockedmarket li {
    background: #eaeaea
}

.tree-market.lockedmarket li {
    border-left: 1px solid #fff
}

.tree-market.lockedmarket li:first-child {
    border-left: 0
}

.tree-market .result-locked,
.tree-market .offline {
    cursor: default;
    font-size: 14px
}

.tree-market .market-options {
    opacity: 1;
    width: 100%;
    height: 1.875rem;
    display: table
}

.tree-market .market-options .locked-markets {
    text-align: center
}

.tree-market .result {
    text-align: center;
    cursor: pointer;
    border-left: thin solid #d6d6d6;
    min-width: 4em;
    line-height: 1.1;
    display: table-cell;
    position: relative
}

.tree-market .result:first-child {
    border-left: 0
}

.tree-market .result .selected {
    background-color: #ffcc004d
}

.tree-market .result .selected .result-odds {
    color: #333
}

.tree-market .result .selected .title {
    color: #707070
}

.tree-market .result .result-locked,
.tree-market .result .offline .result-odds,
.tree-market .result .offline .result-name {
    display: none
}

.tree-market .result .offline .result-locked {
    display: inline-block;
    position: relative;
    top: -.3rem
}

.tree-market .result>div {
    height: 1.875rem;
    padding-top: .7rem;
    position: relative
}

@media (hover:hover) and (pointer:fine) {
    .tree-market .result>div:hover {
        background-color: #adadad1f
    }

    .tree-market .result .selected:hover {
        background-color: #fc06
    }
}

.tree-market .result.result-disabled {
    background-color: #eaeaea
}

.tree-market .result:first-child>div {
    margin-left: 0
}

.tree-market .result-name {
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 6;
    width: 100%;
    padding: 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4em;
    position: absolute;
    top: .1em;
    left: 0;
    overflow: hidden
}

.tree-market .result-name .title {
    color: #707070;
    text-overflow: ellipsis;
    padding: 0 .4em;
    display: block;
    overflow: hidden
}

.tree-market .result-odds {
    color: #333;
    font-size: 13px;
    font-weight: 400;
    position: relative
}

.tree-market .mainmarket {
    background-color: #fff;
    border-bottom-right-radius: .25em;
    border-bottom-left-radius: .25em;
    height: auto;
    position: relative
}

.tree-market .mainmarket.variable-height {
    height: auto !important
}

.tree-market .no-markets,
.tree-market .locked-markets {
    vertical-align: middle;
    text-align: center;
    display: table-cell
}

.tree-market .no-markets>span {
    vertical-align: middle;
    font-size: .8em
}

.extended-options-list .market-options:not(:last-child) .result {
    border-bottom: thin solid #d6d6d6
}

.extended-options-list .show-more {
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.875rem
}

.extended-options-list .show-more i {
    margin-left: .7em
}

.extended-options-list .theme-right.expanded:before {
    transform: rotate(-90deg)translate(-1px)
}

.extended-options-list .theme-right.collapsed:before {
    transform: rotate(90deg)translate(1px)
}

.tree-event {
    color: #333;
    z-index: 0;
    display: block;
    position: relative
}

.tree-event .favourite-details {
    display: none
}

.tree-event-wrapper {
    border-left: 1px solid #fff;
    border-right: 0;
    align-items: center;
    width: 100%;
    height: auto;
    max-height: 3.8125rem;
    padding: .4rem .75rem .2rem;
    display: flex
}

.tree-event-wrapper,
.tree-event-wrapper:focus,
.tree-event-wrapper:hover,
.tree-event-wrapper:active,
.tree-event-wrapper:visited {
    text-decoration: none
}

.tree-event-wrapper .grid-scoreboard {
    margin-right: 0
}

.tree-event-wrapper .grid-scoreboard .pair-game,
.tree-event-wrapper .grid-scoreboard .period-game,
.tree-event-wrapper .grid-scoreboard .set-game,
.tree-event-wrapper .grid-scoreboard .formula-one,
.tree-event-wrapper .grid-scoreboard .baseball,
.tree-event-wrapper .grid-scoreboard .snooker,
.tree-event-wrapper .grid-scoreboard .penalty-shootout {
    padding-top: .2em;
    padding-bottom: .2em
}

.tree-event-wrapper .grid-scoreboard .column {
    height: 3.125rem
}

@media (hover:hover) and (pointer:fine) {
    .tree-event-wrapper:hover {
        background-color: #adadad1f
    }
}

.with-favourite.expanded .tree-event-wrapper,
.with-favourite:not(.expanded) .tree-event-wrapper:hover {
    background-color: #fff;
    border-left: 1px solid #eaeaea;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    width: 256px;
    padding-left: 5px;
    transform: translate(-16px)
}

.with-favourite.expanded .tree-event-wrapper .favourite-details,
.with-favourite:not(.expanded) .tree-event-wrapper:hover .favourite-details {
    border-right: 1px solid #eaeaea;
    align-items: center;
    height: 2.11806rem;
    margin-right: 5px;
    padding-right: 5px;
    font-size: .75em;
    display: flex
}

.tree-event-detail {
    width: 100%;
    min-width: 0;
    margin-right: .5em
}

.tree-event-info {
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: .2em;
    font-size: .625em;
    display: flex;
    overflow: hidden
}

.tree-event-info .favourite {
    margin-right: 5px
}

.tree-event-info>[class*=-icon] {
    margin-right: .2em
}

.tree-event-info .bet-builder-icon {
    color: #fff;
    text-transform: uppercase;
    background-color: #eb7e13;
    border-radius: .1875rem;
    margin-left: .4em;
    padding: .03rem .1875rem 0;
    font-size: .625rem;
    font-weight: 700;
    display: inline
}

.tree-event-info .video-icon {
    color: #adadad;
    padding-right: 2px;
    font-size: .925em;
    display: block
}

.tree-event-info .video-icon.video-badge-b-icon {
    line-height: inherit
}

.tree-event-info .live-icon {
    color: #ff3b30;
    margin-right: .3em;
    padding-right: 2px;
    font-size: 1.05em
}

.tree-event-info .video-icon.video-icon-live {
    color: #e6a31b
}

.tree-event-info .tree-event-timer {
    color: #707070
}

.tree-event-info .tree-event-timer b {
    color: #ff3b30;
    font-weight: 400
}

.tree-event-info .live-lap {
    display: flex
}

.tree-event-info .laps {
    color: #7a7a7a;
    align-items: center;
    height: .8125rem;
    margin-bottom: 1px;
    margin-left: 2px;
    display: flex
}

.tree-event-info .laps .lap-weather-divider {
    background-color: #d5d5d5;
    border-left: .0625em solid #d6d6d6;
    margin: 0 .375em
}

.tree-event-info ms-promotion-badge {
    margin-top: -.1em;
    padding-left: 4px;
    overflow: hidden
}

.tree-event-info ms-promotion-badge .badge {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden
}

.tree-event-name .participant,
.tree-event-name .tournament,
.tree-event-name .combi-league {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .875em;
    overflow: hidden
}

.tree-event-name .participant-country {
    padding-left: .5em;
    font-size: .786em;
    font-weight: 300
}

.tree-event-name .participants-tournament-game {
    flex-direction: column;
    justify-content: center;
    max-height: 2.5rem;
    padding-bottom: .25rem;
    display: flex
}

.tree-event-name .tournament {
    line-height: 1.2em
}

.tree-event-name .tournament:not(.tournament-leader):last-child {
    max-height: 2.2em;
    white-space: initial;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-word;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.tree-event-name .combi-league {
    color: #000;
    padding-right: 2em
}

.tree-event-name .combi-league.combi-league-name {
    text-transform: uppercase;
    margin-bottom: -.2em;
    padding-top: .25em;
    font-size: .7em
}

.tree-event-name .combi-league.combi-league-option {
    padding-top: .1em
}

.left-nav-event-name .participant-country {
    display: none
}

.sport-overview,
.sport-list-overview,
.sport-list-modal,
.product-menu-content,
.region-overview,
.region-list-overview,
.event-list {
    touch-action: pan-y !important
}

.sport-overview .list,
.sport-list-overview .list,
.sport-list-modal .list,
.product-menu-content .list,
.region-overview .list,
.region-list-overview .list,
.event-list .list {
    margin-bottom: 1em
}

.card-content .event-list .events .event {
    margin-left: 0;
    margin-right: 0
}

.event-list .fixture-list-header .grid-context+.tournament-groups,
.event-list .fixture-list-header.active+.swipe-container>.grid {
    border-top: 1px solid #eaeaea
}

.event-list .fixture-list-header .fixture-list-tabs {
    background: #fff;
    display: block
}

.event-list .fixture-list-header .grid-context {
    color: #333;
    background: #fff;
    align-items: center;
    height: 2.5rem;
    padding-left: .75rem;
    padding-right: .75rem;
    font-weight: 700;
    display: flex
}

.event-list .fixture-list-header .grid-context .favourite {
    padding-right: .5rem
}

.event-list .fixture-list-header .grid-context .league-heading-info {
    width: 95%;
    display: flex
}

.event-list .fixture-list-header:not(:empty)+div .grid .grid-title,
.event-list .fixture-list-header.calendar {
    display: none
}

@media (min-width:1280px) {
    .event-list .fixture-list-header.calendar {
        display: block
    }
}

.event-list .grid-wrapper .teams-tab-bar {
    box-shadow: none
}

.sport-title-mobile {
    width: 100%;
    display: none
}

.sort-selector-web {
    display: block
}

.calendar-info-wrapper .fixture-list-header:not(:empty)+div .grid .grid-title {
    justify-content: space-between;
    align-items: center;
    display: flex
}

@media (max-width:959.98px) {
    .calendar-info-wrapper .fixture-list-header:not(:empty)+div .grid .grid-title:not(.grid-market-pills) {
        display: none
    }

    .calendar-info-wrapper .fixture-list-header:not(:empty)+div .grid .grid-title.grid-market-pills {
        justify-content: unset
    }

    .calendar-info-wrapper .fixture-list-header:not(:empty)+div .grid-title.grid-market-pills+.grid-group-container {
        margin: 0 8px
    }
}

.calendar-info-wrapper .fixture-list-header.calendar .grid-context {
    display: none
}

.calendar-info-wrapper .fixture-list-header.active+.swipe-container>.grid {
    border-top: 0
}

.calendar-info-wrapper .grid-group-container .grid-title {
    display: none
}

@media (max-width:959.98px) {
    .calendar-info-wrapper ms-calendar-item-list .list.row {
        margin-bottom: 0
    }

    .calendar-info-wrapper .grid-wrapper {
        box-shadow: none
    }

    .calendar-info-wrapper .sort-selector-title {
        font-size: 16px
    }
}

.calendar-info-wrapper .errors {
    background: #fff;
    box-shadow: 0 1px 3px 1px #0003
}

@media (max-width:959.98px) {
    .calendar-info-wrapper .errors {
        margin-top: 1em
    }
}

.calendar-info-wrapper ms-error .list.list-card {
    display: none
}

@media (max-width:959.98px) {
    .calendar-info-wrapper .sport-title-mobile {
        align-items: center;
        display: flex
    }
}

.calendar-info-wrapper .sport-title-mobile .sport-name {
    margin-left: 8px
}

@media (max-width:959.98px) {
    .calendar-info-wrapper .sort-selector-web {
        display: none
    }
}

@media (min-width:1280px) {
    .calendar-info-wrapper .grid-event-info .grid-event-timer {
        display: none
    }
}

.calendar-info-wrapper .sort-filter {
    display: none
}

@media (max-width:1279.98px) {
    .calendar-info-wrapper .sort-filter {
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 50px;
        padding: 0 .7em;
        display: flex
    }

    .calendar-info-wrapper .sort-filter .filter-button {
        color: #707070;
        float: right;
        text-align: right;
        font-size: 16px
    }

    .calendar-info-wrapper .sort-filter .filter-button span {
        height: 16px;
        padding: 3px;
        line-height: 16px
    }

    .calendar-info-wrapper .sort-filter .filter-button .theme-preferences {
        height: 16px
    }

    .calendar-info-wrapper .sort-filter .filter-button .theme-preferences:before {
        height: 20px;
        transform: rotate(90deg)
    }

    .calendar-info-wrapper .sort-filter .sort-selector {
        padding-top: 0
    }
}

.calendar-info-wrapper .calender-tab-content {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    display: flex
}

.event-switcher-header {
    z-index: 3;
    color: #333;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    align-items: center;
    width: calc(100% - 16px);
    height: 40px;
    font-weight: 700;
    display: flex;
    position: absolute
}

.event-switcher-header .event-switcher-header-item {
    border-radius: inherit;
    width: 100%;
    padding-left: 12px
}

.event-switcher-header .close {
    color: var(--theme-body);
    padding: 0 12px
}

.event-switcher-toggle {
    border: 1px solid var(--theme-body-90);
    background-color: var(--theme-body);
    min-width: 0;
    max-width: 320px;
    line-height: initial;
    border-radius: 5px;
    flex-direction: row;
    flex-grow: 0;
    align-items: center;
    height: 32px;
    margin-left: 12px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    overflow: hidden
}

.event-switcher-toggle.expanded {
    background-color: var(--theme-body-bg);
    border-color: var(--theme-body-90)
}

.event-switcher-toggle.disabled {
    opacity: 1;
    color: var(--theme-body-bg);
    background-color: #0000;
    border: 0
}

.event-switcher-toggle .event-switcher-icons {
    color: var(--theme-body-bg);
    transition: transform .5s;
    display: inline-flex;
    transform: rotate(90deg)
}

.event-switcher-toggle .event-switcher-icons.expanded {
    color: var(--theme-body-90);
    transition: transform .5s;
    transform: rotate(-90deg)
}

.event-switcher-toggle .event-switcher-icons.disabled {
    display: none
}

.event-switcher-toggle .competition-logo-container {
    width: var(--site-spacer);
    height: var(--site-spacer);
    flex-shrink: 0;
    margin-right: 8px
}

.event-switcher-title {
    white-space: nowrap;
    font-family: var(--theme-font-family-base);
    color: var(--theme-body-bg);
    flex-shrink: 1;
    align-items: center;
    padding-right: 8px;
    display: flex;
    overflow: hidden
}

.event-switcher-title.expanded {
    color: var(--theme-body-90)
}

.event-switcher-title.disabled {
    color: #fff;
    opacity: 1
}

.event-switcher {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border-radius: 4px;
    max-height: calc(100% - 56px - 1em);
    margin: 0 8px 8px;
    display: block;
    overflow: auto
}

.event-switcher .tree-event {
    font-size: initial;
    line-height: initial;
    border-bottom: 1px solid #eaeaea
}

.event-switcher .nav-tree {
    margin-top: 40px;
    display: block
}

.event-switcher .sport {
    margin-bottom: 0;
    padding-top: 2.5rem
}

.event-switcher .sport>.header-item:first-child {
    display: none
}

.event-switcher .list-item .country-icon {
    top: 0
}

.event-switcher-title.text-overflows {
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.event-switcher-help {
    color: #fff;
    width: 100vw;
    margin-top: 65px;
    padding-top: 10px;
    display: flex;
    position: absolute;
    right: 0;
    overflow-y: hidden
}

.event-switcher-help .onboarding-tooltip:after {
    left: 80px
}

.event-details-page .slot-header .breadcrumb {
    align-items: center;
    height: 3.125em;
    padding: 9px 0
}

.device-touch.event-details-page .slot-header .breadcrumb-back .breadcrumb-theme-left {
    padding: 0 14px
}

.modal-backdrop.event-switcher-dialog,
.modal.event-switcher-dialog,
.authenticated .modal-backdrop.event-switcher-dialog,
.authenticated .modal.event-switcher-dialog {
    top: auto
}

.modal-backdrop.event-switcher-dialog {
    background-color: #000000b3
}

.modal.event-switcher-dialog .modal-content {
    background-color: initial;
    height: 100%
}

.modal.event-switcher-dialog .modal-dialog {
    text-align: initial;
    align-items: flex-start
}

.header-item.item-expanded .theme-right {
    display: none
}

html.isTablet .event-switcher {
    width: 359px;
    height: 639px;
    margin-left: 55px
}

html.isTablet .event-switcher-header {
    width: 359px
}

html.event-switcher-visible .slot-messages {
    display: none
}

.theme-locked-i,
.tree-item-locked,
.popular-bets-lock-icon,
.option-lock-icon,
.option-group-lock-icon {
    color: #707070
}

.live-badge,
.live-icon {
    color: #ff3b30;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700
}

.events {
    color: #333;
    background-color: #f5f5f5
}

.events .section {
    background-color: #f5f5f5;
    padding-bottom: .375em
}

.events .section-heading:first-child {
    margin-top: .5em
}

.events .section-heading span.title {
    text-align: center;
    font-size: 1.384em;
    display: block
}

.events.events-tournament .list-item a {
    height: initial
}

.events.events-tournament .grid,
.league-section.list {
    margin-bottom: 1em
}

.league-section .list-item .favourite {
    padding: .415em 0;
    transform: scale(1.25)
}

.league-section .country-icon {
    background-color: #0000;
    border: 0;
    width: 17px;
    height: 17px;
    margin: 0 1px 1px;
    display: block;
    transform: scale(1.25);
    box-shadow: 0 0 2px #00000040
}

.league-section .league-section-name {
    font-size: 1.2em;
    font-weight: 700
}

.league-section .league-section-participant {
    color: #707070;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .3em;
    font-size: .9em;
    display: block;
    overflow: hidden
}

.league-section .country {
    margin-bottom: -.2em;
    display: flex
}

.league-section .country .league-section-icon {
    flex: 0 0 17px
}

.league-section .country .league-section-name {
    flex-grow: 0;
    padding: 0 .5em
}

.league-section .multi-country .league-section-name {
    padding-top: .313em
}

.league-section .multi-country .league-section-participant {
    font-size: inherit;
    color: inherit;
    text-align: center;
    display: flex
}

.league-section .multi-country .league-section-participant .participant {
    flex-grow: 0;
    flex-shrink: 0;
    padding: .5em .9em 0 .1em
}

.expandable-list ul {
    border-radius: .188em;
    overflow: hidden;
    box-shadow: 0 .125em .375em #00000026
}

.expandable-list .list-item {
    border: .063em solid #eaeaea;
    border-top: 0;
    max-height: 2.375em
}

.expandable-list .list-item:first-child {
    border-top: .063em solid #eaeaea;
    border-top-left-radius: .188em;
    border-top-right-radius: .188em
}

.expandable-list .list-item:last-child {
    border-bottom-right-radius: .188em;
    border-bottom-left-radius: .188em
}

.expandable-list .list-item a {
    color: #333;
    align-items: center;
    height: 2.571em;
    padding-left: .688em;
    font-size: .875em;
    text-decoration: none;
    display: flex
}

.expandable-list .list-item .item-text {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2em;
    display: -webkit-box;
    overflow: hidden
}

.expandable-list .list-item.selected {
    background-color: #eaeaea;
    border: .063em solid #adadad;
    margin-top: -.063em
}

.expandable-list .list-item.selected:first-child {
    margin-top: 0
}

.expandable-list .show-more {
    position: relative
}

.expandable-list .show-more a {
    color: #adadad;
    font-size: .875em
}

.expandable-list .show-more .theme-down,
.expandable-list .show-more .theme-up {
    position: absolute;
    top: .438em;
    right: .625em
}

.expandable-list .show-more.disabled a,
.expandable-list .show-more.disabled .theme-down,
.expandable-list .show-more.disabled .theme-up {
    color: #eaeaea
}

.favourite:before {
    cursor: pointer;
    color: inherit;
    -webkit-text-fill-color: #0000;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #707070;
    text-fill-color: #0000;
    text-stroke-width: 1px;
    text-stroke-color: #707070
}

.favourite.selected:before {
    color: #fc0;
    -webkit-text-fill-color: #fc0;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #707070;
    text-fill-color: #fc0;
    text-stroke-width: 1px;
    text-stroke-color: #707070
}

.favourite.disabled {
    cursor: pointer;
    pointer-events: auto
}

.favourite.disabled:before {
    -webkit-text-fill-color: #c2c2c2;
    text-fill-color: #c2c2c2;
    -webkit-text-stroke-color: #c2c2c2;
    text-stroke-color: #c2c2c2
}

.favourites {
    color: #333;
    -webkit-overflow-scrolling: none;
    background-color: #fff
}

.favourites .favourites-item {
    border-bottom: 1px solid #eaeaea;
    justify-content: space-between;
    height: 3.125em;
    display: flex;
    overflow: hidden
}

@media (hover:hover) and (pointer:fine) {
    .favourites .favourites-item:hover {
        cursor: pointer;
        background: #adadad1f
    }
}

.favourites .favourites-item:last-child {
    border-bottom: 0
}

.favourites .favourites-item .live {
    color: #ff3b30
}

.favourites .favourites-item .favourites-left {
    height: 3.125em;
    margin-left: 12px;
    margin-right: .75em;
    line-height: normal;
    display: flex;
    overflow: hidden
}

.favourites .favourites-item .favourites-left .icon {
    padding-right: .4em;
    line-height: 3.125em
}

.favourites .favourites-item .favourites-left.no-info {
    line-height: 3.125em
}

.favourites .favourites-item .favourites-left.add-info .favourites-item-details .favourite-name {
    padding-top: .625em
}

.favourites .favourites-item .favourites-left .favourites-item-details {
    flex-direction: column;
    min-width: 0;
    display: flex
}

.favourites .favourites-item .favourites-left .favourites-item-details .favourite-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    display: block;
    overflow: hidden
}

.favourites .favourites-item .favourites-left .favourites-item-details .additional-info {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: unset;
    font-size: .8em;
    display: block;
    overflow: hidden
}

.favourites .favourites-item .favourites-left .competition-logo-container {
    align-items: center;
    display: flex
}

.favourites .favourites-item .favourites-left .competition-logo-container .competition-logo {
    width: 1.375em;
    position: relative;
    right: .2rem
}

.favourites .favourites-item .favourites-left .icon,
.favourites .favourites-item .favourites-left .competition-logo {
    margin-right: .15em
}

.favourites .favourites-item .favourites-left:not(.noOffers) .favourites-item-details {
    color: #333
}

.favourites .favourites-item .noOffers {
    opacity: .5
}

.favourites .favourites-item .favourites-right {
    height: 3.125em;
    display: flex;
    position: relative
}

.favourites .favourites-item .favourites-right .right-button .theme-ex {
    color: #333;
    padding: 1.2em 0 1.2em 1.2em;
    font-size: .875em;
    display: inline
}

.favourites .favourites-item .favourites-right .right-button .theme-ex:before {
    padding: 1.2em 1em 1.2em 0
}

.favourites .favourites-item .favourites-right .right-button .theme-right {
    color: #333;
    padding: 1.2em;
    display: none
}

.favourites .favourites-item .favourites-right .right-button .theme-right:before {
    padding: 1.2em 0
}

.favourites .favourites-item .favourites-right .favs-count {
    color: #707070;
    font-size: .875em;
    line-height: 3.57143
}

.favourites .favourites-item .favourites-right .right-offset {
    margin-right: 1em
}

.favourites .favourites-info {
    cursor: pointer
}

.favourites .badges-wrapper ms-inline-tooltip {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.favourites .badges-wrapper ms-promotion-badge {
    line-height: 1
}

.favourites .no-info ms-promotion-badge .badge {
    top: auto
}

.favourites-widget {
    width: 100%
}

.favourites-widget.favourites-responsive {
    flex-flow: wrap;
    display: flex
}

.favourites-widget.favourites-responsive .favourites-item {
    border-right: 1px solid #eaeaea
}

.favourites-widget .favourites {
    display: block
}

.favourites-widget .favourites .favourites-item {
    height: 2.5em
}

.favourites-widget .favourites .favourites-item .favourites-left {
    height: 2.5em;
    margin-left: 0;
    margin-right: .75em;
    padding-left: 12px
}

.favourites-widget .favourites .favourites-item .favourites-left .icon,
.favourites-widget .favourites .favourites-item .favourites-left.no-info {
    line-height: 2.5em
}

.favourites-widget .favourites .favourites-item .favourites-left.add-info .favourites-item-details .favourite-name {
    padding-top: .25em
}

.favourites-widget .favourites .favourites-item .favourites-left .favourites-item-details {
    padding-top: .125em
}

.favourites-widget .favourites .favourites-item .favourites-left .favourites-item-details .favourite-name {
    color: #333;
    font-size: .875em;
    font-weight: 400
}

.favourites-widget .favourites .favourites-item .favourites-left .favourites-item-details .additional-info {
    color: #707070;
    font-size: .688em
}

.favourites-widget .favourites .favourites-item .favourites-right {
    height: 2.5em
}

.favourites-widget .favourites .favourites-item .favourites-right .favs-count {
    font-size: .75em
}

.favourites-widget .favourites .favourites-item .favourites-right .right-button .theme-ex {
    color: #333;
    padding: 1.2em 0 1.2em 1.2em;
    font-size: .75em;
    display: none
}

.favourites-widget .favourites .favourites-item .favourites-right .right-button .theme-ex:before {
    padding: 1.2em 1em 1.2em 0
}

.favourites-widget .favourites .favourites-item .favourites-right .right-button .theme-right {
    color: #333;
    padding: 1.2em;
    font-size: .75em;
    display: inline
}

.favourites-widget .favourites .favourites-item .favourites-right .right-button .theme-right:before {
    padding: 1.2em 0
}

.favourites-widget .favourites .favourites-item:hover .favourites-right .theme-ex {
    display: inline
}

.favourites-widget .favourites .favourites-item:hover .favourites-right .theme-right:not(.all-favourites),
.favourites-widget .favourites .favourites-item .swipe-count-remove .theme-ex {
    display: none
}

.favourites-widget .favourites .favourites-item .swipe-count-remove .favs-count,
.favourites-widget .favourites .favourites-item:hover .swipe-count-remove .theme-ex {
    display: inline
}

.favourites-widget .favourites .favourites-item:hover .swipe-count-remove .favs-count,
.favourites-widget .favourites .favourites-info {
    display: none
}

.favourites-widget .favourites .badges-wrapper ms-promotion-badge {
    margin-top: -.1em
}

.favourites-wrapper {
    position: relative
}

.favourites-wrapper .grid-info-wrapper {
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    height: 67px;
    padding: .3rem .7rem
}

@media (hover:hover) and (pointer:fine) {
    .favourites-wrapper .grid-info-wrapper:hover {
        background: #adadad1f
    }
}

.favourites-wrapper .grid-info-wrapper .participants-pair-game,
.favourites-wrapper .grid-info-wrapper .participants-tournament-game,
.favourites-wrapper .grid-info-wrapper .participants-combi-game,
.favourites-wrapper .grid-info-wrapper .tree-event-info {
    padding-top: .3em
}

.favourites-wrapper .favourite:after {
    content: "";
    position: absolute;
    inset: 0
}

.favourites-wrapper .swipe-actions {
    border: 1px solid #eaeaea;
    border-width: 0 1px 1px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-left: .7rem;
    padding-right: .7rem;
    display: flex;
    top: 0;
    bottom: 0
}

.favourites-wrapper .swipe-actions .swipe-message {
    text-align: center;
    font-size: .5625em
}

.favourites-wrapper.favourites-last .swipe-actions,
.favourites-wrapper.favourites-last .grid-info-wrapper {
    border-bottom: 0
}

.favourites-page .favourites {
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .favourites-page .favourites {
    border-radius: .25rem;
    overflow: hidden
}

.favourites-page .favourites ms-promotion-badge .badge {
    top: 1.1em
}

.loader {
    background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 16px;
    height: 100%;
    margin-top: -2px
}

.grid-group-container {
    white-space: nowrap;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: auto;
    display: flex
}

.grid-header:has(.grid-dropdown-v2):not(:has(.grid-title)) .grid-group-container {
    display: none
}

:is(.event-list:has(.fixture-list-header:not(:empty)+div .grid .grid-title) .grid-header:has(.grid-dropdown-v2) .grid-group-container, .event-list:has(.fixture-list-header.calendar) .grid-header:has(.grid-dropdown-v2) .grid-group-container) {
    display: none
}

.betbuilder-event-list .grid-group-container.btn-cta-ogp {
    width: 168px
}

.grid-group-x1 .grid-group-container {
    width: 166px
}

.grid-group-x1 .correct-score-coupon .grid-group-container {
    width: 154px
}

@media (min-width:600px) {

    .base-count-x1 .event-group.six-pack-groups .grid-group,
    .base-count-x1 .event-group.six-pack-groups .grid-six-pack-event.grid-event .grid-event-header-wrapper .grid-group {
        width: 166px !important
    }

    .base-count-x1 .grid-header .grid-six-pack-header .group-selector {
        max-width: 166px !important
    }

    .base-count-x1 .grid-header .grid-six-pack-header .group-selector .select {
        width: 174px
    }

    .base-count-x1.grid-group-x1 .grid-six-pack-event.grid-event .grid-group {
        width: 50px !important
    }

    .base-count-x1.grid-group-x1 .grid-six-pack-event .grid-group-container {
        width: 166px
    }

    .base-count-x1.grid-group-x2 .grid-six-pack-event.grid-event .grid-group {
        width: 50px !important
    }

    .base-count-x1.grid-group-x2 .grid-six-pack-event .grid-group-container {
        width: 166px
    }

    .dropdown-popper .select.base-count-x1.six-pack {
        width: 174px;
        left: -6.3rem
    }

    .dropdown-popper .select.base-count-x3.six-pack {
        left: -3.5rem
    }
}

.grid-group-x2 .grid-group-container {
    width: 356px
}

.grid-group-x2 .correct-score-coupon .grid-group-container {
    width: 344px
}

@media (min-width:600px) {

    .base-count-x2 .event-group.six-pack-groups .grid-group,
    .base-count-x2 .event-group.six-pack-groups .grid-six-pack-event.grid-event .grid-event-header-wrapper .grid-group {
        width: 356px !important
    }

    .base-count-x2 .grid-header .grid-six-pack-header .group-selector {
        max-width: 356px !important
    }

    .base-count-x2 .grid-header .grid-six-pack-header .group-selector .select {
        width: 364px
    }

    .base-count-x2.grid-group-x1 .grid-six-pack-event.grid-event .grid-group {
        width: 113.333px !important
    }

    .base-count-x2.grid-group-x1 .grid-six-pack-event .grid-group-container {
        width: 356px
    }

    .base-count-x2.grid-group-x2 .grid-six-pack-event.grid-event .grid-group {
        width: 113.333px !important
    }

    .base-count-x2.grid-group-x2 .grid-six-pack-event .grid-group-container {
        width: 356px
    }

    .dropdown-popper .select.base-count-x2.six-pack {
        width: 364px;
        left: -6.3rem
    }

    .dropdown-popper .select.base-count-x3.six-pack {
        left: -3.5rem
    }
}

.grid-group-x3 .grid-group-container {
    width: 546px
}

.grid-group-x3 .correct-score-coupon .grid-group-container {
    width: 534px
}

@media (min-width:600px) {

    .base-count-x3 .event-group.six-pack-groups .grid-group,
    .base-count-x3 .event-group.six-pack-groups .grid-six-pack-event.grid-event .grid-event-header-wrapper .grid-group {
        width: 261px !important
    }

    .base-count-x3 .grid-header .grid-six-pack-header .group-selector {
        max-width: 261px !important
    }

    .base-count-x3 .grid-header .grid-six-pack-header .group-selector .select {
        width: 269px
    }

    .base-count-x3.grid-group-x1 .grid-six-pack-event.grid-event .grid-group {
        width: 81.6667px !important
    }

    .base-count-x3.grid-group-x1 .grid-six-pack-event .grid-group-container {
        width: 261px
    }

    .base-count-x3.grid-group-x2 .grid-six-pack-event.grid-event .grid-group {
        width: 81.6667px !important
    }

    .base-count-x3.grid-group-x2 .grid-six-pack-event .grid-group-container {
        width: 546px
    }

    .dropdown-popper .select.base-count-x3.six-pack {
        width: 269px;
        left: -3.5rem
    }
}

.grid-group-x4 .grid-group-container {
    width: 736px
}

.grid-group-x4 .correct-score-coupon .grid-group-container {
    width: 724px
}

@media (min-width:600px) {

    .base-count-x4 .event-group.six-pack-groups .grid-group,
    .base-count-x4 .event-group.six-pack-groups .grid-six-pack-event.grid-event .grid-event-header-wrapper .grid-group {
        width: 356px !important
    }

    .base-count-x4 .grid-header .grid-six-pack-header .group-selector {
        max-width: 356px !important
    }

    .base-count-x4 .grid-header .grid-six-pack-header .group-selector .select {
        width: 364px
    }

    .base-count-x4.grid-group-x1 .grid-six-pack-event.grid-event .grid-group {
        width: 113.333px !important
    }

    .base-count-x4.grid-group-x1 .grid-six-pack-event .grid-group-container {
        width: 356px
    }

    .base-count-x4.grid-group-x2 .grid-six-pack-event.grid-event .grid-group {
        width: 113.333px !important
    }

    .base-count-x4.grid-group-x2 .grid-six-pack-event .grid-group-container {
        width: 736px
    }

    .dropdown-popper .select.base-count-x4.six-pack {
        width: 364px;
        left: -6.3rem
    }

    .dropdown-popper .select.base-count-x3.six-pack {
        left: -3.5rem
    }
}

.grid-condensed .grid-group-container:not(.selector),
.grid-condensed .grid-group {
    width: 108px
}

.grid,
.grid-list {
    color: #333;
    background-color: #fff
}

.grid {
    flex-direction: column;
    margin-bottom: 1em;
    display: flex;
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .grid {
    border-radius: .25rem;
    overflow: hidden
}

.grid>ms-error .errors {
    border-top: 1px solid #eaeaea;
    border-radius: 0
}

.grid.grid-hide-favourite .favourite {
    display: none
}

.grid.grid-live-favourite .favourite {
    margin-right: -3px
}

.grid.grid-live-favourite .grid-event-info .favourite {
    display: none
}

.grid.grid-live-favourite .grid-header .grid-group-container,
.grid.grid-live-favourite .header-wrapper {
    padding-right: 1.75rem
}

.grid.bold-participant-names .participant,
.grid.bold-participant-names .participants-tournament-game,
.grid.bold-participant-names .leaderboard-game,
.grid.bold-participant-names .participants-combi-game {
    font-weight: 700
}

.grid .event-group {
    border-top: 0
}

.grid .event-group .coupon-active {
    position: relative
}

.grid-list {
    display: block
}

.grid-list .grid-list-header {
    border-top: 1px solid #eaeaea;
    align-items: center;
    height: 2.563em;
    padding-left: .7em;
    display: flex
}

.grid-group {
    width: 166px;
    height: 100%;
    min-height: 2em;
    color: var(--theme-body-70);
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 24px;
    display: flex
}

.grid-group:last-child {
    margin-right: 0
}

.grid-header {
    background-color: inherit;
    border-bottom: 1px solid #eaeaea;
    display: block
}

.grid-header .grid-group-container {
    align-items: center;
    height: 2.5em
}

.grid-header .grid-group-container.selector,
.grid-header .grid-group-container.group {
    justify-content: flex-end;
    width: 100%;
    padding-left: .7rem;
    padding-right: .7rem;
    display: flex
}

.grid-header .grid-group-container.group {
    color: #707070
}

.grid-header .grid-group-container .grid-title {
    margin-bottom: -1px
}

.grid-header .grid-group-container .grid-title.title {
    padding-left: 0
}

.grid-header .grid-group-container:empty {
    display: none
}

.grid-header .group-selector {
    white-space: nowrap;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 166px;
    height: 2.5em;
    margin-right: 24px;
    padding-top: .3em;
    padding-bottom: .3em;
    font-size: .875em
}

.grid-header .group-selector:last-child {
    margin-right: 0
}

.grid-header .grid-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 2.25em;
    padding-left: 1.3em;
    padding-right: .7rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.grid-header .grid-title .sport-icon,
.grid-header .grid-title .sport-name {
    font-size: 1em
}

.grid-header .grid-title .sport-icon {
    display: inline-flex;
    position: absolute;
    top: .55em;
    left: 0
}

.grid-header .grid-title .sport-name {
    font-weight: 700;
    line-height: 2.25em
}

.grid-header .grid-title.sport {
    border-bottom: 1px solid #eaeaea;
    padding-left: 2em
}

.grid-header .grid-title.sport .sport-icon {
    left: .7em
}

@media (max-width:599.98px) {
    .grid-header .grid-header .grid-title.sport:not(:empty) {
        display: flex
    }

    .grid-header .group-selector {
        text-align: left
    }

    .grid-header .grid-group-container.selector,
    .grid-header .grid-group-container.group {
        width: auto;
        min-width: 0;
        margin: 0 .7em;
        padding: 0
    }

    .grid-header .grid-group-container.group {
        margin-left: 0
    }

    .grid-header .grid-group-container.selector {
        border-bottom: 0;
        flex-grow: 1;
        flex-shrink: 1;
        justify-content: flex-end;
        margin-right: .5em
    }

    .grid-header .grid-group-container.selector .title {
        width: 100%
    }

    .grid-header .grid-group-container .grid-group-attribute {
        display: none
    }
}

@media (min-width:600px) {
    .grid-header .group-selector .title {
        text-align: left;
        width: 100%
    }

    .grid-header .group-selector .sport-icon {
        display: none
    }
}

.grid-header .grid-dropdown-v2 {
    background-color: var(--theme-body-bg);
    justify-content: end;
    align-items: center;
    gap: 24px;
    height: 44px;
    padding: 0 44px 0 16px;
    display: flex
}

.grid-header .grid-dropdown-v2 .group-selector {
    margin: 0
}

.grid-header .grid-dropdown-v2 .ms-dropdown .title {
    border: unset
}

.device-mobile .grid-header .grid-dropdown-v2 {
    padding: 0 12px 0 16px
}

.grid-header:empty {
    border-bottom: 0
}

.grid-wrapper {
    margin-bottom: 1em;
    display: block;
    overflow: hidden;
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .grid-wrapper {
    border-radius: .25rem;
    overflow: hidden
}

.grid-wrapper .grid {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0
}

.grid-wrapper .grid-outer-title {
    color: #333;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    align-items: center;
    height: 2.5rem;
    padding-left: .75rem;
    padding-right: 0;
    font-weight: 700;
    display: flex
}

.grid-wrapper .grid-outer-title.form-coupon-title {
    display: flex
}

.grid-wrapper .grid-footer {
    color: #333;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    height: 2.5rem;
    padding: .5rem .7rem;
    font-size: .875rem;
    line-height: 1.5rem;
    display: block
}

.grid-wrapper .grid-footer .list-item {
    margin: -.5rem -.7rem
}

.grid-wrapper .grid-footer .list-item .icon {
    padding-right: 0
}

.grid-wrapper .grid-footer .list-item .title {
    font-size: .875rem
}

@media (min-width:600px) {
    .grid-wrapper .grid-footer .list-item a {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .grid-wrapper .grid-footer .list-item a>* {
        width: unset;
        display: block
    }

    .grid-wrapper .grid-footer .list-item .arrow {
        padding-right: 0
    }
}

@media (hover:hover) and (pointer:fine) {
    .grid-wrapper .grid-footer .list-item:hover {
        background-color: #adadad1f
    }
}

.grid-footer-separator {
    height: 50vh
}

.grid-group-condensed .grid-group-container:not(.selector),
.grid-group-condensed .grid-group {
    width: 108px
}

.card-content .grid .errors,
.card-content .grid-wrapper .errors {
    border-radius: 0
}

@media (min-width:600px) {
    .card-content .grid {
        border-radius: 0 0 .25rem .25rem
    }
}

.league-heading-title {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-family: inherit;
    overflow: hidden
}

.grid-header .grid-title.grid-market-pills {
    border-bottom: 1px solid #eaeaea;
    align-items: center;
    height: 40px;
    padding-left: 12px;
    display: flex
}

.grid-header .grid-title.grid-market-pills .sport-icon {
    position: unset;
    margin-right: 8px;
    display: inline-flex
}

.grid-header .grid-group-container.grid-market-pills {
    justify-content: flex-start;
    margin: 0
}

.grid-header .grid-group-container.grid-market-pills+ms-inline-tooltip .tooltip-content {
    display: none
}

.grid-pills-tooltip-msg .tooltip-content {
    color: #fff;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    display: flex
}

.grid-pills-tooltip-msg .tooltip-content .theme-ex {
    margin: 4px 0 0 20px;
    font-size: 12px
}

.correct-score-coupon .odd-number-button,
.correct-score-compact-container .odd-number-button {
    box-sizing: border-box;
    border: 1px solid var(--theme-body-10);
    width: 1.5em;
    height: 1.5em;
    color: var(--theme-body);
    background: #fff;
    border-radius: 50%;
    padding: 1px 6px
}

.correct-score-coupon .odd-number-button:not(.odd-number-button-disabled):hover,
.correct-score-compact-container .odd-number-button:not(.odd-number-button-disabled):hover {
    border-color: var(--theme-body-10);
    background-color: #adadad1f
}

.correct-score-coupon .odd-number-button-disabled,
.correct-score-compact-container .odd-number-button-disabled {
    opacity: .3
}

.correct-score-coupon .odd-value,
.correct-score-compact-container .odd-value {
    text-align: center;
    width: 32.64px;
    height: 21px;
    display: inline-block
}

.correct-score-coupon .card-tennis-live {
    clear: both;
    height: 56px;
    margin-right: 16px;
    position: relative
}

.correct-score-coupon .grid-event-wrapper .grid-group {
    width: 50px;
    margin-top: 3px;
    margin-left: 8px;
    margin-right: 36.36px
}

.correct-score-coupon .grid-participant-livescore {
    margin-top: 8px
}

.correct-score-coupon .grid-event-wrapper {
    height: 91px
}

.correct-score-coupon .frame {
    width: 154.64px;
    height: 56px;
    top: 8px
}

.correct-score-coupon .grid-group-container {
    margin-top: -12px
}

.second-up-coupon .grid-group {
    width: 100%
}

.grid-wrapper .goal-scorer {
    color: #333;
    background: #fff
}

.grid-wrapper .goal-scorer .grid-title {
    color: #333;
    padding-left: 0
}

.grid-wrapper .goal-scorer .ms-dropdown .title .group-title {
    font-size: 12px;
    line-height: 14px
}

.goal-scorer-container .event-all-bets:hover {
    border-color: var(--theme-body-10);
    background-color: #adadad1f
}

.goal-scorer-container .event-all-bets {
    border: 1px solid var(--theme-body-40);
    border-radius: 2px;
    height: 26px;
    display: flex
}

.goal-scorer-container .event-all-bets .all-bets-info {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 7px;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden
}

.goal-scorer-container .event-all-bets .theme-right {
    align-items: center;
    padding: 0 8px;
    font-size: 12px;
    display: flex
}

.goal-scorer-container .event-header {
    cursor: pointer;
    border-top: 1px solid #eaeaea;
    align-items: center;
    height: 49px;
    padding: 8px 12px;
    display: flex
}

.goal-scorer-container .event-header .event-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    overflow: hidden
}

.goal-scorer-container .event-header .grid-event-info {
    padding-top: 4px;
    font-size: 11px;
    font-weight: 400;
    line-height: 13px
}

.goal-scorer-container .event-header .grid-event-info .bet-builder-icon {
    height: 13px;
    line-height: 10.55px
}

.goal-scorer-container .event-header .grid-event-info .live-icon,
.goal-scorer-container .event-header .grid-event-info .video-icon {
    padding-top: 0
}

.goal-scorer-container .event-header .all-bets-button {
    width: auto;
    max-width: 120px
}

.goal-scorer-container .no-option .event-header {
    border-top: 1px solid #eaeaea
}

.goal-scorer-container .no-option .event-header:hover {
    cursor: default;
    background-color: #0000
}

.goal-scorer-container .no-option .event-header .event-info:hover {
    cursor: default
}

.goal-scorer-container .pills-border {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 6px 12px 2px
}

.goal-scorer-container .event-toggle {
    color: #333;
    margin-right: 12px
}

.goal-scorer-container .event-info {
    width: 100%;
    min-width: 0
}

.goal-scorer-container .mesh-container .grid-options {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.goal-scorer-container .mesh-container.mobile-device .option-group {
    width: 50%
}

.goal-scorer-container .mesh-container.mobile-device .option-group:not(:nth-child(2n)),
.goal-scorer-container .mesh-container:not(.mobile-device) .option-group:not(:nth-child(3n)) {
    border-right: 1px solid #eaeaea
}

.goal-scorer-container .mesh-container .option-group {
    justify-content: space-between;
    align-items: center;
    width: 33.33%;
    height: 66px;
    padding-left: 16px;
    padding-right: 12px;
    display: flex
}

.goal-scorer-container .mesh-container .option-group ms-participant-image {
    flex-shrink: 0;
    margin-right: 12px
}

.goal-scorer-container .mesh-container .option-group ms-participant-image .player-shirt img {
    width: 28px;
    height: 28px
}

.goal-scorer-container .mesh-container .option-group .name {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    flex: auto;
    margin-right: 10px;
    line-height: 19px;
    display: -webkit-box;
    overflow: hidden
}

.goal-scorer-container .mesh-container .option-group ms-option {
    cursor: pointer;
    border-radius: 3px;
    flex-shrink: 0;
    width: 50px
}

.goal-scorer-container .mesh-container.mobile-device:not(.showmore-items).single-option .option-group:nth-last-child(-n+1),
.goal-scorer-container .mesh-container.mobile-device:not(.showmore-items).double-options .option-group:nth-last-child(-n+2),
.goal-scorer-container .mesh-container:not(.showmore-items):not(.mobile-device).single-option .option-group:nth-last-child(-n+1),
.goal-scorer-container .mesh-container:not(.showmore-items):not(.mobile-device).double-options .option-group:nth-last-child(-n+2),
.goal-scorer-container .mesh-container:not(.showmore-items):not(.mobile-device).triple-options .option-group:nth-last-child(-n+3) {
    border-bottom: 0
}

.goal-scorer-container .show-more-less-button .goal-scorer-show-more {
    align-items: center;
    margin-left: 4px;
    font-size: 12px;
    display: flex
}

.goal-scorer-container .show-more-less-button .more-items {
    text-transform: uppercase
}

.goal-scorer-container .expanded.show-more-less-button {
    border-top: 1px solid #eaeaea
}

.bottom-border {
    border-bottom: 1px solid #eaeaea
}

.no-bottom-border {
    border-bottom: 0
}

.has-fallback-market .grid-event-wrapper {
    padding-bottom: 4.8px
}

.fallback-market-header {
    white-space: nowrap;
    text-align: center;
    width: fit-content;
    min-width: 198px;
    color: var(--theme-body-70);
    font-size: 12px;
    line-height: 14px;
    font-family: var(--theme-font-family-secondary);
    align-items: center;
    margin: 0 0 0 auto;
    padding: 8px 12px 0;
    display: flex
}

.fallback-market-header:before,
.fallback-market-header:after {
    content: "";
    background: var(--theme-body-20);
    vertical-align: middle;
    width: 100%;
    height: .5px;
    display: inline-block
}

.fallback-market-header:before {
    margin-right: 4px
}

.fallback-market-header:after {
    margin-left: 4px
}

.league-group,
.fixture-form-group {
    flex: 100%;
    align-items: center;
    width: 100%;
    min-width: 0;
    line-height: .5em;
    display: flex
}

.league-group .title,
.league-group .badge,
.fixture-form-group .title,
.fixture-form-group .badge {
    color: #191919;
    text-transform: uppercase;
    font-size: .7em
}

.league-group .toggle-favourite .theme-favorite-i,
.fixture-form-group .toggle-favourite .theme-favorite-i {
    vertical-align: sub;
    padding: .4rem .7rem .4rem 0
}

.league-group .toggle-favourite .theme-favorite-i.disabled,
.fixture-form-group .toggle-favourite .theme-favorite-i.disabled {
    cursor: pointer;
    pointer-events: all
}

.league-group .competition-logo,
.fixture-form-group .competition-logo {
    align-items: center;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: flex
}

.league-group .title,
.fixture-form-group .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2px;
    line-height: 1rem;
    overflow: hidden
}

.fixture-form-group {
    text-transform: uppercase
}

.date-group {
    color: #191919;
    flex: 100%;
    align-items: center;
    width: 100%;
    min-width: 0;
    display: flex
}

.date-group div {
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .7em;
    overflow: hidden
}

.event-group {
    --event-group-row-height: 66px;
    --event-group-header-height: 2em;
    min-height: calc(var(--event-group-rows)*var(--event-group-row-height) + var(--event-group-header-height));
    border-top: 1px solid #d6d6d6;
    display: block
}

.event-group.six-pack-groups {
    --event-group-row-height: 132px
}

.event-group .header-wrapper,
.event-group .grid-event-header-wrapper {
    color: #333;
    cursor: pointer;
    height: var(--event-group-header-height);
    background-color: #eaeaea;
    justify-content: flex-end;
    width: 100%;
    padding-left: .7rem;
    padding-right: .7rem;
    display: flex
}

@media (hover:hover) and (pointer:fine) {

    .event-group .header-wrapper:hover,
    .event-group .grid-event-header-wrapper:hover {
        background-color: #ddd
    }
}

.event-group .header-wrapper.header-wrapper-flat,
.event-group .grid-event-header-wrapper.header-wrapper-flat {
    color: #333;
    cursor: auto;
    background-color: #fff
}

@media (hover:hover) and (pointer:fine) {

    .event-group .header-wrapper.header-wrapper-flat:hover,
    .event-group .grid-event-header-wrapper.header-wrapper-flat:hover {
        background-color: #fff
    }
}

.event-group .header-wrapper .grid-group-header,
.event-group .grid-event-header-wrapper .grid-group-header {
    text-align: center;
    white-space: normal;
    word-break: keep-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    align-self: center;
    width: 100%;
    margin-right: 8px;
    font-size: .6875em;
    line-height: 1em;
    display: -webkit-box;
    overflow: hidden
}

.event-group .header-wrapper .grid-group-header:last-child,
.event-group .grid-event-header-wrapper .grid-group-header:last-child {
    margin-right: 0
}

.event-group .header-wrapper .grid-group-header .result-odds,
.event-group .grid-event-header-wrapper .grid-group-header .result-odds {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media (max-width:599.98px) {

    .event-group .header-wrapper .grid-group-header.grid-group-attribute,
    .event-group .grid-event-header-wrapper .grid-group-header.grid-group-attribute {
        display: none
    }
}

.event-group .header-toggle {
    color: #333;
    align-self: center;
    padding-left: .7rem
}

.event-group .header-toggle .theme-down {
    margin: 0;
    padding-top: .1em
}

.event-group .header-count {
    color: #707070;
    text-align: right;
    align-self: center;
    width: 2.75em;
    font-size: .7em
}

.event-list .grid-wrapper:has(.fixture-list-header) .grid-list .event-group:first-child {
    border-top: 0
}

.grid-event-wrapper {
    cursor: pointer;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 66px;
    padding: .3em .7rem calc(.3em + 1px);
    display: flex;
    transform: translate(0)
}

.grid-event-wrapper,
.grid-event-wrapper:focus,
.grid-event-wrapper:hover,
.grid-event-wrapper:active,
.grid-event-wrapper:visited {
    text-decoration: none
}

.grid-event-wrapper.image {
    height: 100%
}

.grid-event-wrapper .favourite {
    margin: 0 .5rem;
    font-size: .75rem
}

.grid-event-wrapper .grid-event-info .favourite {
    margin: unset;
    margin-right: .5em;
    font-size: .82em
}

.grid-event-wrapper .favourite-toggle {
    margin-right: -.7rem;
    padding: .7rem .7rem .7rem 0;
    position: relative
}

.grid-event-wrapper.has-participant-statistics .grid-info-wrapper.has-all-markets:not(.image) {
    margin-top: 0
}

.grid-event {
    z-index: 0;
    display: block;
    position: relative;
    overflow: hidden
}

.grid-event:after {
    content: "";
    background-color: #eaeaea;
    height: 1px;
    margin: 0 .7rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media (hover:hover) and (pointer:fine) {

    .grid-event:hover:not(.swiped) .grid-event-wrapper,
    .grid-event:hover .all-markets {
        background: #adadad1f
    }

    .grid-event:hover .stats-icon .sports-stats {
        visibility: visible
    }

    .grid-event:active {
        background-color: #0000000a
    }

    .grid-event:active:not(:hover) {
        border-top: 1px solid #eaeaea;
        margin-top: -1px
    }
}

.grid-event .favourite:after {
    content: "";
    position: absolute;
    inset: 0
}

.grid-event .swipe-actions {
    border: 1px solid #eaeaea;
    border-width: 0 1px 1px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-left: .7rem;
    padding-right: .7rem;
    display: flex;
    top: 0;
    bottom: 0
}

.grid-event .swipe-actions .swipe-message {
    text-align: center;
    font-size: .5625em
}

.grid-event+.grid-event .swipe-actions {
    border-width: 1px 1px 1px 0;
    top: -1px
}

.grid-event:last-child:after {
    content: none
}

.grid-event:last-child .grid-event-wrapper {
    padding-bottom: .3em
}

.grid-event:last-child .swipe-actions {
    border-bottom: 0
}

.grid-event:last-child .correct-score-coupon .grid-event-wrapper {
    padding-bottom: 8px
}

.grid-event .bets-count-button {
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 23px;
    width: 2.875em;
    min-width: 2.875em;
    height: 2.875em;
    padding: .47em 0;
    line-height: .875em
}

.grid-event .bets-count-button span {
    color: #333;
    padding: 0 .3em;
    font-size: 12px;
    display: inline-block
}

.grid-event>ms-event-footer .grid-event-info {
    padding-top: 0
}

.grid-event ms-participant-image {
    flex-shrink: 0;
    width: 24px;
    margin-right: 6px
}

.grid-event ms-participant-image .image-profile {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex
}

.grid-event ms-participant-image .image-profile img {
    width: 18px;
    height: 18px
}

.grid-event ms-participant-image .fallback-color {
    background-color: var(--theme-body-20)
}

.grid-event .correct-score-coupon .grid-event-wrapper {
    padding: 8px 12px
}

.grid-event-detail {
    vertical-align: middle;
    width: 100%;
    min-width: 0;
    margin-right: .5em
}

.grid-event-info {
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: .3em;
    font-size: .688em;
    display: flex;
    overflow: hidden
}

.grid-event-info>[class*=-icon] {
    margin-right: .2em
}

.grid-event-info .bet-builder-icon {
    color: #fff;
    text-transform: uppercase;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #eb7e13;
    border-radius: .1875rem;
    height: 14px;
    margin-left: .4em;
    padding: 2px 3px;
    font-size: .85em;
    font-weight: 700;
    display: inline-block;
    overflow: hidden
}

.grid-event-info .sport-icon,
.grid-event-info .video-icon {
    color: #adadad
}

.grid-event-info .live-icon,
.grid-event-info .video-icon {
    padding-top: .08em;
    font-size: .925em
}

.grid-event-info .sport-icon {
    margin-right: .3em;
    font-size: .875em
}

.grid-event-info .live-icon {
    color: #ff3b30;
    text-transform: uppercase;
    margin-right: .5em;
    font-style: italic;
    font-weight: 700
}

.grid-event-info .video-icon.video-icon-live {
    color: #e6a31b
}

.grid-event-info .grid-event-timer {
    color: #707070
}

.grid-event-info .grid-event-timer b {
    color: #ff3b30;
    font-weight: 400
}

.grid-event-info .grid-live-event-info {
    font-family: var(--theme-font-family-base);
    font-weight: var(--theme-font-medium);
    color: var(--theme-body)
}

.grid-event-info .grid-live-event-info:before {
    content: "•";
    color: var(--neutrals-black, var(--theme-body));
    padding-left: 2px;
    padding-right: 2px
}

.grid-event-info ms-priceboost-count-signpost {
    align-self: center;
    margin-left: 4px
}

@media (min-width:1280px) and (max-width:1599.98px) {
    .grid-event-info .price-boost-wrapper {
        text-overflow: ellipsis;
        max-width: 50%;
        overflow: hidden
    }

    .grid-event-info .price-boost-wrapper+.bet-builder-icon {
        max-width: 20%
    }

    .grid-event-info ms-priceboost-count-signpost {
        max-width: 30%
    }
}

.grid-event-info ms-promotion-badge {
    margin-top: 0;
    display: inline-flex;
    top: 0
}

.calendar-timer-badge .grid-event-timer {
    color: #707070
}

.calendar-timer-badge .grid-event-timer b {
    color: #ff3b30;
    font-weight: 400
}

.calendar-info-wrapper .grid-event:after {
    margin-left: 0
}

.calendar-info-wrapper .grid-event:not(.grid-six-pack-event) .grid-info-wrapper.fixed:not(.has-all-markets) {
    align-items: center
}

.calendar-info-wrapper .calendar-timer-badge {
    word-break: break-word;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 10%;
    max-width: 55px;
    height: 100%;
    margin: 0 5px;
    display: flex
}

.calendar-info-wrapper .calendar-timer-badge .grid-event-timer {
    white-space: normal;
    padding-top: .3em;
    font-size: .688em;
    display: flex
}

.calendar-info-wrapper .calendar-timer-badge:after {
    content: "";
    background-color: #eaeaea;
    width: 1px;
    height: auto;
    margin: 0 1.07rem;
    position: absolute;
    inset: 0 0 0 47px
}

@media (max-width:1279.98px) {
    .calendar-info-wrapper .calendar-timer-badge {
        display: none
    }
}

.calendar-info-wrapper .calendar-grid-info {
    align-items: center;
    width: 100%;
    display: flex
}

.calendar-info-wrapper .calendar-event-info {
    width: 100%
}

@media screen and (min-width:1098px) and (max-width:1280px) {
    .calendar-info-wrapper .calendar-timer-badge:after {
        margin: 0 1.07rem 0 0;
        left: 9.9%
    }

    .calendar-info-wrapper .calendar-event-info {
        width: 90%
    }
}

.badges-wrapper .grid-event-info ms-promotion-badge {
    margin-top: 0;
    display: inline-flex;
    top: 0
}

.grid-event-name {
    min-height: 2.325rem;
    display: block
}

.grid-event-name .participant,
.grid-event-name .tournament,
.grid-event-name .combi-league {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .875em;
    overflow: hidden
}

.grid-event-name .leaderboard-game {
    padding-top: .2em;
    font-size: .875em
}

.grid-event-name .leaderboard-game .event-name {
    white-space: initial;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.1em;
    display: -webkit-box;
    overflow: hidden
}

.grid-event-name .participant-country {
    padding-left: .5em;
    font-size: .786em;
    font-weight: 300
}

.grid-event-name .leaderboard-game,
.grid-event-name .participants-tournament-game {
    flex-direction: column;
    justify-content: center;
    height: 2.2em;
    display: flex
}

.grid-event-name .tournament {
    line-height: 1.2em
}

.grid-event-name .tournament:not(.tournament-leader):last-child {
    max-height: 2.2em;
    white-space: initial;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.grid-event-name .combi-league {
    color: #000;
    padding-right: 2em
}

.grid-event-name .combi-league.combi-league-name {
    text-transform: uppercase;
    margin-bottom: -.2em;
    padding-top: .25em;
    font-size: .7em
}

.grid-event-name .combi-league.combi-league-option {
    padding-top: .1em
}

.grid-event-name .participants-pair-game {
    padding-top: .2em
}

.grid-event-name .participants-pair-game .participant-container {
    flex-grow: 1;
    align-items: center;
    display: inline-flex;
    overflow: hidden
}

.grid-event-name .participants-pair-game .participant-container .highlight {
    color: #2db343;
    font-weight: 700
}

.grid-event-name .participants-pair-game .participant-wrapper {
    display: flex
}

.grid-event-name .participants-pair-game .participant-wrapper.image {
    height: 24px
}

.grid-event-name .participants-pair-game .participant-wrapper.image:first-child {
    margin-bottom: 6px
}

.grid-event-name .participants-pair-game .away-indicator {
    flex-shrink: 1;
    font-family: Roboto;
    font-size: 10px;
    font-weight: 300;
    line-height: 15px
}

.grid-event-name .participant-info {
    align-items: center;
    display: flex
}

.grid-event-name .participant-rank {
    color: inherit;
    font-size: 9px;
    font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    align-self: flex-start;
    padding-right: 1px;
    font-weight: 500;
    line-height: 10px
}

.grid-event-name .participant-details {
    flex-direction: column;
    max-width: 100%;
    display: flex;
    overflow: hidden
}

@media (min-width:1600px) {
    .calendar-event-info .grid-event-name .participant-details {
        max-width: 125px
    }
}

.grid-event-name .participant-details .participant-info {
    line-height: 14px
}

.grid-event-name .betradar-stats {
    color: inherit;
    white-space: nowrap;
    font-size: 12px;
    font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    flex-direction: row;
    line-height: 12px;
    display: flex
}

.grid-event-name .betradar-stats:empty {
    display: none
}

.grid-event-name .betradar-stats .pitcher-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.grid-event-name ms-participant-image {
    flex-shrink: 0;
    width: 24px;
    margin-right: 6px
}

.grid-event-name ms-participant-image .player-shirt img {
    height: 24px
}

.grid-event-name .participant-penalty-cards {
    align-items: flex-start;
    gap: var(--spacing-xs, 4px);
    display: flex
}

.grid-event-name .participant-penalty-cards .red-card {
    background-color: #ff3b30;
    width: 5px;
    height: 8px
}

.grid-event-wrapper.has-participant-statistics .grid-scoreboard .pair-game .column {
    gap: 20px
}

.grid-event-wrapper.has-participant-statistics .grid-event-name .participants-pair-game {
    padding-top: 0
}

.grid-event-wrapper.has-participant-statistics .grid-event-name .participants-pair-game .participant-wrapper {
    height: 26px
}

.grid-event-wrapper.has-participant-statistics .grid-event-name .participants-pair-game .participant-wrapper:first-child {
    margin-bottom: 4px
}

ms-event-media .icon-hover,
ms-event-media .icon-default {
    fill: #707070;
    display: flex
}

.grid-media {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-end;
    height: 100%;
    margin-right: .75em;
    display: flex
}

.grid-media .media {
    color: #707070;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: .75em;
    display: flex
}

.grid-media .icon {
    line-height: .8em;
    position: relative
}

.grid-media .icon.active {
    cursor: auto
}

.grid-media .hover {
    display: none;
    position: absolute;
    inset: 0
}

.grid-media .hover.sports-13-match-active,
.grid-media .actual.sports-13-match,
.grid-media .actual.sports-13-match-active {
    font-size: 12px
}

.grid-media .icon:hover .hover {
    display: block
}

.grid-media .icon:hover .actual {
    visibility: hidden
}

.grid-option-group {
    align-items: center
}

.grid-option-group.empty {
    text-align: right;
    color: #707070;
    white-space: nowrap;
    justify-content: flex-end;
    width: 100%
}

.grid-option-group.empty .theme-right,
.grid-option-group.empty .non-grid-right-icon {
    margin-left: .3em;
    padding-top: .4em;
    font-size: .8em;
    display: inline-flex
}

.grid-option-group.offline {
    color: #adadad;
    white-space: nowrap;
    justify-content: center;
    height: 50px;
    font-size: .8em
}

.grid-option-group.offline .theme-locked-i {
    color: #adadad !important
}

.grid.grid-redesign .grid-six-pack-event.grid-event .grid-option-group.offline,
.grid.grid-redesign .grid-option-group.offline {
    height: 50px
}

.grid.grid-redesign .grid-six-pack-event.grid-event .grid-six-pack-wrapper {
    margin-right: 16px
}

.grid.grid-redesign .grid-six-pack-event.grid-event .grid-six-pack-wrapper:last-child {
    margin-right: 0
}

.grid.grid-redesign .grid-option {
    height: 50px
}

.grid.grid-redesign .grid-option.option-group-attribute {
    line-height: 50px
}

.grid.grid-redesign .grid-option .grid-option-selectable>div {
    height: 50px
}

.grid.grid-redesign .calendar-event-info .grid-info-wrapper.image .pair-game {
    margin-top: 0
}

@media (hover:hover) and (pointer:fine) {
    .event-group .ms-active-highlight:hover {
        background-color: #adadad1f
    }
}

.event-group .ms-active-highlight {
    transition: none
}

.stats-icon {
    color: #707070;
    font-size: inherit;
    align-self: center
}

.stats-icon.padding-right {
    padding-right: 1rem
}

.stats-icon.padding-right-small {
    padding-right: .14rem
}

.stats-icon:not(.padding-right):not(.padding-right-small) {
    padding-right: 0
}

.stats-icon .sports-stats-active {
    visibility: visible;
    color: #707070
}

.stats-icon .no-stats-offset {
    width: 16px
}

.grid-option {
    width: 100%;
    height: 50px
}

.grid-option:not(.option-group-attribute)+.grid-option {
    margin-left: 8px
}

.grid-option.option-group-attribute {
    text-align: center;
    color: #707070;
    margin-right: 8px;
    font-size: .85em;
    font-weight: 400;
    line-height: 50px
}

.grid-option .grid-option-selectable>div {
    z-index: 1;
    background: #f5f5f5;
    border-radius: 3px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50px;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #d6d6d6
}

.grid-option .grid-option-selectable>div .option-attribute {
    text-align: center;
    color: #707070;
    padding-bottom: .3em;
    font-size: 13px;
    font-weight: 400
}

@media (max-width:599.98px) {
    .grid-option .grid-option-selectable>div .option-attribute.small-font {
        font-size: 12px;
        line-height: 1.231
    }
}

.grid-option .grid-option-selectable>div.offline {
    color: #adadad;
    white-space: nowrap;
    font-size: .8em;
    box-shadow: inset 0 0 0 1px #eaeaea
}

.grid-option .grid-option-selectable>div.offline .theme-locked-i {
    color: #adadad !important
}

.grid-option .grid-option-selectable>div.selected {
    color: #333;
    background: #ffeda7;
    font-weight: 700;
    box-shadow: inset 0 0 0 1px #fc0
}

.grid-option .grid-option-selectable>div.selected .option-attribute {
    color: #333;
    font-weight: 700
}

.grid-option .grid-option-selectable>div.option-indicator .option-value {
    color: #333;
    font-size: 1em
}

.grid-option .grid-option-selectable>div.option-indicator .no-goal {
    font-family: var(--theme-font-family-secondary);
    color: var(--theme-body-70);
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 46px;
    margin-bottom: 4px;
    font-size: 10px;
    line-height: 18px;
    overflow: hidden
}

.grid-option .grid-option-selectable.highlight>div:after {
    content: "";
    background-color: #2db343;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0
}

@media (hover:hover) and (pointer:fine) {
    .grid-option .grid-option-selectable>div:not(.selected):hover {
        background-color: #e8e8e8
    }

    .grid-option .grid-option-selectable>div.selected:hover {
        background-color: #ffe374
    }
}

.grid-option .grid-option-selectable:before {
    content: "";
    z-index: -1;
    background-color: #0000;
    transition: background-color .5s step-end;
    position: absolute;
    inset: 0
}

.grid-option .option-indicator.increased .option-value:after {
    border-top-width: .8em;
    border-left-width: .8em;
    top: 0;
    right: 0
}

.grid-option .option-indicator.decreased .option-value:after {
    border-bottom-width: .8em;
    border-left-width: .8em;
    bottom: 0;
    right: 0
}

@media (max-width:599.98px) {
    .grid-option.option-group-attribute {
        display: none
    }
}

@media (min-width:600px) {
    .grid-option .option-group-attribute {
        display: none
    }
}

.grid-six-pack-event.grid-event .fixture-form {
    padding-top: 1.3em;
    display: inline-flex
}

.grid-six-pack-event.grid-event .participants-pair-game {
    margin-top: 1rem;
    padding-top: 0
}

.grid-six-pack-event.grid-event .participants-pair-game .participant-container .highlight {
    color: #2db343
}

.grid-six-pack-event.grid-event .participants-pair-game .participant-wrapper {
    height: 34px
}

.grid-six-pack-event.grid-event .participants-pair-game .participant-wrapper:first-child {
    margin-bottom: 20px
}

.grid-six-pack-event.grid-event .participants-tournament-game {
    margin-top: 25px
}

.grid-six-pack-event.grid-event .grid-scoreboard,
.grid-six-pack-event.grid-event .grid-scoreboard .cell {
    padding-top: .93rem
}

.grid-six-pack-event.grid-event .grid-scoreboard>* {
    margin-top: -.25rem
}

.grid-six-pack-event.grid-event .grid-scoreboard .cell:nth-child(2) {
    margin-top: 15px;
    padding-top: 20px
}

.grid-six-pack-event.grid-event .grid-scoreboard .period-game {
    height: 105px;
    padding-top: 0
}

.grid-six-pack-event.grid-event .grid-scoreboard .baseball .cell {
    padding-top: .7rem
}

.grid-six-pack-event.grid-event .icon.is-visible+.icon.is-visible {
    margin-top: 4px
}

.grid-six-pack-event.grid-event .footer-event {
    cursor: pointer
}

.grid-six-pack-event.grid-event .grid-event-wrapper {
    height: 132px
}

.grid-six-pack-event.grid-event .grid-event-wrapper.image:not(.has-all-markets) {
    height: 100%
}

.grid-six-pack-event.grid-event .grid-event-wrapper.image:not(.has-all-markets) .grid-event-info {
    padding-top: .5rem
}

.grid-six-pack-event.grid-event .grid-event-wrapper.image:not(.has-all-markets) .participant-wrapper {
    padding-top: .2rem
}

.grid-six-pack-event.grid-event .grid-event-wrapper.image:not(.has-all-markets) .grid-scoreboard {
    padding-top: 1rem
}

.grid-six-pack-event.grid-event .grid-event-wrapper.image:not(.has-all-markets) .grid-scoreboard .baseball .cell:nth-child(2) {
    padding-top: 21px
}

.grid-six-pack-event.grid-event .grid-event-wrapper.image:not(.has-all-markets) .grid-scoreboard .baseball .cell:nth-child(2) .theme-baseball-indicator {
    margin-top: 4px
}

.grid-six-pack-event.grid-event .grid-event-wrapper:not(.image) .grid-scoreboard .baseball .cell:nth-child(2) {
    margin-top: 13px;
    padding-top: 18px
}

.grid-six-pack-event.grid-event .grid-event-wrapper.has-all-markets.image .grid-scoreboard .baseball .cell:nth-child(2) {
    padding-top: 17px
}

.grid-six-pack-event.grid-event .grid-event-wrapper.has-all-markets.image .grid-scoreboard .baseball .cell:nth-child(2) .theme-baseball-indicator {
    margin-top: 2px
}

.grid-six-pack-event.grid-event .has-all-markets {
    height: 120px;
    padding-bottom: 0
}

.grid-six-pack-event.grid-event .has-all-markets .grid-info-wrapper {
    height: 120px
}

.grid-six-pack-event.grid-event .grid-option-group {
    flex-direction: column
}

.grid-six-pack-event.grid-event .grid-option-group.offline {
    margin-top: 27px
}

.grid-six-pack-event.grid-event .grid-six-pack-wrapper {
    margin-right: 24px;
    display: flex
}

.grid-six-pack-event.grid-event .grid-six-pack-wrapper:last-child,
.grid-six-pack-event.grid-event .grid-six-pack-wrapper .grid-option-group:last-child {
    margin-right: 0
}

.grid-six-pack-event.grid-event .offline-sibling .offline {
    visibility: hidden
}

.grid-six-pack-event.grid-event .offline-sibling .offline+.offline {
    visibility: visible;
    position: relative;
    left: -30px
}

@media (min-width:1280px) {
    .grid-six-pack-event.grid-event .offline-sibling .offline+.offline {
        left: -60px
    }
}

.grid-six-pack-event.grid-event .offline-six-pack .offline:not(:nth-child(2)) {
    visibility: hidden
}

.grid-six-pack-event.grid-event .grid-option-group:nth-child(4) {
    margin-left: 34px
}

.grid-six-pack-event.grid-event .grid-group {
    width: 50px;
    margin-right: 8px
}

.grid-six-pack-event.grid-event .grid-group:last-child {
    margin-right: 0
}

.grid-six-pack-event.grid-event .grid-option,
.grid-six-pack-event.grid-event .grid-option+.grid-option {
    margin-left: 0;
    margin-right: 0
}

.grid-six-pack-event.grid-event .grid-option:not(:first-of-type) {
    margin-top: 4px
}

.grid-six-pack-event.grid-event .grid-option.option-group-attribute {
    display: none
}

@media (min-width:600px) {
    .grid-six-pack-event.grid-event .option-group-attribute {
        display: block
    }
}

.grid-six-pack-event.grid-event .all-markets .grid-event-info {
    align-items: center;
    padding-top: 0
}

.grid-six-pack-event.two-lined-name .participant-details .participant {
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: inherit;
    display: block;
    overflow: hidden
}

.grid-six-pack-event.two-lined-name .participant {
    white-space: unset;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.grid-compact-event {
    background: #fff;
    border-top: 1px solid #eaeaea;
    display: block
}

.header-wrapper+.grid-compact-event {
    background: unset;
    border-top: 0
}

.grid-compact-event:after {
    content: "";
    clear: both;
    display: table
}

.grid-compact-event .event-header {
    cursor: pointer;
    align-items: center;
    padding: .47rem .7rem;
    display: flex
}

.grid-compact-event .event-header .grid-media .media {
    padding-left: .75rem
}

.grid-compact-event .event-info {
    width: 100%;
    min-width: 0
}

.grid-compact-event .event-name {
    font-size: .875em;
    font-weight: 700
}

.grid-compact-event .grid-media {
    width: auto;
    margin-left: .75em
}

.grid-compact-event .event-toggle {
    color: #333;
    align-self: center;
    margin: -.7rem -.85rem -.7rem -.15rem;
    padding: .7rem 1.5rem .7rem .3rem
}

.grid-compact-event .event-toggle .theme-down,
.grid-compact-event .event-toggle .theme-up {
    margin: 0;
    padding-top: .1em
}

.grid-compact-event .all-bets-button {
    width: auto;
    max-width: 120px
}

@media (max-width:959.98px) {
    .grid-compact-event .all-bets-button {
        margin-left: 0
    }
}

.grid-compact-event .option-panel {
    margin-bottom: .7rem;
    margin-left: .7rem;
    margin-right: .7rem
}

.grid-compact-event .empty-panel {
    text-align: center;
    padding: 0 .7rem .7rem
}

.grid-compact-event .empty-panel .errors {
    background: 0 0;
    display: inline-block
}

.grid-compact-event .empty-panel .error {
    padding-bottom: 0
}

.grid-compact-event .empty-panel .error i:before {
    top: .15em
}

.grid-compact-event .empty-panel .error span {
    color: #000
}

.header+.grid-compact-event {
    border-top: 0
}

.option-group-container.yes-no-container .yes-no-option-row-container {
    flex-basis: 100%;
    display: flex
}

.grid-info-wrapper {
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
}

.grid-info-wrapper.fixed {
    max-width: 240px;
    margin-right: .75rem
}

.grid-info-wrapper.has-all-markets:not(.image) {
    margin-top: 1em
}

.grid-info-wrapper.has-all-markets.image .leaderboard-game.player-info {
    padding-top: 1.3rem
}

.grid-info-wrapper.image {
    align-items: center;
    height: 72px
}

.grid-info-wrapper.image .pair-game {
    height: 66px;
    margin-top: .4rem;
    padding-top: .4rem;
    padding-bottom: .8rem
}

.grid-info-wrapper.image .pair-game .column {
    justify-content: space-between
}

.grid-info-wrapper.image .set-game {
    height: 72px;
    padding-top: 13px
}

.grid-info-wrapper.image .set-game .column>.cell:first-child:nth-last-child(2) {
    margin-bottom: 10px
}

.grid-info-wrapper.image .set-game .column>.cell:first-child:nth-last-child(3) {
    margin-bottom: 15px
}

.grid-info-wrapper.image .set-game .column>.cell:nth-child(3) {
    line-height: 1.8em
}

.grid-info-wrapper.image .set-game .column.divider:after {
    bottom: 1em
}

.grid-info-wrapper.image:not(.has-all-markets) {
    height: 100%;
    margin-top: .5rem
}

.grid-info-wrapper.image:not(.has-all-markets) .participants-pair-game {
    padding-top: .4em
}

.grid-info-wrapper.image:not(.has-all-markets) .pair-game {
    padding-top: .1rem;
    padding-bottom: 1.2rem
}

.grid-info-wrapper.image:not(.has-all-markets) .set-game {
    padding-top: 7px
}

.all-markets {
    justify-content: space-between;
    padding: 0 0 8px 11.2px
}

.all-markets .all-markets-link {
    color: #707070;
    position: relative;
    right: 15px
}

.all-markets .all-markets-link .theme-right {
    margin-left: 3px;
    position: relative;
    top: 1px;
    left: 2px
}

@media (hover:hover) and (pointer:fine) {
    .all-markets:hover:not(.swiped) {
        background: #adadad1f
    }
}

.grid-event .value-slider--hidden {
    display: none
}

.correct-score-coupon .grid-event-info {
    padding-top: 6px;
    font-size: 11px;
    line-height: 13px
}

.correct-score-coupon .grid-event-info .bet-builder-icon {
    height: 13px;
    padding: 1px 3px
}

.correct-score-coupon .grid-event-name .participant {
    line-height: 24px
}

.correct-score-coupon .grid-event-name .participants-pair-game .participant-wrapper.image:first-child {
    margin-bottom: 8px
}

.correct-score-coupon .grid-info-wrapper .pair-game {
    height: 75px
}

.correct-score-coupon .grid-info-wrapper.image {
    margin-top: 0
}

.correct-score-coupon .grid-info-wrapper.image .participants-pair-game {
    padding-top: 0
}

.correct-score-coupon .grid-info-wrapper.image .pair-game {
    margin-top: 0;
    padding-top: 0
}

.correct-score-coupon .grid-info-wrapper .live-icon,
.correct-score-coupon .grid-info-wrapper .video-icon {
    padding-top: 0
}

.correct-score-coupon .grid-option-group.empty {
    margin-top: 12px
}

.composable:has(.widget-tab-bar) .grid-list .event-group .grid-compact-event:first-child {
    border-top: 0
}

.grid-scoreboard,
.grid.grid-redesign .grid-scoreboard {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 0;
    height: 100%;
    margin-right: .5em;
    font-size: .875em;
    display: flex;
    overflow: hidden
}

.grid-scoreboard .serving-indicator,
.grid.grid-redesign .grid-scoreboard .serving-indicator {
    background: #e6a31b;
    border-radius: 50%;
    width: .35em;
    height: .35em;
    margin-bottom: .175em;
    margin-right: .35em;
    display: inline-block
}

.grid-scoreboard .column,
.grid.grid-redesign .grid-scoreboard .column {
    text-align: right;
    flex-direction: column;
    height: 100%;
    margin-right: .5em;
    display: flex;
    position: relative
}

.grid-scoreboard .column .cell,
.grid.grid-redesign .grid-scoreboard .column .cell {
    flex: unset;
    height: 33.3333%;
    overflow: hidden
}

.grid-scoreboard .column .cell .baseball-indicator,
.grid.grid-redesign .grid-scoreboard .column .cell .baseball-indicator {
    color: #e6a31b
}

.grid-scoreboard .column .cell:nth-child(3),
.grid.grid-redesign .grid-scoreboard .column .cell:nth-child(3) {
    color: #707070;
    font-size: .715em;
    font-weight: 400;
    line-height: 1.5em
}

.grid-scoreboard .column.divider,
.grid.grid-redesign .grid-scoreboard .column.divider {
    margin-right: 0;
    padding-right: .5em
}

.grid-scoreboard .column.divider:after,
.grid.grid-redesign .grid-scoreboard .column.divider:after {
    content: "";
    background: #d6d6d6;
    width: 1px;
    position: absolute;
    top: .2em;
    bottom: 1.4em;
    right: 0
}

.grid-scoreboard .column.serving,
.grid.grid-redesign .grid-scoreboard .column.serving {
    margin-right: 0
}

.grid-scoreboard .column.sets,
.grid.grid-redesign .grid-scoreboard .column.sets {
    padding-left: 3px
}

.grid-scoreboard .column.sets-snooker,
.grid.grid-redesign .grid-scoreboard .column.sets-snooker {
    padding-left: 7px;
    font-weight: 700
}

.grid-scoreboard .column .possesion-icon,
.grid.grid-redesign .grid-scoreboard .column .possesion-icon {
    transform: none
}

.grid-scoreboard .pair-game,
.grid-scoreboard .period-game,
.grid-scoreboard .set-game,
.grid-scoreboard .formula-one,
.grid-scoreboard .baseball,
.grid-scoreboard .snooker,
.grid-scoreboard .penalty-shootout,
.grid-scoreboard .cricket,
.grid.grid-redesign .grid-scoreboard .pair-game,
.grid.grid-redesign .grid-scoreboard .period-game,
.grid.grid-redesign .grid-scoreboard .set-game,
.grid.grid-redesign .grid-scoreboard .formula-one,
.grid.grid-redesign .grid-scoreboard .baseball,
.grid.grid-redesign .grid-scoreboard .snooker,
.grid.grid-redesign .grid-scoreboard .penalty-shootout,
.grid.grid-redesign .grid-scoreboard .cricket {
    height: 100%;
    padding-top: .25em;
    padding-bottom: .35em;
    display: flex
}

.grid-scoreboard .pair-game .column:last-child,
.grid-scoreboard .period-game .column:last-child,
.grid-scoreboard .set-game .column:last-child,
.grid-scoreboard .formula-one .column:last-child,
.grid-scoreboard .baseball .column:last-child,
.grid-scoreboard .snooker .column:last-child,
.grid-scoreboard .penalty-shootout .column:last-child,
.grid-scoreboard .cricket .column:last-child,
.grid.grid-redesign .grid-scoreboard .pair-game .column:last-child,
.grid.grid-redesign .grid-scoreboard .period-game .column:last-child,
.grid.grid-redesign .grid-scoreboard .set-game .column:last-child,
.grid.grid-redesign .grid-scoreboard .formula-one .column:last-child,
.grid.grid-redesign .grid-scoreboard .baseball .column:last-child,
.grid.grid-redesign .grid-scoreboard .snooker .column:last-child,
.grid.grid-redesign .grid-scoreboard .penalty-shootout .column:last-child,
.grid.grid-redesign .grid-scoreboard .cricket .column:last-child {
    margin-right: 0;
    font-weight: 700
}

.grid-scoreboard .red,
.grid.grid-redesign .grid-scoreboard .red {
    text-align: center;
    background-color: #ff3b30;
    border-radius: 1px;
    align-items: center;
    width: 11px;
    height: 13px;
    margin-top: 2px;
    margin-right: 5px;
    padding: 0;
    display: flex
}

.grid-scoreboard .red .red-card-count,
.grid.grid-redesign .grid-scoreboard .red .red-card-count {
    color: #fff;
    width: 100%;
    font-size: 10px
}

.grid-scoreboard .goal-blinker,
.grid.grid-redesign .grid-scoreboard .goal-blinker {
    align-items: center;
    display: flex
}

@keyframes blink-animation {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.grid-scoreboard .goal-indicator,
.grid.grid-redesign .grid-scoreboard .goal-indicator {
    background: #fc0;
    border-radius: 4px;
    align-items: center;
    margin: 0 4px 0 0;
    display: none
}

.grid-scoreboard .goal-indicator .inner,
.grid.grid-redesign .grid-scoreboard .goal-indicator .inner {
    color: #000;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    font-size: 8px;
    font-weight: 700;
    line-height: 12px
}

.grid-scoreboard .goal-indicator .sport-icon,
.grid.grid-redesign .grid-scoreboard .goal-indicator .sport-icon {
    color: #000;
    flex-shrink: 0;
    font-size: 7px
}

.grid-scoreboard .goal-indicator .sport-icon:before,
.grid.grid-redesign .grid-scoreboard .goal-indicator .sport-icon:before {
    line-height: 8px
}

.grid-scoreboard .show-score-right,
.grid.grid-redesign .grid-scoreboard .show-score-right {
    order: 3
}

.grid-scoreboard .set-game,
.grid.grid-redesign .grid-scoreboard .set-game {
    padding-bottom: .1em
}

.grid-scoreboard .set-game .points,
.grid.grid-redesign .grid-scoreboard .set-game .points {
    width: 1.7em
}

.grid-scoreboard .formula-one .weather,
.grid.grid-redesign .grid-scoreboard .formula-one .weather {
    line-height: 3.2em;
    font-size: initial
}

.grid-scoreboard .leaderboard-game,
.grid.grid-redesign .grid-scoreboard .leaderboard-game {
    display: flex
}

.grid-scoreboard .leaderboard-game.player-info,
.grid.grid-redesign .grid-scoreboard .leaderboard-game.player-info {
    flex-direction: column;
    flex: none;
    width: 5rem;
    font-size: .786em;
    display: flex
}

.grid-scoreboard .leaderboard-game.player-info .player-name,
.grid.grid-redesign .grid-scoreboard .leaderboard-game.player-info .player-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding-bottom: .143em;
    overflow: hidden
}

.grid-scoreboard .leaderboard-game .weather,
.grid.grid-redesign .grid-scoreboard .leaderboard-game .weather {
    line-height: 3.2em;
    font-size: initial
}

.grid-scoreboard .penalty-shootout,
.grid.grid-redesign .grid-scoreboard .penalty-shootout {
    text-align: right
}

.grid-scoreboard .penalty-shootout .column,
.grid.grid-redesign .grid-scoreboard .penalty-shootout .column {
    margin-right: .3em;
    line-height: 1.15em
}

.grid-scoreboard .penalty-shootout .round,
.grid.grid-redesign .grid-scoreboard .penalty-shootout .round {
    border-radius: 50%;
    width: 9px;
    height: 9px;
    margin-left: 4px;
    display: inline-block;
    box-shadow: inset 0 0 0 1px #adadad
}

.grid-scoreboard .penalty-shootout .round.scored,
.grid-scoreboard .penalty-shootout .round.missed,
.grid.grid-redesign .grid-scoreboard .penalty-shootout .round.scored,
.grid.grid-redesign .grid-scoreboard .penalty-shootout .round.missed {
    box-shadow: none
}

.grid-scoreboard .penalty-shootout .round.scored,
.grid.grid-redesign .grid-scoreboard .penalty-shootout .round.scored {
    background: #2db343
}

.grid-scoreboard .penalty-shootout .round.missed,
.grid.grid-redesign .grid-scoreboard .penalty-shootout .round.missed {
    background: #ff3b30
}

.tree-event-wrapper .grid-scoreboard .goal-blinker {
    align-items: baseline
}

.grid-event-wrapper .goal-blinker,
.grid.grid-redesign .grid-event-wrapper .goal-blinker {
    animation: 1s infinite blink-animation
}

.grid-event-wrapper .goal-indicator,
.grid.grid-redesign .grid-event-wrapper .goal-indicator {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 1px;
    width: 32px;
    height: 12px;
    display: flex
}

.correct-score-coupon .grid-scoreboard .column .cell {
    justify-content: center;
    align-items: center;
    height: 24px;
    display: flex
}

.correct-score-coupon .grid-scoreboard .column .cell:first-child {
    margin-bottom: 8px
}

@media (max-width:599.98px) {
    .correct-score-coupon .grid-scoreboard .column {
        margin-right: 13px
    }
}

.correct-score-coupon .grid-scoreboard .column.score {
    min-width: 18px
}

.correct-score-coupon .grid-scoreboard .red {
    margin-top: 0
}

.favourites-widget .favourites-wrapper .possession-icon,
.column.column-left .event-details-left-menu .grid-scoreboard .column .possession-icon,
ms-modal-dialog .event-switcher .grid-scoreboard .column .possession-icon {
    transform: none
}

@media (max-width:1279.98px) {
    .sort-toggle {
        display: none
    }
}

@media (hover:hover) and (pointer:fine) {
    .sort-toggle-button:not(.active):hover {
        background-color: #adadad1f
    }
}

@media (min-width:1280px) {
    .sort-selector {
        display: none
    }
}

@media (hover:none) and (pointer:coarse) {
    .sort-selector-list {
        font-size: 14px
    }
}

@media (hover:none) and (pointer:coarse) {
    .sort-selector-option {
        height: 36px
    }
}

.grid-sort-selector {
    width: 100%;
    padding-top: .3em;
    padding-bottom: .3em
}

.sort-toggle {
    align-items: center;
    display: flex
}

@media (max-width:1279.98px) {
    .sort-toggle {
        display: none
    }
}

.sort-toggle-text {
    color: #707070;
    padding-right: .5em;
    font-size: 12px;
    display: inline-block
}

.sort-toggle-buttons {
    color: #333;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    font-size: 12px;
    display: inline-block
}

.sort-toggle-button {
    padding: .5em;
    display: inline-block
}

.sort-toggle-button.active {
    background-color: #eaeaea;
    border-radius: 3px;
    font-weight: 700
}

.sort-toggle-button.active.left-btn {
    border-right: 1px solid #eaeaea
}

.sort-toggle-button.active.right-btn {
    border-left: 1px solid #eaeaea
}

.sort-toggle-button:after {
    content: attr(data-title);
    color: #0000;
    visibility: hidden;
    height: 0;
    font-weight: 700;
    display: block;
    overflow: hidden
}

.sort-toggle-button:not(.active) {
    cursor: pointer;
    color: #333
}

@media (hover:hover) and (pointer:fine) {
    .sort-toggle-button:not(.active):hover {
        background-color: #adadad1f
    }
}

.sort-selector {
    height: 1.75rem;
    padding-top: 4px
}

@media (min-width:1280px) {
    .sort-selector {
        display: none
    }
}

.sort-selector-title {
    color: var(--theme-body-40);
    font-size: .875em
}

.sort-selector-title.expanded {
    color: var(--theme-body-txt)
}

.sort-selector-title .ms-active-highlight {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-left: -.3em;
    padding: 5px;
    display: inline-block
}

.sort-selector-title .icon-alignment {
    fill: var(--theme-body-40)
}

.sort-selector-list {
    color: #333;
    z-index: 6;
    background-color: #fff;
    border-radius: .25rem;
    width: 174px;
    margin: 2px 0 0 -3px;
    padding: .25rem 0;
    font-size: 12px;
    display: block;
    position: absolute;
    box-shadow: 0 1px 3px 1px #0003
}

@media (hover:none) and (pointer:coarse) {
    .sort-selector-list {
        font-size: 14px
    }
}

.sort-selector-option {
    padding: .65rem .68rem;
    line-height: 1em
}

@media (hover:none) and (pointer:coarse) {
    .sort-selector-option {
        height: 36px
    }
}

.sort-selector-option:hover {
    cursor: pointer
}

.sort-selector-option.active {
    cursor: pointer;
    border-left: 3px solid #fc0;
    padding-left: .4rem;
    font-weight: 700
}

ms-help-box {
    background-color: #fff;
    border-radius: .25rem;
    width: 100%;
    margin: .63em 0;
    padding: .88em;
    display: block;
    box-shadow: 0 1px 3px 1px #0003
}

ms-help-box .helpboxheader {
    display: flex;
    position: relative
}

ms-help-box .helpboxheader-badge {
    display: inline;
    position: relative;
    bottom: .13em
}

ms-help-box .helpboxheader-title {
    color: #333;
    margin-left: .35em;
    font-size: 1.13em;
    font-weight: 700
}

ms-help-box .helpboxheader-link {
    color: #adadad;
    margin-left: .35em;
    padding-left: .35em;
    font-size: .8em;
    display: inline;
    position: relative;
    bottom: .06em
}

ms-help-box .helpboxheader-close-button {
    color: #adadad;
    font-size: .9em;
    display: inline;
    position: absolute;
    right: 0
}

ms-help-box .text {
    color: #333;
    padding: .43em .43em .43em 2.86em;
    font-size: .88em
}

ms-help-box .helpboxheader-title-container {
    max-width: 88%;
    display: inline-block
}

.re-bet ms-help-box .helpboxheader-title-container {
    max-width: 78%
}

ms-help-box.best-odds-container .helpboxheader ms-help-box-badge {
    border-radius: 3px;
    padding: .2em .5em;
    font-size: .7em
}

ms-help-box.re-bet-help-container .helpboxheader {
    font-size: 1.25em
}

ms-help-box.re-bet-help-container .helpboxheader ms-help-box-badge {
    font-size: .7em;
    font-weight: 700
}

ms-help-box.re-bet-help-container .helpboxheader ms-help-box-badge span {
    color: #000;
    background: #fc0;
    border-radius: .2em;
    padding: .2em .5em
}

ms-help-box.re-bet-help-container .text {
    font-size: 1.1em
}

ms-help-box.re-bet-help-container .helpboxheader-close-button {
    cursor: pointer
}

.help-container {
    padding: 0 8px
}

.help-container ms-help-box {
    margin: 8px 0
}

.card-content .column-center .help-container {
    padding: 0
}

.help-container .helpboxheader-close-button {
    cursor: pointer
}

.help-container .helpboxheader-badge {
    font-size: .7em;
    font-weight: 700
}

.help-container .helpboxheader-badge span {
    color: #000;
    background: #fc0;
    border-radius: .2em;
    padding: .2em .5em
}

.help-container .sports-swap {
    color: #191919;
    vertical-align: middle;
    margin: 0 3px
}

@media (min-width:960px) {

    .help-aligned>ms-help-box:first-child,
    .help-aligned>ms-help-box-archived-bets:first-child>ms-help-box,
    .help-aligned>ms-help-box-transaction-bets:first-child>ms-help-box,
    .help-aligned>ms-help-box-re-bet:first-child>ms-help-box {
        margin-top: 1rem
    }
}

.help-cashout-info {
    padding: 14px 16px 16px
}

.help-cashout-info .helpboxheader-title-container {
    flex-direction: row-reverse;
    gap: 12px;
    display: flex
}

.help-cashout-info .helpboxheader-title-container .theme-info-i {
    font-size: 20px
}

.help-cashout-info .helpboxheader-title-container .helpboxheader-link {
    flex-shrink: 0;
    padding-left: 0
}

.help-cashout-info .helpboxheader-title-container .helpboxheader-title,
.help-cashout-info .helpboxheader-title-container .helpboxheader-link {
    margin-left: 0
}

.help-cashout-info .text {
    padding-left: 32px
}

.help-cashout-info .helpboxheader-badge {
    display: none
}

.archived-bets,
.transaction-bets {
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .3125em;
    margin-top: .5em;
    padding: .75em
}

.archived-bets-bottom,
.transaction-bets-bottom {
    background-color: #f5f5f5;
    width: 100%;
    display: flex
}

.archived-bets-bottom .archived-bets,
.archived-bets-bottom .transaction-bets,
.transaction-bets-bottom .archived-bets,
.transaction-bets-bottom .transaction-bets {
    width: 100%;
    margin: 8px
}

@media (max-width:1279.98px) {

    .event-details-page.card-content .archived-bets-bottom .archived-bets,
    .event-details-page.card-content .archived-bets-bottom .transaction-bets,
    .event-details-page.card-content .transaction-bets-bottom .archived-bets,
    .event-details-page.card-content .transaction-bets-bottom .transaction-bets {
        margin: 8px
    }
}

.stadium-my-bets-bets-container {
    display: flex
}

.item-header {
    box-shadow: none;
    border-bottom: 1px solid #eaeaea;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 2.5rem;
    min-height: 2.5rem;
    margin-bottom: 0;
    font-size: 1em;
    font-weight: 700;
    display: flex;
    padding-left: .75em !important
}

.item-header .title {
    vertical-align: middle;
    display: table-cell
}

.print-container {
    width: 100%;
    height: 0;
    position: absolute
}

.print-loading-indicator__container {
    height: 80px;
    margin: 8px;
    position: relative
}

.print-loading-indicator__text {
    margin: 8px
}

.print-loading-indicator .modal-content {
    background: #f5f5f5
}

#intro img {
    width: 100%;
    padding-top: .5em;
    padding-bottom: .5em
}

#intro .logo a {
    opacity: 0;
    display: block
}

#intro .slideindicator {
    background-color: #fff
}

#intro .slideindicator .indicator {
    background-color: #00000080
}

#intro .slideindicator .indicator.active {
    background-color: #000
}

#intro .item {
    -webkit-overflow-scrolling: touch;
    padding: 2em 0 1.4em;
    overflow-y: auto
}

#intro .item #introContent {
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    padding-top: .5em;
    display: flex
}

#intro .item #introContent #introHeadlines {
    flex-direction: column;
    flex: auto;
    display: flex
}

#intro .item #introContent #introDescription {
    flex-direction: column;
    flex: auto;
    justify-content: space-between;
    padding: 1.35em .5em .5em;
    display: flex
}

#intro .item #introContent #introDescription .description {
    font-size: 1.15em
}

#intro h1 {
    margin: 0;
    padding: 0 .5em;
    font-size: 1.6em;
    font-weight: 700
}

#intro h2 {
    margin: 0;
    padding: 0 .5em;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.4em
}

#intro .btn {
    width: 85%;
    height: 2.66667rem;
    margin-top: 1.8em;
    margin-bottom: .5em;
    padding-left: .625px;
    padding-right: .625px;
    font-size: 1rem;
    font-weight: 700
}

#intro .icon-container {
    z-index: 1006;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

#intro .icon-container .theme-left,
#intro .icon-container .theme-right {
    z-index: 1;
    color: #707070;
    position: absolute;
    bottom: 0
}

#intro .icon-container .theme-left {
    padding: 1em 1em 0 0;
    left: .05em
}

#intro .icon-container .theme-right {
    padding: 1em 0 0 1em;
    right: .05em
}

@media only screen and (max-width:320px) {
    #intro #introContent {
        padding-top: .5em
    }
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:1) {
    #intro h1 {
        font-size: 1.7em
    }

    #intro h2 {
        font-size: 1.2em
    }
}

.landscape:not(.isTablet) main,
.landscape:not(.isTablet) #main-content,
.landscape:not(.isTablet) .showNav #main-content {
    padding-top: unset
}

.landscape:not(.isTablet) .page-nav {
    position: relative
}

.landscape:not(.isTablet) #popup .popup-animate:not(.popup-intro) {
    top: 0
}

.landscape:not(.isTablet) #welcome fieldset {
    position: static
}

.landscape:not(.isTablet).underheader .ms2overlay {
    position: absolute
}

.landscape:not(.isTablet) .ms2overlay {
    position: fixed
}

.landscape:not(.isTablet) .ms2overlay.under-scoreboard {
    top: 8.6em
}

.landscape:not(.isTablet).breadcrumbs-visible.underheader.overflow .ms2overlay {
    top: 3.12em
}

.landscape:not(.isTablet) .hidescroll.disablescroll.enableOverlayScroll {
    overflow-y: visible
}

.landscape:not(.isTablet) .hidescroll.disablescroll.enableOverlayScroll body {
    position: static
}

.landscape:not(.isTablet) #more {
    max-height: none !important
}

.landscape:not(.isTablet) .modal-dialog .container.expand {
    height: 80%;
    min-height: 15em;
    max-height: 94%;
    overflow-y: auto
}

.landscape:not(.isTablet) #intro {
    width: 50em
}

.landscape:not(.isTablet) #intro .item {
    padding-top: 1.9em
}

.landscape:not(.isTablet) #intro #introContent {
    flex-direction: row;
    align-items: center;
    min-height: 100%;
    padding-top: 0;
    display: flex;
    position: relative
}

.landscape:not(.isTablet) #intro #introContent #border {
    border-right: 1px solid #d6d6d6;
    position: absolute
}

.landscape:not(.isTablet) #intro #introContent #border.oneslide {
    top: 0;
    bottom: -1.4em
}

.landscape:not(.isTablet) #intro #introContent #border:not(.oneslide) {
    height: 100%
}

.landscape:not(.isTablet) #intro #introHeadlines {
    float: left;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 100%;
    padding: .5em;
    display: flex
}

.landscape:not(.isTablet) #intro #introDescription {
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 100%;
    padding: 1em .5em;
    display: flex
}

.landscape:not(.isTablet) #intro #introDescription .description {
    font-size: .875rem !important
}

.landscape:not(.isTablet) #intro .btn {
    margin-top: .8em
}

.landscape:not(.isTablet).no-scrolling body {
    position: fixed
}

.landscape:not(.isTablet).no-scrolling #scoreboard {
    overflow-y: auto
}

.landscape:not(.isTablet).no-scrolling .statistics-block .stats-body {
    padding: 0;
    position: static
}

.landscape:not(.isTablet).no-scrolling .statistics-block.prematch {
    border-bottom: 1px solid #fff3;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-bottom: .69em
}

.landscape:not(.isTablet).no-scrolling #Stats .stats-toggler.expanded {
    position: fixed
}

.landscape:not(.isTablet).hidescroll.disablescroll main {
    height: auto
}

.landscape:not(.isTablet).hidescroll.disablescroll body {
    height: auto !important
}

.landscape:not(.isTablet).hidescroll #more1 {
    padding: 0;
    position: relative;
    top: 0;
    right: -3.3em
}

.landscape.isTablet .modal-dialog .container.expand {
    width: 24em;
    height: 38em
}

.landscape.isTablet #introDescription {
    padding-top: 3.5em !important
}

.landscape.isTablet #introDescription .description {
    font-size: 1.15em !important
}

.landscape.isTablet .popup-animate,
.landscape.isTablet #popup,
.landscape.isTablet #popup .popup-animate,
.landscape.isTablet #popup .popup-animate {
    width: 50%
}

.landscape.isTablet #popup .popup-animate.reverse {
    right: auto
}

.landscape.isTablet #popup .popup-animate:not(.reverse) {
    left: auto
}

.landscape.isTablet #popup .popup-animate.popup-betslip {
    margin: 0 auto;
    bottom: 4em;
    left: 0;
    right: 0
}

@keyframes comeoutfromprevious {
    0% {
        opacity: .3;
        left: -25%
    }

    to {
        opacity: .3;
        left: -75%
    }
}

@keyframes comeoutfromcurrenttoprevious {
    0% {
        opacity: 1;
        left: 25%
    }

    to {
        opacity: .3;
        left: -25%
    }
}

@keyframes comeinfromnexttocurrent {
    0% {
        opacity: .3;
        left: 75%
    }

    to {
        opacity: 1;
        left: 25%
    }
}

@keyframes comeintonext {
    0% {
        opacity: .3;
        left: 125%
    }

    to {
        opacity: .3;
        left: 75%
    }
}

.landscape .slide-overlay {
    z-index: 1;
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0
}

.landscape .slides {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0
}

.landscape .slides ms-slide.intro,
.landscape .slides ms-slide.details {
    width: 100%
}

.landscape .slides.leave-slide {
    animation: .5s forwards comeoutfromprevious
}

.landscape .slides.enter-previous {
    animation: .5s forwards comeoutfromcurrenttoprevious
}

.landscape .slides.enter-current {
    animation: .5s forwards comeinfromnexttocurrent
}

.landscape .slides.enter-next {
    animation: .5s forwards comeintonext
}

.landscape .modal-dialog .container.landscape-expand {
    width: 90%;
    height: 95%
}

.landscape #intro img {
    padding-bottom: 0;
    width: 100% !important
}

.landscape .betslip .heading {
    display: none
}

.landscape .betslip .check-box {
    vertical-align: top;
    width: 49%;
    display: inline-block
}

.landscape .betslip .check-box>label {
    flex-direction: column;
    display: flex
}

.landscape .betslip .footer .options-expanded>p {
    margin-bottom: .5em
}

.landscape .betslip .footer .options-expanded .linkToSettings {
    padding-bottom: 0
}

.landscape #mybets .sliding-menu a {
    padding-left: 1.1em;
    padding-right: 1.1em
}

.landscape #scoreboard:not(.soccer-stats) .scoreboard-mini-live {
    display: none
}

.landscape #scoreboard .SetGame {
    padding-top: .75em
}

.league-statistics {
    color: #333;
    width: 100%;
    padding: .25rem .5rem;
    font-size: .875rem;
    display: table
}

.league-statistics .table-header {
    text-align: center;
    color: #707070;
    padding: 1em 0 .4em;
    font-weight: 400;
    display: table-header-group
}

.league-statistics .table-col {
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #eaeaea;
    width: 8%;
    min-width: 1.9em;
    padding: .4em 0;
    display: table-cell
}

.league-statistics .table-col.name {
    text-align: left;
    text-overflow: ellipsis;
    width: auto;
    overflow: hidden
}

.league-statistics .table-col.number {
    width: 1.5em;
    min-width: 1.5em
}

@media screen and (max-width:24em) {
    .league-statistics .table-col.name {
        max-width: 5em
    }
}

.league-statistics .table-row {
    border-bottom: 1px solid #d6d6d6;
    line-height: 1;
    display: table-row
}

.league-statistics .table-row:last-child .table-col {
    border-bottom: 0
}

.live-link {
    text-align: left;
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    margin-bottom: 1em;
    padding: 9px 0 5px 12px;
    box-shadow: 0 2px 3px #0003
}

.live-link.ng-click-active {
    background: #eaeaea
}

.live-link i,
.live-link b {
    color: #ff3b30;
    padding-right: .2em;
    font-style: italic
}

.live-link__text {
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
    overflow: hidden
}

.live-link>span {
    display: inline-block
}

.live-link__events-count {
    color: #000;
    margin-top: 2px;
    font-size: 13px;
    position: absolute;
    right: 10px
}

.live-link__events-count:before {
    float: right;
    padding: 1px 0 0 3px;
    font-size: 13px
}

.meeting-switcher-toggle {
    touch-action: pan-y;
    width: 100%;
    position: relative
}

.meeting-switcher-toggle .meeting-switcher-toggle-container {
    grid-template-columns: 1fr auto;
    align-items: center;
    height: 100%;
    display: grid
}

.meeting-switcher-toggle .greyhounds-event-info {
    height: initial;
    line-height: initial;
    color: #fff;
    margin-left: .5em;
    display: grid
}

.meeting-switcher-toggle .greyhounds-event-info>div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.meeting-switcher-toggle .greyhounds-event-info div:first-child {
    text-transform: capitalize;
    height: 19px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px
}

.meeting-switcher-toggle .greyhounds-event-info div:nth-child(2) {
    font-size: .875em
}

.meeting-switcher-toggle .greyhounds-event-info div:nth-child(2).too-long {
    font-size: .75em
}

.meeting-switcher-toggle .competition-logo {
    width: 1.375rem;
    height: 1.375rem;
    margin-left: .4em
}

.meeting-switcher-toggle .competition-logo.invisible {
    opacity: 0
}

.meeting-switcher-toggle .theme-right {
    color: #fff;
    margin: 0 .75em;
    transition: transform .5s;
    transform: rotate(90deg)
}

.meeting-switcher-toggle .theme-right.expanded {
    transition: transform .5s;
    transform: rotate(-90deg)
}

.meeting-switcher-toggle .theme-right.disabled {
    opacity: 0
}

.meeting-switcher {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    max-height: calc(100% - 56px - 1em);
    margin-left: 1.87em;
    display: block
}

.meeting-switcher .tree-event {
    font-size: initial;
    line-height: initial
}

.meeting-switcher .sport {
    margin-bottom: 0;
    padding-top: 2.5rem
}

.meeting-switcher .sport>.header-item:first-child {
    display: none
}

.meeting-switcher .list-item .country-icon {
    top: 0
}

.greyhounds-left .meeting-switcher {
    margin-left: 0
}

.greyhounds-left .meeting-switcher>div {
    background-color: #f5f5f5;
    border-radius: 5px
}

.greyhounds-left .meeting-switcher>div:first-child {
    border-radius: 5px 5px 0 0;
    padding-bottom: 14px
}

.greyhounds-left .meeting-switcher>div.fixture-meeting-switcher {
    padding-bottom: 0
}

.greyhounds-left .meeting-switcher .competition-tree {
    border-radius: 5px;
    box-shadow: 0 1px 3px 1px #d6d6d6
}

.greyhounds-left .meeting-switcher .competition-tree .item-tree {
    overflow: auto
}

.message-dialog {
    padding: 2.1em 1.4em 1.4em;
    position: relative
}

.message-dialog h3 {
    text-transform: uppercase;
    padding-left: .73em;
    font-weight: 700;
    position: relative;
    margin: 0 0 .8em !important;
    font-size: 1.375em !important;
    line-height: 1.5em !important
}

.message-dialog h3:before {
    content: "";
    width: .181818em;
    height: 100%;
    margin-left: -.727273em;
    position: absolute
}

.message-dialog h3.warning:before {
    background-color: #ff3b30
}

.message-dialog h3.info:before {
    background-color: #1284e0
}

.message-dialog h3.action:before {
    background-color: #fc0
}

.message-dialog p {
    margin-bottom: .375em;
    font-weight: 300;
    line-height: 1.375em
}

.message-dialog .btn {
    margin-top: 1.44444em
}

.message-dialog .btn.no-border {
    box-shadow: none;
    text-transform: uppercase;
    color: #707070;
    background: 0 0;
    height: 2em;
    margin-top: .5em
}

.message-dialog .theme-ex {
    z-index: 1;
    padding: 1em;
    position: absolute;
    top: 0;
    right: 0
}

.message-dialog.compact h3 {
    text-align: left
}

.message-dialog.compact p {
    text-align: left;
    margin-bottom: -.5em;
    font-weight: 500
}

.modal-popup {
    text-align: center
}

.modal-popup .modal-content.fit {
    width: 85%;
    max-width: 24.375em
}

.modal-popup .modal-content.landscape-fit {
    max-height: 100%;
    overflow: auto
}

.modal-popup .header {
    z-index: 24;
    color: #fff;
    background-color: #191919;
    border-bottom: 1px solid #fff3;
    height: 3.125em;
    line-height: 3.125em;
    position: relative
}

.modal-popup .header .title {
    text-transform: uppercase;
    text-align: center;
    font-size: .9375em
}

.modal-popup .header .close {
    color: #707070;
    height: 2em;
    padding: 0 .7em 0 .3em;
    position: absolute;
    top: 0;
    right: 0
}

.modal-popup .header:not(.default-header) {
    height: auto
}

.modal-popup .header .close {
    line-height: inherit;
    z-index: 1;
    color: #fff;
    padding-right: .9em
}

.modal-popup .header-title {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 0 1em;
    font-size: 16px
}

ms-modal-window:not(.modal-popup) .modal-dialog {
    text-align: center
}

ms-modal-window:not(.modal-popup) .modal-dialog .header {
    z-index: 24;
    color: #191919;
    height: 3.125em;
    height: inherit;
    background-color: #fff;
    border-bottom: 1px solid #fff3;
    min-height: 2.7em;
    line-height: 3.125em;
    position: relative
}

ms-modal-window:not(.modal-popup) .modal-dialog .header .title {
    text-transform: uppercase;
    text-align: center;
    font-size: .9375em
}

ms-modal-window:not(.modal-popup) .modal-dialog .header .close {
    color: #707070;
    height: 2em;
    padding: 0 .7em 0 .3em;
    position: absolute;
    top: 0;
    right: 0
}

ms-modal-window:not(.modal-popup) .modal-dialog .header.default-header {
    height: auto
}

ms-modal-window:not(.modal-popup) .modal-dialog .header .close {
    position: inherit;
    z-index: 1;
    padding-right: .9em;
    line-height: 2.7em
}

ms-modal-window:not(.modal-popup) .modal-dialog .betbuilder-widget .header {
    height: 2.7em;
    min-height: unset
}

ms-modal-window:not(.modal-popup) .modal-dialog .betbuilder-widget .header .close {
    position: absolute
}

ms-modal-window:not(.modal-popup) .modal-dialog .header-title {
    color: #1e1e1e;
    text-align: left;
    padding-left: 1em
}

ms-modal-window:not(.modal-popup).my-bets-filters-modal-popup .modal-dialog-header-wrapper .header {
    border-bottom: 0
}

@media (min-width:1280px) {
    .betfinder-modal.modal.modal-fit .modal-content {
        width: 85%;
        max-width: 768px
    }
}

.betfinder-modal.modal.modal-popup .modal-content {
    border-radius: 0
}

.betfinder-modal.modal.modal-popup .modal-dialog-header-wrapper {
    background-color: #191919
}

.betfinder-modal.modal.modal-popup .header {
    border-bottom: unset;
    background-color: #191919;
    flex-direction: row;
    height: 3.125em;
    line-height: 3.125em
}

.betfinder-modal.modal.modal-popup .header .header-title {
    float: left;
    color: #fff;
    text-transform: none;
    padding: .1em .5em
}

@media (min-width:1280px) {
    .betfinder-modal.modal.modal-popup .modal-content {
        height: calc(100% - 3.5em);
        top: initial;
        border-radius: .25rem;
        min-height: 25em
    }
}

.toaster-panel {
    position: fixed;
    bottom: 0;
    min-height: auto !important;
    margin: 0 !important
}

@media (max-width:599.98px) {
    .toaster-panel {
        padding: 8px !important
    }
}

@media (min-width:600px) and (max-width:959.98px) {
    .toaster-panel {
        padding: 16px !important
    }
}

@media (min-width:960px) and (max-width:1279.98px) {
    .toaster-panel {
        padding: 24px !important
    }
}

@media (min-width:1280px) and (max-width:1599.98px) {
    .toaster-panel {
        padding: 24px !important
    }
}

@media (min-width:1600px) and (max-width:1919.98px) {
    .toaster-panel {
        padding: 24px !important
    }
}

@media (min-width:1920px) {
    .toaster-panel {
        padding: 24px !important
    }
}

.bottom-nav-shown .toaster-panel {
    bottom: 3.5rem
}

.bottom-nav-shown.betslip-bar-visible .toaster-panel {
    bottom: 6.63rem
}

.toaster-panel .toaster {
    color: #adadad;
    background-color: #333;
    border-radius: .25rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 2.75em;
    padding: .5rem .75rem;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    overflow: hidden;
    min-width: 20% !important
}

.toaster-panel .toaster .theme-ex {
    cursor: pointer;
    margin-left: .5rem;
    padding-top: 2px
}

.bottom-nav-shown .row-toaster-panel {
    padding-bottom: 50px
}

.bottom-nav-shown .row-toaster-panel.mat-mdc-snack-bar-container {
    margin: 0
}

.bottom-nav-shown .row-toaster-panel.mat-mdc-snack-bar-container .mdc-snackbar__label {
    padding-left: 0;
    padding-right: 0
}

.bottom-nav-shown .row-toaster-panel.mat-mdc-snack-bar-container .mdc-snackbar__surface {
    box-shadow: none;
    padding-left: 4px;
    padding-right: 4px
}

.row-toaster-panel.mat-mdc-snack-bar-container .mdc-snackbar__surface {
    box-shadow: none
}

.row-toaster-panel.mat-mdc-snack-bar-container .mdc-snackbar__label {
    padding-left: 16px;
    padding-right: 8px
}

.row-toaster-panel .toaster {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    width: 100%;
    height: 48px;
    padding: 16px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    display: flex
}

.row-toaster-panel .toaster>span {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px
}

.row-toaster-panel .toaster>span>a>u {
    font-size: 14px;
    font-weight: 500
}

.row-toaster-panel .toaster .theme-success-i:before {
    color: #2db343;
    font-size: 16px
}

.row-toaster-panel .toaster .theme-ex:before {
    color: #999;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px
}

.modal.modal-dialog-wrapper.modal-fit:not(.modal-dialog-in-column) .modal-content {
    width: 94%;
    max-width: 24.375em
}

.modal.reward-token-card-details-quick-view {
    top: unset
}

.modal.reward-token-card-details-quick-view,
.modal.reward-token-card-details-mobile {
    pointer-events: all
}

.reward-token-card-details-modal-backdrop.modal-backdrop {
    pointer-events: none
}

.modal.modal-dialog-wrapper.reward-token-card-details-quick-view .modal-dialog .modal-content {
    border-radius: 6px 6px 0 0;
    width: 100%;
    max-width: 50em
}

.reward-token-card-details-quick-view.modal.modal-dialog-wrapper:not(.reward-token-card-details-mobile) {
    height: 100%
}

.reward-token-card-details-quick-view.modal.modal-dialog-wrapper:not(.reward-token-card-details-mobile) .modal-dialog .modal-content {
    border-radius: 6px;
    width: 558px
}

.reward-token-card-details-quick-view.modal.modal-dialog-wrapper:not(.reward-token-card-details-mobile) .modal-dialog .modal-content .close {
    height: 30px
}

.modal-backdrop {
    pointer-events: auto;
    opacity: .5;
    background-color: #000;
    position: fixed;
    inset: 0
}

.modal-backdrop.hide-background-overlay {
    background-color: #0000
}

.modal-backdrop.modal-under-header {
    height: calc(100% - 3.5em);
    top: auto
}

.modal-backdrop.modal-under-header.modal-above-footer {
    height: calc(100% - 7em)
}

@media (max-width:1279.98px) {
    .modal-backdrop.modal-above-footer {
        height: calc(100% - 3.5em);
        margin-bottom: 64px
    }

    .betslip-bar-visible .modal-backdrop.modal-above-footer {
        height: calc(100% - 3.126em)
    }

    .betslip-bar-visible.bottom-nav-shown .modal-backdrop.modal-above-footer {
        height: calc(100% - 6.625em)
    }
}

.modal-backdrop.modal-dialog-backdrop-in-column {
    z-index: 2;
    border-radius: .25rem;
    position: absolute
}

.modal-backdrop.modal-dialog-backdrop-in-column+.modal.modal-dialog-wrapper {
    z-index: 3
}

.modal-gestures-cover {
    background-color: var(--theme-body);
    display: block;
    transform: translateY(-100%)
}

.modal-gestures-cover.event-details-overlay {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: translateY(0%)
}

.authenticated .modal-backdrop.modal-under-header,
.authenticated .modal.modal-popup.modal-under-header {
    height: calc(100% - 3.5em);
    top: auto
}

.authenticated .modal-backdrop.modal-under-header.modal-above-footer,
.authenticated .modal.modal-popup.modal-under-header.modal-above-footer {
    height: calc(100% - 7em);
    margin-bottom: 64px
}

.authenticated .modal-backdrop.modal-under-header.betslip-over-ask-reject-confirm-dialog__modal--overlay,
.authenticated .modal.modal-popup.modal-under-header.betslip-over-ask-reject-confirm-dialog__modal--overlay {
    height: calc(100% - 3.5em)
}

.modal.intro-pages .modal-content,
.modal.intro-layer .modal-content {
    width: 90%;
    height: 94%
}

.modal.betbuilder-modal .modal-content {
    width: 90%;
    height: 90%
}

.modal.bet-builder-modal-dialog .modal-content {
    width: 90%
}

.modal.modal-popup .modal-content {
    height: 100%
}

@media (max-width:1279.98px) {
    .modal.modal-popup.modal-above-footer {
        height: calc(100% - 3.5em);
        margin-bottom: 3.5em
    }

    .betslip-bar-visible .modal.modal-popup.modal-above-footer {
        height: calc(100% - 3.126em)
    }

    .betslip-bar-visible.bottom-nav-shown .modal.modal-popup.modal-above-footer {
        height: calc(100% - 6.625em)
    }
}

.modal.modal-popup.modal-under-header {
    height: calc(100% - 3.5em);
    top: initial
}

.modal.modal-popup.modal-under-header.modal-above-footer {
    height: calc(100% - 7em)
}

.modal.my-bets-filters-modal-popup .modal-dialog {
    align-items: flex-end
}

.modal.betslip-popup {
    overflow-y: hidden
}

.modal.betslip-popup .modal-body {
    overflow-y: auto
}

.modal.betslip-popup .modal-content {
    border-radius: 0
}

.modal.betslip-popup .modal-dialog {
    text-align: left;
    overflow: hidden
}

.modal.betslip-popup .modal-dialog .header {
    transform: translateZ(0);
    height: 36px !important;
    line-height: 36px !important
}

.modal.betslip-popup .modal-dialog .header .close:before {
    color: #fff;
    font-size: 14px
}

.modal {
    outline: 0;
    display: block;
    position: fixed;
    inset: 0;
    overflow: hidden auto
}

.modal.modal-dialog-in-column {
    width: 100%;
    padding: 1em;
    position: absolute
}

.modal.modal-dialog-in-column .modal-content.modal-content {
    width: 100%
}

.modal.modal-vertical-align {
    height: auto;
    bottom: initial;
    width: auto
}

.modal .header .close {
    pointer-events: all
}

.modal .header .close:before {
    vertical-align: middle
}

.modal .modal-dialog {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    display: flex;
    position: relative;
    transform: translate(0)
}

.modal .modal-content {
    width: 100%;
    box-shadow: none;
    color: #333;
    pointer-events: all;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
    outline: 0;
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden
}

.modal .help-and-contact {
    color: var(--theme-info);
    text-decoration: underline
}

.modal .modal-body {
    height: 100%;
    overflow: hidden
}

.modal.modal-slide-from-bottom {
    animation: .5s forwards slide-in-from-bottom
}

.modal.modal-slide-from-right {
    animation: .5s forwards slide-in-from-right
}

.modal.modal-slide-out-to-bottom {
    animation: .5s forwards slide-out-to-bottom
}

.modal.modal-slide-out-to-right {
    animation: .5s forwards slide-out-to-right
}

.modal.crm-promotion-more-info .header-title {
    height: inherit
}

.modal.crm-promotion-more-info .modal-content {
    width: 21.9375rem;
    height: 31.25rem;
    margin-left: .5rem;
    margin-right: .5rem
}

@media (min-width:960px) {
    .modal.crm-promotion-more-info .modal-content {
        width: 37.5rem;
        height: 34.375rem;
        margin-left: 0;
        margin-right: 0
    }
}

.landscape .modal .modal-content {
    max-height: 100%;
    overflow-y: auto
}

.landscape:not(.isTablet).authenticated .modal.modal-popup.modal-under-header,
.landscape:not(.isTablet).authenticated .modal.modal-backdrop.modal-under-header,
.landscape:not(.isTablet) .modal-backdrop.modal-under-header,
.landscape:not(.isTablet) .modal.modal-popup.modal-under-header {
    height: 100%
}

.landscape:not(.isTablet).authenticated .modal.modal-popup.modal-under-header.modal-above-footer,
.landscape:not(.isTablet).authenticated .modal.modal-backdrop.modal-under-header.modal-above-footer,
.landscape:not(.isTablet) .modal-backdrop.modal-under-header.modal-above-footer,
.landscape:not(.isTablet) .modal.modal-popup.modal-under-header.modal-above-footer,
.landscape:not(.isTablet).authenticated .modal.modal-popup.modal-above-footer,
.landscape:not(.isTablet).authenticated .modal.modal-backdrop.modal-above-footer,
.landscape:not(.isTablet) .modal-backdrop.modal-above-footer,
.landscape:not(.isTablet) .modal.modal-popup.modal-above-footer {
    height: 100%;
    margin-bottom: 64px
}

.landscape.isTablet .modal.modal-popup.betslip-popup {
    width: 100%
}

.landscape.isTablet .modal.modal-popup.betslip-popup .modal-content {
    background: 0 0;
    width: 50%;
    height: 94.5%
}

.landscape.isTablet .modal.modal-popup.betslip-popup #betslip {
    height: 90%
}

.early-payout-tac-dialog .modal-body {
    overflow-y: scroll
}

.modal-popup.calendar-countries-list-modal {
    text-align: left
}

.modal-popup.calendar-countries-list-modal .modal-content {
    width: 100%
}

.modal-popup.calendar-countries-list-modal .modal-body {
    overflow: auto
}

.modal-popup.calendar-countries-list-modal .header-title {
    text-transform: none;
    text-align: left;
    font-family: var(--theme-font-family-base)
}

.modal-popup.calendar-countries-list-modal .item-tree .separator-item {
    font-size: 11px
}

.modal-popup.calendar-countries-list-modal .list-item .icon {
    margin-top: 0
}

.modal-popup.calendar-countries-list-modal .list-item .icon .favourite:before {
    width: 16px;
    height: 16px
}

.modal-popup.calendar-countries-list-modal .list-item .count {
    text-align: right;
    height: 14px;
    line-height: 14px
}

.modal-popup.calendar-countries-list-modal .list-item.active .title {
    line-height: 19px
}

.app__edit-bet-mode .theme-betslip .badge,
.app__edit-bet-mode .bottom-nav {
    display: none
}

.app__edit-bet-mode.app__edit-bet-open-add-selection .bottom-nav {
    display: grid
}

.app__edit-bet-mode.app__edit-bet-open-add-selection.popup-on .bottom-nav {
    z-index: 1030
}

.app__edit-bet-mode ms-bet-builder-button,
.app__edit-bet-mode ms-bet-builder-badge,
.app__edit-bet-mode ms-bet-builder-event-view,
.app__edit-bet-mode ms-bet-builder-event-view-details,
.app__edit-bet-mode .betbuilder-event-list,
.app__edit-bet-mode ms-item a[href$=betbuilder],
.app__edit-bet-mode .racing-toggle-item[data-menu-item-id=Forecast],
.app__edit-bet-mode .racing-toggle-item[data-menu-item-id=Tricast],
.app__edit-bet-mode ms-horses-forecast,
.app__edit-bet-mode .mybets-edit-bet-button {
    display: none
}

.app__edit-bet-mode .option-group-name {
    text-align: left
}

.app__edit-bet__resulted-mode .mybets-edit-bet-button {
    display: block
}

.confirmation-dialog .modal-content {
    border-radius: 4px;
    padding: 16px 20px 20px
}

.confirmation-dialog .modal-content .modal-dialog-header-wrapper .header {
    background-color: #0000;
    border: 0;
    height: auto;
    line-height: normal
}

.confirmation-dialog .modal-content .modal-dialog-header-wrapper .header .header-title {
    color: #191919;
    text-align: center;
    padding-top: 0;
    padding-left: 0;
    font-size: 18px;
    font-weight: 700
}

.confirmation-dialog_message {
    color: #191919;
    padding: 10px 0;
    font-size: 16px;
    line-height: 20px
}

.confirmation-dialog_buttons {
    padding-top: 10px;
    display: flex
}

.confirmation-dialog_buttons :first-child {
    margin-left: 0
}

.confirmation-dialog_buttons :last-child {
    margin-right: 0
}

.confirmation-dialog_buttons>button {
    flex-grow: 1;
    margin: 0 5px;
    font-weight: 700;
    box-shadow: none !important
}

.confirmation-dialog_buttons>button.ghost-btn {
    color: #191919;
    background-color: #fff !important;
    border: 1px solid #707070 !important
}

.confirmation-dialog_buttons>button:not(.ghost-btn) {
    color: #191919 !important;
    background-color: #fc0 !important;
    border: 1px solid #f6bd00 !important
}

.confirmation-dialog_buttons-container {
    justify-content: center;
    gap: 10px;
    padding-top: 10px;
    display: flex
}

.confirmation-dialog_buttons-container .confirmation-dialog_button {
    width: 48%
}

.confirmation-dialog_buttons-container .single-button {
    width: 100%
}

.confirmation-dialog_buttons-container .capitalize {
    text-transform: capitalize
}

.edit-bab-overlay-dialog .modal-content {
    border-radius: 5px
}

.edit-bab-overlay-dialog .message-dialog {
    padding: 16px 20px 23px
}

.edit-bab-overlay-dialog .message-dialog #title {
    font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    color: #333;
    text-transform: unset;
    padding-left: 0;
    font-weight: 700;
    font-size: 18px !important;
    line-height: 21px !important
}

.edit-bab-overlay-dialog .message-dialog #first_paragraph {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    color: #333;
    padding: 0 13px
}

.edit-bab-overlay-dialog .buttons .edit-overlay-ok-btn,
.edit-bab-overlay-dialog .buttons .edit-overlay-cancel-btn {
    text-transform: uppercase;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    padding: 0;
    line-height: 19px;
    display: flex
}

.edit-bab-overlay-dialog .buttons .edit-overlay-ok-btn {
    color: #000;
    background: #fc0;
    height: 48px;
    margin-top: 20px;
    font-size: 16px
}

.edit-bab-overlay-dialog .buttons .edit-overlay-cancel-btn {
    color: #333;
    border: 1px solid #333;
    height: 40px;
    margin-top: 12px;
    font-size: 14px;
    line-height: 16px
}

.acca-boost-ladder-info-icon-desktop.modal .modal-content {
    box-shadow: none
}

.acca-boost-ladder-us-info-mobile .modal-dialog .modal-content {
    border-radius: 6px;
    margin: 0 16px 0 15px;
    box-shadow: 0 20px 45px #0202024d
}

.affiliate-popup {
    word-break: break-all
}

.modal-popup.mybets-popup .modal-dialog {
    text-align: left
}

.modal-popup.mybets-popup .modal-body {
    overscroll-behavior: contain;
    overflow-y: scroll
}

.alert-card-view,
.alert-grid-view,
.alert-mybets-view,
.alert-mybet-view,
.alert-selector-view,
.alert-selector-view-v2,
.alert-betslipconfirmation-view,
.alert-event-view,
.alert-scoreboard {
    color: #d6d6d6;
    font-size: 1em;
    display: inline-block;
    position: relative
}

.alert-betslipconfirmation-view {
    color: #333;
    font-size: 1rem;
    display: inline-block
}

.alert-mybets-view {
    float: none;
    color: #333;
    width: 20px;
    display: table;
    bottom: -7px
}

.alert-mybet-view {
    float: left;
    color: #333;
    padding-right: .3em;
    bottom: 0
}

.alert-selector-view {
    float: left;
    color: #000;
    bottom: .1em
}

.alert-selector-view:before {
    position: relative;
    top: 2px
}

.alert-toaster-view {
    padding-right: 5px;
    display: inline-block
}

.alert-toaster-view:before {
    position: relative;
    top: 1px
}

.alert-event-view {
    right: 3px
}

.small .alert-event-view {
    bottom: 1.5em;
    right: .2em
}

.scoreboard-with-alert .alert-event-view {
    position: absolute;
    bottom: 1px
}

.scoreboard-with-alert .scoreboard-SetGame:not(.animation-enabled) .alert-event-view {
    bottom: 17px
}

.alert-card-view,
.alert-grid-view,
.alert-scoreboard {
    float: none;
    color: #d6d6d6;
    display: inline;
    bottom: -1px
}

.alert-card-view.alert-deselected,
.alert-grid-view.alert-deselected,
.alert-scoreboard.alert-deselected {
    display: none
}

.alert-card-view {
    color: #acacac;
    bottom: 0;
    left: 13px
}

.alert-mybets-view-v2 {
    float: none;
    color: #acacac;
    width: 20px;
    font-size: 16px;
    position: relative
}

.alert-mybets-view-v2+.button-label {
    padding-top: 1px
}

.alert-scoreboard {
    margin-right: 3px
}

.alert-scoreboard:before {
    top: 0
}

.navigation-wrapper {
    z-index: 1073;
    background-color: initial
}

.page-nav {
    text-align: center;
    z-index: 1071;
    border-bottom: 1px solid #fff3;
    height: 2.465em;
    font-size: .8125em;
    font-weight: 300;
    display: block
}

.page-nav.row {
    background-color: #191919
}

.page-nav .left-nav {
    float: left
}

.page-nav .right-nav {
    float: right
}

.page-nav .right-nav.selected {
    border-bottom: 2px solid #fc0
}

.page-nav .right-nav.selected a {
    color: #fff
}

.page-nav .col-middle .col {
    padding: 0 .4em
}

.page-nav .col-middle .col a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.page-nav .col-middle .col-1-3:first-child {
    text-align: left;
    padding: 0 .4em 0 1.154em
}

.page-nav .col-middle .col-1-3:last-child {
    text-align: right;
    padding: 0 1.154em 0 .4em
}

.page-nav .col-middle>a {
    text-align: left;
    padding-right: .2em
}

.page-nav a {
    color: #adadad;
    padding: .5em 0;
    text-decoration: none;
    display: block
}

.page-nav a.ng-click-active,
.page-nav a[ng-click]:active {
    opacity: .5
}

.page-nav a.selected {
    color: #fc0
}

.page-nav a.disabled {
    color: #707070
}

.page-nav a.disabled.ng-click-active,
.page-nav a.disabled[ng-click]:active {
    opacity: 1
}

.page-nav a.contains-text {
    padding: .9em .2em;
    font-size: .7em
}

.page-nav a i {
    vertical-align: middle;
    padding: 0 0 0 .5em;
    line-height: .8
}

.page-nav a.icon {
    padding: .25em 1em
}

.page-nav a.icon i {
    padding-left: 0;
    font-size: 16px;
    line-height: 1.45
}

.page-nav a[marquee] {
    text-align: left
}

.page-nav div.icon {
    padding: 0 1em
}

.page-nav div.icon i {
    padding-left: 0;
    font-size: 16px
}

.page-nav#groups {
    height: 3.3em
}

.page-nav#groups a {
    padding: .95em 0
}

.sport-navigation-tab {
    background-color: #fff;
    border-radius: .25rem;
    display: block;
    box-shadow: 0 1px 3px 1px #0003
}

.slot-header .sport-navigation-tab {
    border-radius: 0
}

.slot-inner-navigation .sport-navigation-tab {
    margin-bottom: 1em
}

.numpad-container {
    clear: both;
    margin: 0 8px;
    overflow: hidden
}

.numpad-keys {
    background: 0 0;
    grid-template-rows: repeat(2, auto);
    grid-template-columns: repeat(7, auto);
    width: 100%;
    padding: 12px 0;
    display: inline-grid
}

.numpad-keys .one {
    grid-area: 1/1
}

.numpad-keys .four {
    grid-area: 1/4
}

.numpad-keys .seven {
    grid-area: 2/2
}

.numpad-keys .zero {
    grid-area: 2/5
}

.numpad-keys .two {
    grid-area: 1/2
}

.numpad-keys .five {
    grid-area: 1/5
}

.numpad-keys .eight {
    grid-area: 2/3
}

.numpad-keys .three {
    grid-area: 1/3
}

.numpad-keys .six {
    grid-area: 2/1
}

.numpad-keys .nine {
    grid-area: 2/4
}

.numpad-keys .separator {
    opacity: 1;
    width: initial;
    grid-area: 1/6;
    height: 35px !important
}

.numpad-keys .delete {
    grid-area: 2/6
}

.numpad-keys .delete-icon {
    fill: #000;
    border-radius: 0
}

.numpad-keys .ok {
    height: inherit;
    text-align: center;
    grid-area: 1/7/3;
    justify-content: center;
    align-items: center;
    display: flex
}

.numpad-keys button {
    text-align: center;
    color: #000;
    cursor: pointer;
    background: #eaeaea;
    border: 0;
    width: auto;
    height: 35px;
    margin: 1px;
    padding: 9px 0;
    font-size: 14px;
    line-height: 16px;
    transition: background-color .15s ease-in-out
}

.numpad-keys button:active {
    background-color: #ddd
}

@media (hover:hover) and (pointer:fine) {
    .numpad-keys button:hover {
        background-color: #ddd
    }
}

.numpad-keys.hide-confirm {
    grid-template-columns: repeat(6, auto)
}

.incremental-stakes-container {
    text-align: center;
    display: flex
}

.incremental-stakes-container .incremental-stake-button {
    color: #000;
    cursor: pointer;
    border: 1px solid var(--theme-body-20);
    background-color: #f5f5f5;
    border-radius: 3px;
    flex: 20%;
    justify-content: center;
    align-items: center;
    height: 36px;
    margin-right: 4px;
    font-size: 14px;
    line-height: 36px;
    transition: background-color .15s ease-in-out;
    display: flex;
    overflow: hidden
}

.incremental-stakes-container .incremental-stake-button:active {
    background-color: #e8e8e8
}

.incremental-stakes-container .incremental-stake-button:last-child {
    margin-right: 0
}

@media (hover:hover) and (pointer:fine) {
    .incremental-stakes-container .incremental-stake-button:hover {
        background-color: #e8e8e8
    }
}

.stake-input-container,
.stake-field-container {
    align-items: center;
    display: flex
}

.stake-input-container input[type=text],
.stake-field-container input[type=text] {
    padding-left: 5px;
    padding-right: 8px
}

.stake-field-scroll-container {
    overflow: hidden
}

.stake-input-container:active,
.stake-field-container:active {
    background-color: #f2f2f2
}

@media (hover:hover) and (pointer:fine) {
    .stake-input-container input:hover {
        cursor: pointer;
        background-color: #f2f2f2
    }
}

.stake-field-container {
    float: right;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    justify-content: flex-end;
    width: 93px;
    height: 33px;
    padding: 11px 0 10px 5px;
    line-height: .9em;
    position: relative
}

.stake-field-container .numpad-theme-error {
    left: 0
}

.stake-field-value {
    float: left;
    color: #000
}

.stake-field-value.empty-stake {
    color: #d6d6d6
}

.stake-container.editable .stake-field-container,
.stake-container.editable .stake-input-value {
    border-bottom: 2px solid #1284e0
}

.stake-container.editable .stake-field-value {
    float: right
}

.stake-container.has-error.editable .stake-field-container,
.stake-container.has-error.editable .stake-input-value {
    border-bottom: 2px solid #ff3b30
}

.stake-container.has-error .numpad-theme-error {
    display: inline
}

.stake-container.has-error .numpad-theme-error:hover {
    cursor: pointer
}

.stake-container.has-error .stake-input-adornment--start,
.stake-container.has-error .stake-field-adornment--start {
    display: none
}

.stake-container.has-error .stake-input-container input[type=text],
.stake-container.has-error .stake-field-container {
    padding-left: 14px
}

.stake-field-container.selected .stake-field-value {
    background: #d6d6d6;
    padding: 2px 0
}

.stake-container {
    justify-content: flex-end;
    display: flex
}

.stake-container .stake-input-value {
    font-size: 18px
}

.stake-container .stake-field-container {
    padding-right: 5px;
    font-size: 16px
}

.stake-container .numpad-theme-error {
    padding-left: 3px;
    line-height: 1em;
    display: none;
    position: absolute
}

.stake-container .icon-allignment {
    margin-top: 2px;
    margin-left: 12px;
    padding-left: 0
}

.stake-container .stake-field,
.stake-container .stake-input {
    color: var(--theme-danger)
}

.stake-container .stake-field-adornment,
.stake-container .stake-input-adornment {
    font-size: .875rem;
    line-height: 1rem
}

.stake-container .stake-field-adornment--start,
.stake-container .stake-input-adornment--start {
    padding-left: .25rem;
    position: absolute
}

.stake-container .stake-field-adornment--start {
    left: 0
}

.stake-input-container input:focus {
    box-shadow: none;
    outline-width: 0
}

.stake-field-container.disabled .stake-field-value,
.stake-input-container.disabled .stake-field-value {
    color: #0000004d
}

.edit-bet-stake-numpad__item_stake_field .stake-input-container {
    width: 93px;
    height: 33px
}

.edit-bet-stake-numpad__item_stake_field .stake-input-container input {
    text-align: right;
    padding: 0 5px 0 0;
    height: inherit !important
}

.EMB-stake__numpad {
    padding-top: 8px
}

.EMB-stake__numpad .numpad-container {
    margin: 0
}

.EMB-stake__numpad .numpad-container .numpad-keys {
    padding: 7px 0
}

.numpad-host-wrapper {
    clear: both;
    background: 0 0;
    max-height: 0;
    display: block;
    position: relative;
    overflow: hidden
}

ms-betslip-component .stake-container.length-L input,
ms-betslip-edit-mybet .stake-container.length-L input,
ms-general-betslip-settings .stake-container.length-L input {
    padding-right: .1em;
    font-size: 15px
}

ms-betslip-component .numpad-host-wrapper {
    background: #fff
}

ms-betslip-component .numpad-error {
    background: #fff;
    padding: 0 8px 8px
}

ms-betslip-component .stake-field-container,
ms-betslip-component .stake-input-container {
    float: initial;
    width: 93px
}

ms-betslip-component .stake-input-container {
    z-index: 2;
    height: 33px;
    margin-right: 0
}

ms-betslip-component .stake-field-container {
    border: 1px solid #d6d6d6
}

ms-betslip-component .stake-input-container:active,
ms-betslip-component .stake-field-container:active {
    background-color: #f2f2f2
}

@media (hover:hover) and (pointer:fine) {
    ms-betslip-component .stake-input-container .stake-input-value:hover {
        cursor: pointer;
        background-color: #f2f2f2
    }
}

ms-betslip-component ms-betslip-stakebar .numpad-host-wrapper.opened {
    max-height: 128.5px;
    padding-top: 3.5px
}

ms-betslip-component ms-betslip-stakebar .isUnderError .numpad-host-wrapper.opened {
    max-height: 125px;
    padding-top: 0
}

ms-betslip-component .sport-pick .stake,
ms-betslip-component .betbuilder-pick .stake {
    flex-direction: column;
    display: flex
}

.numpad-error {
    color: #ff3b30;
    background-color: #0000;
    padding: 0;
    font-size: .8em
}

ms-betslip-summary .numpad-error {
    padding: 0 0 8px
}

.ms2overlay.ontop,
.overlay.ontop {
    z-index: 9998
}

.modal.betbuilder-modal .betbuilder-widget {
    height: 100%;
    overflow: auto
}

.modal.betbuilder-modal .betbuilder-widget .header {
    color: #000;
    background-color: #fff;
    line-height: 2em
}

.modal.betbuilder-modal .betbuilder-widget .header .header-title {
    font-size: 1.1em;
    font-weight: 700
}

.modal.betbuilder-modal .betbuilder-widget .header .close {
    color: inherit;
    line-height: inherit;
    margin: 9px auto auto;
    bottom: 0
}

.modal.betbuilder-modal .header {
    color: #000;
    text-align: left;
    border-bottom: 1px solid #d6d6d6;
    height: auto;
    max-height: 14%;
    padding: .4em .6em
}

.modal.betbuilder-modal .header .header-title {
    text-transform: none;
    font-size: 1.1em;
    font-weight: 700
}

.modal.betbuilder-modal .header .close {
    top: 8px
}

.modal.betbuilder-modal iframe {
    width: 99.9%;
    height: 90%
}

html.popup-on:not(.az-menu-desktop) footer {
    z-index: 949
}

html.popup-on:not(.az-menu-desktop) .slot-messages {
    display: none
}

html.popup-on:not(.az-menu-desktop) .column-right,
html.popup-on:not(.az-menu-desktop) .column-center {
    overflow-y: hidden
}

.authenticated #popup .popup-animate {
    top: 3.5em
}

.authenticated #popup .popup-animate.popup-betbuilder {
    top: 0
}

.bet-builder-modal-dialog.modal-dialog .container {
    color: #333
}

.bet-builder-modal-dialog.modal-dialog .container .header {
    border-bottom: 0
}

.bet-builder-modal-dialog.modal-dialog .container .header .close {
    color: #000
}

.bet-builder-modal-dialog.modal-dialog .container .header-title {
    color: #000;
    padding-top: 0;
    font-size: 1.1em;
    font-weight: 700
}

.bet-builder-modal-dialog .message-dialog {
    padding: 0
}

.bet-builder-modal-dialog .message-dialog p {
    padding: 0 2em;
    font-weight: 400
}

.bet-builder-modal-dialog .message-dialog .btn {
    color: #000 !important;
    background-color: #f5f5f5 !important
}

.bet-builder-modal-dialog .message-dialog .btn.bet-builder-error-button {
    width: 80%;
    margin: auto auto 2em
}

.bet-builder-modal-dialog .message-dialog .btn.bet-builder-close-prevention-button {
    width: 50%;
    box-shadow: none;
    border-radius: 0;
    display: inline-block
}

.bet-builder-modal-dialog .message-dialog .btn.bet-builder-close-prevention-button:first-of-type {
    border-right: 1px solid #d8d8d8
}

.casino-overlay-top-nav-close {
    color: #fff;
    z-index: 999;
    display: flex;
    position: absolute;
    top: 1em;
    right: 4%
}

.casino-sports-overlay>.modal-dialog {
    align-items: unset
}

.isTablet:not(.landscape) #introDescription {
    padding: 2.7em 3em 1em !important
}

.isTablet:not(.landscape) .dropdown-sliding-menu {
    overflow: hidden
}

.product-menu .product-menu-content .product-menu-tabs {
    overflow-x: auto
}

.product-menu .product-menu-content .product-menu-tabs .menu-item {
    color: #333;
    border-right: 1px solid #eaeaea
}

.navigation-layout-open .navigation-layout-page .header-ctrl-wrapper {
    top: auto
}

ms-re-bet {
    padding: 8px 12px 0
}

ms-re-bet.re-bet-hidden {
    display: none
}

ms-re-bet:before {
    content: "";
    border-top: 1px solid #eaeaea;
    margin: 0 -12px;
    padding-bottom: 8px;
    display: block
}

ms-re-bet .my-bets-re-bet-description {
    color: #707070;
    padding-bottom: .3rem;
    font-size: .75rem;
    display: block
}

ms-re-bet .re-bet-button {
    width: 100%
}

ms-re-bet .re-bet-button.half-width-btn {
    width: 150px;
    padding-left: 8px;
    padding-right: 8px
}

ms-help-box-re-bet ms-help-box-badge {
    margin-top: .25rem;
    display: block
}

.app__edit-bet-mode ms-re-bet {
    display: none
}

.clear-betslip-dialog .modal-content {
    border-radius: 4px;
    padding: 16px 20px 20px
}

.clear-betslip-dialog_title {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 700
}

.clear-betslip-dialog_success-container .clear-betslip-dialog_messages {
    padding: 30px 0
}

.clear-betslip-dialog_success-container .clear-betslip-dialog_messages .clear-betslip-dialog_message {
    padding-top: 15px
}

.clear-betslip-dialog_message {
    padding: 0 0 10px;
    font-size: 16px
}

.clear-betslip-dialog_buttons {
    padding-top: 10px;
    display: flex
}

.clear-betslip-dialog_buttons>button {
    flex-grow: 1;
    margin: 0 5px
}

.clear-betslip-dialog .clear-betslip-check-icon {
    color: var(--theme-success);
    display: inline
}

.scoreboard.large {
    min-height: 13em;
    max-height: calc(13em + 25px)
}

.scoreboard.large .scoreboard,
.scoreboard.large .alert-icon {
    animation: .5s fade-large
}

@keyframes fade-large {

    0%,
    70% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.scoreboard.large.scored {
    height: auto;
    max-height: none
}

.scoreboard.medium {
    min-height: 4.375em
}

.scoreboard.medium .scoreboard,
.scoreboard.medium .alert-icon {
    animation: .5s fade-medium
}

@keyframes fade-medium {

    0%,
    70% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.scoreboard.medium.fixed {
    max-height: calc(7.375em + 25px)
}

.scoreboard.medium.scored {
    height: 11.25em;
    max-height: none
}

.scoreboard.small {
    min-height: 4.375em
}

.scoreboard.small .scoreboard,
.scoreboard.small .alert-icon {
    animation: .5s fade-small
}

@keyframes fade-small {

    0%,
    70% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.scoreboard.small.scored {
    height: auto;
    max-height: none
}

.scoreboard.small.fixed {
    max-height: calc(4.375em + 25px)
}

.scoreboard.tiny {
    min-height: 2.75em;
    max-height: calc(2.75em + 25px);
    margin-top: 2px
}

.scoreboard.tiny .scoreboard,
.scoreboard.tiny .alert-icon {
    animation: .5s fade-tiny
}

@keyframes fade-tiny {

    0%,
    70% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.scoreboard.tiny .image-profile {
    width: 30px;
    height: 30px
}

.scoreboard.tiny .image-profile img {
    width: 25px;
    height: 25px
}

.scoreboard.tiny .alert-icon {
    display: none
}

.scoreboard.tiny .participant-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: ltr
}

.scoreboard.tiny ms-best-of {
    display: none
}

.scoreboard.tiny:not(.fixed) {
    margin-top: 0
}

@media (min-width:1280px) {
    .scoreboard.medium.fixed:not(.scored) {
        max-height: 125px
    }
}

.scoreboard .event-description {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-self: center;
    width: calc(100% - 60px);
    padding-top: 12px;
    padding-bottom: 0;
    font-size: 11px;
    display: none;
    overflow: hidden
}

.scoreboard.with-event-description:not(.tiny) .event-description {
    display: block
}

.scoreboard .pair-game .participant-name,
.scoreboard .period-game .participant-name,
.scoreboard .prematch .participant-name,
.scoreboard .prematch-tournament .participant-name,
.scoreboard .baseball .participant-name {
    justify-content: space-between;
    align-items: center
}

.scoreboard:not(.started) .period-game .participant-name-value.truncate,
.scoreboard:not(.started) .prematch .participant-name-value.truncate,
.scoreboard:not(.started) .prematch-tournament .participant-name-value.truncate,
.scoreboard:not(.started) .baseball .participant-name-value.truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media (max-width:1279.98px) {

    .scoreboard:not(.started) .period-game .participant-name-value.short,
    .scoreboard:not(.started) .prematch .participant-name-value.short,
    .scoreboard:not(.started) .prematch-tournament .participant-name-value.short,
    .scoreboard:not(.started) .baseball .participant-name-value.short {
        max-width: 70%;
        overflow: hidden
    }
}

.event-details .header-content .scoreboard,
.showcase-content-container .scoreboard {
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    flex: 0 100%;
    display: flex;
    position: relative
}

.event-details .header-content .scoreboard.fading,
.showcase-content-container .scoreboard.fading {
    animation: .5s ease-in smooth
}

.event-details .header-content .scoreboard.small,
.showcase-content-container .scoreboard.small {
    padding: 0 .2em
}

.event-details .header-content .scoreboard:not(.small),
.showcase-content-container .scoreboard:not(.small) {
    padding: .2em
}

.event-details .header-content .scoreboard:not(.fixed),
.showcase-content-container .scoreboard:not(.fixed) {
    padding: 0
}

.disable-animation .event-details .header-content .scoreboard,
.disable-animation .showcase-content-container .scoreboard {
    animation: none
}

.event-details .header-content .scoreboard .pair-game,
.event-details .header-content .scoreboard .snooker,
.event-details .header-content .scoreboard .cricket-game,
.event-details .header-content .scoreboard .baseball,
.event-details .header-content .scoreboard .baseball-live,
.event-details .header-content .scoreboard .leaderboard-game,
.event-details .header-content .scoreboard .set-game,
.event-details .header-content .scoreboard .special-game,
.event-details .header-content .scoreboard .tournament,
.event-details .header-content .scoreboard .period-game,
.event-details .header-content .scoreboard .period-game-live,
.event-details .header-content .scoreboard .prematch,
.event-details .header-content .scoreboard .prematch-tournament,
.event-details .header-content .scoreboard .set-game.darts,
.showcase-content-container .scoreboard .pair-game,
.showcase-content-container .scoreboard .snooker,
.showcase-content-container .scoreboard .cricket-game,
.showcase-content-container .scoreboard .baseball,
.showcase-content-container .scoreboard .baseball-live,
.showcase-content-container .scoreboard .leaderboard-game,
.showcase-content-container .scoreboard .set-game,
.showcase-content-container .scoreboard .special-game,
.showcase-content-container .scoreboard .tournament,
.showcase-content-container .scoreboard .period-game,
.showcase-content-container .scoreboard .period-game-live,
.showcase-content-container .scoreboard .prematch,
.showcase-content-container .scoreboard .prematch-tournament,
.showcase-content-container .scoreboard .set-game.darts {
    flex: 1em;
    justify-content: center;
    width: 100%;
    max-width: 600px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.event-details .header-content .scoreboard .live-pitcher-icon,
.showcase-content-container .scoreboard .live-pitcher-icon {
    flex-direction: column;
    justify-content: flex-end;
    gap: 28px;
    display: flex
}

.event-details .header-content .scoreboard .event-time .date,
.event-details .header-content .scoreboard .event-time .time,
.showcase-content-container .scoreboard .event-time .date,
.showcase-content-container .scoreboard .event-time .time {
    display: block
}

.event-details .header-content .scoreboard .participant-info,
.showcase-content-container .scoreboard .participant-info {
    align-items: center;
    min-width: 0;
    font-size: .875em;
    line-height: 1em;
    overflow: hidden
}

.event-details .header-content .scoreboard .participant-name,
.showcase-content-container .scoreboard .participant-name {
    line-height: 1.2em;
    overflow: hidden
}

.event-details .header-content .scoreboard .participant-name em,
.showcase-content-container .scoreboard .participant-name em {
    padding-right: .13em
}

.event-details .header-content .scoreboard .participant-country,
.showcase-content-container .scoreboard .participant-country {
    margin-left: 3px
}

.event-details .header-content .scoreboard .participant-favourite,
.showcase-content-container .scoreboard .participant-favourite {
    margin: 0 .57em
}

@media (max-width:320px) {

    .event-details .header-content .scoreboard .participant-favourite,
    .showcase-content-container .scoreboard .participant-favourite {
        margin: 0 .3em
    }
}

.event-details .header-content .scoreboard .participant-favourite .favourite:before,
.showcase-content-container .scoreboard .participant-favourite .favourite:before {
    -webkit-text-fill-color: #0000;
    -webkit-text-stroke-color: #fff
}

.event-details .header-content .scoreboard .participant-favourite .favourite.selected:before,
.showcase-content-container .scoreboard .participant-favourite .favourite.selected:before {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: #fff
}

.event-details .header-content .scoreboard .participant-favourite .favourite.disabled:before,
.showcase-content-container .scoreboard .participant-favourite .favourite.disabled:before {
    -webkit-text-fill-color: #0000;
    -webkit-text-stroke-color: #ffffff4d
}

.event-details .header-content .scoreboard .serving-indicator:before,
.showcase-content-container .scoreboard .serving-indicator:before {
    content: "";
    opacity: .7;
    background-color: #fff;
    border-radius: 50%;
    width: .25rem;
    height: .25rem;
    display: inline-block
}

.event-details .header-content .away-indicator,
.showcase-content-container .away-indicator {
    margin-left: 3px;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 300;
    display: none
}

.event-details .header-content .away-indicator-inline,
.showcase-content-container .away-indicator-inline {
    font-size: 11px;
    position: relative;
    bottom: 1px
}

.event-details .header-content .away-indicator-stand-alone,
.showcase-content-container .away-indicator-stand-alone {
    margin-bottom: 1px
}

@media (min-width:1280px) {
    .scoreboard.starting-in.small .pair-game .score-wrapper {
        margin-top: 3px
    }

    .scoreboard.starting-in.small .snooker .participant-info {
        margin-top: 8px
    }

    .scoreboard.starting-in.small .snooker .score-wrapper {
        margin-top: 3px
    }

    .scoreboard.starting-in.small .set-game .participant {
        margin-top: 8px
    }

    .scoreboard.starting-in.small .set-game .header {
        margin-top: 3px
    }

    .scoreboard.starting-in.small .special-game .participant-info {
        margin-top: 8px
    }

    .scoreboard.starting-in.small .special-game .score-wrapper {
        margin-top: 3px
    }
}

.tiny .participant-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: ltr
}

.tiny .scoreboard-timer {
    padding-bottom: 0
}

.scoreboard-message-list {
    color: #fffc;
    z-index: 99;
    flex-direction: column;
    flex: 1;
    min-height: 1.75rem;
    display: flex;
    position: relative
}

.scoreboard-message-list .message-last {
    flex-grow: 0;
    flex-shrink: 0;
    height: 1.75rem;
    display: flex;
    position: relative
}

.scoreboard-message-list .message-last .scoreboard-message-icons {
    margin: 0;
    padding: .7em .92em 0 .65em;
    font-size: .75em;
    display: inline-flex
}

.scoreboard-message-list .message-last .message-list-separator {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.scoreboard-message-list .message-last .padding-right {
    padding-right: 3em
}

.scoreboard-message-list .message-list {
    --scrollbar-thumb-color: #acacacb3;
    --scrollbar-thumb-hover-color: #acacac;
    --scrollbar-padding: .25em;
    box-shadow: none;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    padding-right: 20px;
    position: relative;
    overflow: hidden
}

.scoreboard-message-list .message-list .text,
.scoreboard-message-list .message-list .time,
.scoreboard-message-list .message-list .icon {
    display: table-cell
}

.scoreboard-message-list .scoreboard-message {
    width: 100%;
    font-size: .75em;
    display: flex;
    overflow: hidden
}

.scoreboard-message-list .scoreboard-message .icon {
    min-width: 2.3em
}

.scoreboard-message-list .scoreboard-message .icon .scoreboard-sport-icon {
    position: relative;
    top: 1px
}

.scoreboard-message-list .scoreboard-message .text {
    color: #fffc;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    overflow: hidden
}

.scoreboard-message-list .scoreboard-message .text.toggled {
    text-overflow: initial
}

.scoreboard-message-list .scoreboard-message .time {
    font-weight: 700
}

.scoreboard-message-list .scoreboard-message .time,
.scoreboard-message-list .scoreboard-message .text {
    display: inline
}

.scoreboard-message-list .scoreboard-message .icon,
.scoreboard-message-list .scoreboard-message .time,
.scoreboard-message-list .scoreboard-message .text {
    padding: .65em .3em;
    display: block
}

.scoreboard-message-list .scoreboard-message .icon:first-child,
.scoreboard-message-list .scoreboard-message .time:first-child,
.scoreboard-message-list .scoreboard-message .text:first-child {
    padding-left: .92em
}

.scoreboard-message-list .scoreboard-message .red {
    color: #da0012
}

.scoreboard-message-list .scoreboard-message .green {
    color: #60bb00
}

.scoreboard-message-list .scoreboard-message .yellow {
    color: #f9ca00
}

.scoreboard-message-list .scoreboard-message .brown {
    color: #8f684c
}

.scoreboard-message-list .scoreboard-message .blue {
    color: #4376eb
}

.scoreboard-message-list .scoreboard-message .pink {
    color: #eb7f8b
}

.scoreboard-message-list .scoreboard-message .black {
    color: #000
}

.scoreboard-message-list .scoreboard-message.highlight .icon,
.scoreboard-message-list .scoreboard-message.highlight .time,
.scoreboard-message-list .scoreboard-message.highlight .text {
    color: #fff;
    font-weight: 700
}

.scoreboard-message-list .message-list-separator {
    background-color: #fff3;
    height: 1px;
    margin: 0 8px
}

.scoreboard-timer {
    text-align: center;
    color: #fffc;
    width: 100%;
    margin-top: -1.09em;
    padding-bottom: .675em;
    font-size: .6875em;
    line-height: 13px;
    display: block
}

.scoreboard-timer b {
    color: #fff
}

@media (min-width:600px) {
    .scoreboard-timer {
        padding-bottom: 1.12em
    }
}

.scoreboard.with-event-description .scoreboard-timer {
    margin-top: 0
}

.event-detail-header .header-content.umber-solid .scoreboard .theme-favorite-i.disabled:before,
.event-detail-header .header-content.umber .scoreboard .theme-favorite-i.disabled:before {
    -webkit-text-fill-color: #0000;
    -webkit-text-stroke-color: #ffffff40
}

.event-detail-header .header-content.umber-solid .scoreboard .theme-favorite-i:before,
.event-detail-header .header-content.umber .scoreboard .theme-favorite-i:before {
    -webkit-text-fill-color: #0000;
    -webkit-text-stroke-color: #fff
}

.event-detail-header .header-content.umber-solid .scoreboard .theme-favorite-i.selected:before,
.event-detail-header .header-content.umber .scoreboard .theme-favorite-i.selected:before {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: #fff
}

.message-list-container {
    flex-direction: column;
    height: calc(100% - 130px);
    display: flex
}

.message-list-container.short {
    height: calc(100% - 240px)
}

@media (max-width:1279.98px) {
    .scoreboard-message-list .message-list {
        height: calc(100% - 1.75rem) !important
    }
}

@media (min-width:1280px) {
    .message-list-container {
        height: 28px;
        position: relative
    }

    .scoreboard-message-list {
        min-width: 320px;
        max-width: 536px;
        position: absolute
    }

    .scoreboard-message-list .arrow {
        position: initial;
        padding-bottom: initial;
        display: table-cell
    }

    .scoreboard-message-list .message-last .scoreboard-message {
        width: auto
    }

    .scoreboard-message-list .message-last .icon {
        min-width: 2.3em
    }

    .scoreboard-message-list .message-list {
        z-index: 1;
        background-color: #000;
        border-bottom-right-radius: .4em;
        border-bottom-left-radius: .4em;
        max-width: 100%;
        max-height: 276px
    }

    .scoreboard-message-list .message-list .scoreboard-message .icon {
        min-width: 2.3em
    }

    .header-content.black .message-list,
    .header-content.black-solid .message-list {
        background: #000
    }

    .header-content.brown .message-list,
    .header-content.brown-solid .message-list {
        background: #782000
    }

    .header-content.green .message-list,
    .header-content.green-solid .message-list {
        background: #347320
    }

    .header-content.umber .message-list,
    .header-content.umber-solid .message-list {
        background: #704300
    }

    .header-content.gray .message-list,
    .header-content.gray-solid .message-list {
        background: #5d6971
    }

    .header-content.grass .message-list,
    .header-content.grass-solid .message-list {
        background: #264d00
    }

    .header-content.waterblue .message-list,
    .header-content.waterblue-solid .message-list {
        background: #214780
    }

    .header-content.road .message-list,
    .header-content.road-solid .message-list {
        background: #3a3a3a
    }

    .header-content.generic .message-list,
    .header-content.generic-solid .message-list {
        background: #093841
    }
}

.participant-logo-container {
    background-color: #fffc;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    max-width: 28px;
    height: 3.5rem;
    max-height: 28px;
    display: inline-flex
}

@media (min-width:1280px) {
    .participant-logo-container {
        border-radius: 17px;
        max-width: 35px;
        max-height: 35px
    }
}

@media (max-width:320px) {
    .participant-logo-container {
        max-width: 24px;
        max-height: 24px
    }
}

.participant-logo-container .participant-logo {
    width: 3rem;
    max-width: 21px;
    height: 3rem;
    max-height: 21px
}

@media (min-width:1280px) {
    .participant-logo-container .participant-logo {
        max-width: 26px;
        max-height: 26px
    }
}

@media (max-width:320px) {
    .participant-logo-container .participant-logo {
        max-width: 18px;
        max-height: 18px
    }
}

.scoreboard.started .participant-logo-container {
    max-width: 20px;
    max-height: 20px
}

.scoreboard.started .participant-logo-container .participant-logo {
    max-width: 16px;
    max-height: 16px
}

@media (max-width:959.98px) {

    .header-content .scoreboard.medium .participant-details-container .main-score .participant .participant-logo,
    .header-content .scoreboard.medium .participant-details .participant ms-participant-image {
        height: 36px
    }

    .header-content .scoreboard .participant .player-shirt img,
    .header-content .scoreboard .participant-snooker .player-shirt img {
        width: 36px;
        max-width: fit-content;
        height: 36px
    }
}

.player-shirt img {
    width: 45px;
    height: 45px
}

.participant-jersey .player-shirt {
    width: 20px
}

.participant-jersey .player-shirt img {
    height: 20px
}

.image-profile {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    display: flex
}

.image-profile img {
    width: 30px;
    height: 30px
}

.fallback-color {
    background-color: var(--theme-body-20)
}

.rotate-image {
    transform: scaleX(-1)
}

.bespoke-scoreboard-container .participant-favourite {
    padding-top: 4px
}

@media (max-width:959.98px) {
    .bespoke-scoreboard-container .participant-favourite {
        padding-top: 0
    }
}

@media (max-width:1279.98px) {
    .scoreboard.started.bespoke-scoreboard-container.medium {
        flex: unset;
        flex-basis: unset;
        flex-grow: 0;
        flex-shrink: 0
    }

    .event-details .header-content .scoreboard {
        flex: initial
    }

    .message-list-container {
        height: calc(100% - 120px)
    }

    .message-list-container.bespoke-message-list-container {
        height: calc(100% - 130px)
    }
}

.statistics-button {
    color: #fff;
    width: 1.75rem;
    height: 1.5rem;
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

@media (hover:hover) and (pointer:fine) {
    .statistics-button:hover {
        cursor: pointer;
        background-color: #0000
    }
}

.statistics-button .actual,
.statistics-button .hover {
    text-align: center;
    line-height: 1.5rem
}

.statistics-button .actual {
    display: block
}

.statistics-button .hover {
    display: none
}

.statistics-button:hover .hover {
    display: block
}

.statistics-button:hover .actual {
    display: none
}

.header-content .scoreboard.edp-scoreboard.medium .baseball,
.header-content .scoreboard.edp-scoreboard.medium .pair-game,
.header-content .scoreboard.edp-scoreboard.medium .period-game {
    flex-direction: row;
    height: 125px;
    min-height: 125px;
    max-height: 125px;
    padding: 12px 8px
}

.header-content .scoreboard.edp-scoreboard.medium .tournament,
.header-content .scoreboard.edp-scoreboard.medium .leaderboard-game {
    text-align: left;
    height: 81px;
    min-height: 81px;
    max-height: 81px
}

.header-content .scoreboard.edp-scoreboard.medium .special-game {
    flex-direction: row;
    justify-content: start;
    height: 125px;
    min-height: 125px;
    max-height: 125px;
    padding: 8px
}

.header-content .scoreboard.edp-scoreboard.medium .cricket-game {
    height: 125px;
    min-height: 125px;
    max-height: 125px;
    padding: 12px 8px
}

.darts-icon {
    color: #c0a971
}

.scoreboard.tiny:not(.edp-scoreboard) .pair-game .participant-details ms-participant-image,
.scoreboard.tiny:not(.edp-scoreboard) .period-game .participant ms-participant-image {
    padding-left: 0;
    padding-right: 8px
}

.scoreboard.tiny:not(.edp-scoreboard) .pair-game .participant-details:last-child ms-participant-image,
.scoreboard.tiny:not(.edp-scoreboard) .period-game .participant:last-child ms-participant-image {
    padding-left: 8px;
    padding-right: 0
}

.scoreboard.tiny .participant .player-shirt img {
    width: 30px;
    min-width: 30px;
    height: 30px
}

.header-content .scoreboard.medium .baseball,
.showcase-content-container .scoreboard.medium .baseball {
    height: 170px;
    min-height: 170px;
    max-height: 170px
}

@media (max-width:1279.98px) {

    .header-content .scoreboard.medium .baseball,
    .showcase-content-container .scoreboard.medium .baseball {
        height: 160px;
        min-height: 160px;
        max-height: 160px
    }
}

.scoreboard .baseball {
    flex-direction: column;
    display: flex
}

@media (max-width:959.98px) {
    .scoreboard .baseball {
        padding-top: 0
    }
}

.scoreboard .baseball .main-score {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex
}

.scoreboard .baseball .main-score .event-score {
    color: #fff;
    text-align: center;
    flex-direction: column;
    font-weight: 700;
    display: flex
}

.scoreboard .baseball .main-score .header {
    white-space: nowrap;
    color: #fffc;
    flex: 10%;
    order: 2;
    justify-content: center;
    align-self: flex-start;
    margin: 0 8px;
    padding-top: 10px;
    font-size: 12px;
    display: flex
}

.scoreboard .baseball .main-score .header .event-time {
    text-align: center;
    line-height: 16px;
    display: block
}

.scoreboard .baseball .main-score .header .scoreboard-timer {
    text-align: center;
    margin: 0;
    padding-bottom: 0;
    font-size: 1em;
    line-height: 16px;
    display: block
}

.scoreboard .baseball .main-score .header .scoreboard-timer b {
    color: #fff
}

.scoreboard .baseball .main-score .participant {
    flex-direction: column;
    flex: 33.3%;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    font-weight: 700;
    display: flex;
    overflow: hidden
}

.scoreboard .baseball .main-score .participant:nth-child(2) {
    order: 1;
    align-items: center
}

.scoreboard .baseball .main-score .participant:nth-child(2) .participant-name {
    text-align: center
}

.scoreboard .baseball .main-score .participant:nth-child(3) {
    order: 3;
    align-items: center
}

.scoreboard .baseball .main-score .participant:nth-child(3) .participant-info {
    flex-direction: row-reverse
}

.scoreboard .baseball .main-score .participant:nth-child(3) .participant-name {
    text-align: center
}

.scoreboard .baseball .main-score .participant .participant-info {
    display: flex
}

.scoreboard .baseball .main-score .participant .participant-favourite {
    font-size: 14px
}

.scoreboard .baseball .main-score .participant-name {
    line-height: 23px
}

@media (max-width:959.98px) {
    .scoreboard .baseball .main-score .participant-name .participant-name-value {
        font-size: 14px
    }
}

.scoreboard .baseball .live-pitcher-icon {
    flex-direction: column;
    justify-content: flex-end;
    gap: 28px;
    display: flex
}

.scoreboard.tiny .baseball {
    padding: 0 11px
}

.scoreboard.tiny .baseball .main-score {
    height: unset;
    justify-content: space-around;
    align-items: flex-start;
    padding: 0 11px;
    display: flex
}

.scoreboard.tiny .baseball .main-score .header {
    align-items: center;
    padding-top: 0;
    font-size: 11px
}

.scoreboard.tiny .baseball .main-score .header .scoreboard-timer {
    padding: 0;
    line-height: 11px
}

.scoreboard.tiny .baseball .main-score .header .event-time {
    line-height: 13px
}

.scoreboard.tiny .baseball .main-score .header .event-time .date:first-child {
    padding-top: 2px
}

.scoreboard.tiny .baseball .main-score .header .event-time .date:first-child+.time {
    padding-top: 3px
}

.scoreboard.tiny .baseball .main-score .header .event-time .date:first-child+.time+.scoreboard-timer {
    padding-bottom: 3px
}

.scoreboard.tiny .baseball .main-score .event-score .score-container {
    height: 22px;
    font-size: 20px;
    line-height: 24px
}

.scoreboard.tiny .baseball .main-score .event-score .score-counter {
    height: 22px;
    display: inline-block;
    overflow: hidden
}

.scoreboard.tiny .baseball .main-score .event-score .score-separator {
    height: 22px;
    padding: 0 5px;
    display: inline-block;
    overflow: hidden
}

.scoreboard.tiny .baseball .main-score .event-score .period-name {
    font-size: 10px;
    font-weight: 400
}

.scoreboard.tiny .baseball .main-score .participant {
    flex-direction: row;
    justify-content: flex-start;
    align-self: center
}

.scoreboard.tiny .baseball .main-score .participant .participant-info {
    font-size: 1em
}

.scoreboard.tiny .baseball .main-score .participant .participant-favourite,
.scoreboard.tiny .baseball .main-score .participant .participant-info .participant-name span {
    display: none
}

.scoreboard.tiny .baseball .main-score .participant .participant-logo {
    margin: 0
}

.scoreboard.tiny .baseball .main-score .participant .participant-logo .player-shirt.image-loaded,
.scoreboard.tiny .baseball .main-score .participant .participant-logo .player-shirt img {
    width: 30px;
    height: 30px
}

.scoreboard.tiny .baseball .main-score .participant:nth-child(2) .image-loaded {
    margin-right: 4px
}

.scoreboard.tiny .baseball .main-score .participant:nth-child(3) {
    flex-direction: row-reverse
}

.scoreboard.tiny .baseball .main-score .participant:nth-child(3) .image-loaded {
    margin-left: 4px
}

.scoreboard.tiny .baseball .main-score .away-indicator {
    display: none
}

.scoreboard.tiny .baseball .main-score .participant-name {
    line-height: 17px
}

.scoreboard.tiny .baseball .main-score .participant-name .participant-name-value {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.scoreboard.medium .baseball .main-score {
    width: 100%;
    max-width: 600px;
    height: unset;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px
}

@media (max-width:959.98px) {
    .scoreboard.medium .baseball .main-score .scoreboard-timer {
        padding-top: 5px
    }
}

.scoreboard.medium .baseball .main-score .event-score .score-container {
    height: 35px;
    font-size: 28px;
    line-height: 37px
}

.scoreboard.medium .baseball .main-score .event-score .score-container.inactive {
    opacity: .5
}

.scoreboard.medium .baseball .main-score .event-score .score-counter {
    height: 32px;
    display: inline-block;
    overflow: hidden
}

.scoreboard.medium .baseball .main-score .event-score .score-separator {
    height: 32px;
    padding: 0 7px;
    display: inline-block;
    overflow: hidden
}

.scoreboard.medium .baseball .main-score .event-score .period-name {
    font-size: 10px
}

.scoreboard.medium .baseball .main-score .participant {
    flex-direction: column;
    padding-bottom: 11px
}

.scoreboard.medium .baseball .main-score .participant .participant-logo {
    justify-content: center;
    margin-bottom: 5px
}

.scoreboard.medium .baseball .main-score .participant .participant-info {
    align-items: flex-start;
    max-width: 85%;
    font-size: 18px;
    display: flex
}

@media (max-width:599.98px) {
    .scoreboard.medium .baseball .main-score .participant .participant-info {
        font-size: 1em
    }
}

.scoreboard.medium .baseball .main-score .participant .participant-info .participant-name-value {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.scoreboard.medium .baseball .main-score .participant .participant-info .participant-name-value span {
    opacity: .8;
    font-size: .786em;
    font-weight: 300
}

.scoreboard.medium .baseball .main-score .participant:nth-child(2) .participant-name {
    text-align: left
}

.scoreboard.medium .baseball .main-score .participant:nth-child(3) .participant-name {
    text-align: right
}

@media (max-width:959.98px) {
    .scoreboard.medium .baseball .main-score .participant .participant-name {
        line-height: 19px
    }

    .scoreboard.medium .baseball .main-score .participant .participant-name-value {
        font-size: 14px
    }
}

.scoreboard.medium .baseball .main-score .participant-favourite {
    align-self: center
}

.scoreboard.medium .baseball .participant-details-container {
    align-items: flex-start;
    height: 118px;
    padding-top: 10px;
    display: flex
}

@media (max-width:1279.98px) {
    .scoreboard.medium .baseball .participant-details-container {
        height: 102px
    }
}

.scoreboard.medium .baseball .participant-favourite {
    align-self: flex-start
}

.scoreboard.medium .baseball .participant {
    padding-bottom: 0
}

.scoreboard.medium .baseball .participant .participant-logo {
    height: 45px
}

@media (min-width:960px) {
    .scoreboard.medium .baseball .participant:nth-child(2) .participant-logo {
        padding-left: 33px
    }
}

@media (max-width:959.98px) {
    .scoreboard.medium .baseball .participant:nth-child(2) .participant-logo {
        padding-left: 28px
    }
}

@media (min-width:960px) {
    .scoreboard.medium .baseball .participant:nth-child(3) .participant-logo {
        padding-right: 33px
    }
}

@media (max-width:959.98px) {
    .scoreboard.medium .baseball .participant:nth-child(3) .participant-logo {
        padding-right: 28px
    }

    .scoreboard .baseball .main-score {
        padding: 0
    }

    .scoreboard .baseball .main-score .participant-left,
    .scoreboard .baseball .main-score .participant-right {
        font-size: 14px
    }
}

.scoreboard.edp-scoreboard .baseball {
    flex-direction: row;
    gap: 8px;
    display: flex
}

.scoreboard.edp-scoreboard .baseball .participant-details-container {
    padding-top: 0
}

.event-details .header-content .scoreboard .baseball-live,
.showcase-content-container .scoreboard .baseball-live {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    display: flex
}

.event-details .header-content .scoreboard .baseball-live .score-divider,
.showcase-content-container .scoreboard .baseball-live .score-divider {
    background-color: #fff6;
    width: 1px;
    height: .8em;
    margin: 0 4px;
    display: inline-block
}

.event-details .header-content .scoreboard .baseball-live .baseball-indicator-icon,
.showcase-content-container .scoreboard .baseball-live .baseball-indicator-icon {
    color: #e6a31b
}

.event-details .header-content .scoreboard .baseball-live .inning-block,
.showcase-content-container .scoreboard .baseball-live .inning-block {
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: flex-end;
    margin: 0;
    display: flex
}

@media (min-width:600px) {

    .event-details .header-content .scoreboard .baseball-live .inning-block,
    .showcase-content-container .scoreboard .baseball-live .inning-block {
        margin-right: 7px
    }

    .event-details .header-content .scoreboard .baseball-live .inning-block.dt-lt-15-inning-block .set,
    .showcase-content-container .scoreboard .baseball-live .inning-block.dt-lt-15-inning-block .set {
        width: 25px
    }

    .event-details .header-content .scoreboard .baseball-live .inning-block.dt-lt-20-inning-block,
    .showcase-content-container .scoreboard .baseball-live .inning-block.dt-lt-20-inning-block {
        max-width: 390px
    }

    .event-details .header-content .scoreboard .baseball-live .inning-block.dt-gt-20-inning-block,
    .showcase-content-container .scoreboard .baseball-live .inning-block.dt-gt-20-inning-block {
        width: 390px
    }
}

@media (max-width:599.98px) {

    .event-details .header-content .scoreboard .baseball-live .inning-block,
    .showcase-content-container .scoreboard .baseball-live .inning-block {
        justify-content: flex-start;
        width: 190px
    }
}

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

    .event-details .header-content .scoreboard .baseball-live .inning-block,
    .showcase-content-container .scoreboard .baseball-live .inning-block {
        margin-right: 7px
    }
}

.event-details .header-content .scoreboard .baseball-live .header-info-baseball-score,
.showcase-content-container .scoreboard .baseball-live .header-info-baseball-score {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 3px;
    padding-bottom: 3px;
    overflow: hidden
}

@media (max-width:599.98px) {

    .event-details .header-content .scoreboard .baseball-live .header-info-baseball-score,
    .showcase-content-container .scoreboard .baseball-live .header-info-baseball-score {
        margin-top: 0
    }
}

.event-details .header-content .scoreboard .baseball-live .header-info-baseball-score ms-event-timer,
.showcase-content-container .scoreboard .baseball-live .header-info-baseball-score ms-event-timer {
    opacity: .8
}

.event-details .header-content .scoreboard .baseball-live .participant-header-info,
.showcase-content-container .scoreboard .baseball-live .participant-header-info {
    align-self: center;
    min-width: 0;
    max-width: 125px;
    margin-left: 7.8px;
    margin-right: 20px;
    padding-top: 15px;
    display: flex
}

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

    .event-details .header-content .scoreboard .baseball-live .participant-header-info,
    .showcase-content-container .scoreboard .baseball-live .participant-header-info {
        max-width: 87px;
        margin-right: 12px
    }
}

@media (min-width:600px) {

    .event-details .header-content .scoreboard .baseball-live .participant-header-info,
    .showcase-content-container .scoreboard .baseball-live .participant-header-info {
        margin-right: 12px
    }
}

.event-details .header-content .scoreboard .baseball-live .participant-header-info .live-participants-container,
.showcase-content-container .scoreboard .baseball-live .participant-header-info .live-participants-container {
    text-overflow: ellipsis;
    white-space: nowrap;
    align-self: flex-end;
    overflow: hidden
}

.event-details .header-content .scoreboard .baseball-live .baseball-participant-info,
.showcase-content-container .scoreboard .baseball-live .baseball-participant-info {
    font-weight: 400
}

.event-details .header-content .scoreboard .baseball-live .slidebar,
.showcase-content-container .scoreboard .baseball-live .slidebar {
    opacity: .4;
    background-color: #fff;
    width: 100%;
    height: 1px;
    margin: 1px 0
}

.event-details .header-content .scoreboard .baseball-live .baseball-indicator,
.showcase-content-container .scoreboard .baseball-live .baseball-indicator {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 12px;
    display: flex
}

.event-details .header-content .scoreboard .baseball-live .baseball-team-indicator,
.showcase-content-container .scoreboard .baseball-live .baseball-team-indicator {
    height: 14px;
    padding-right: 4px
}

@media (max-width:959.98px) {

    .event-details .header-content .scoreboard .baseball-live .baseball-team-indicator.player1,
    .showcase-content-container .scoreboard .baseball-live .baseball-team-indicator.player1 {
        padding-top: 1px
    }
}

.event-details .header-content .scoreboard .baseball-live .baseball-team-indicator.player2,
.showcase-content-container .scoreboard .baseball-live .baseball-team-indicator.player2 {
    padding-top: 3px
}

.event-details .header-content .scoreboard .baseball-live .baseball-left-inning-button,
.showcase-content-container .scoreboard .baseball-live .baseball-left-inning-button {
    background-color: #ffffff1a;
    border-radius: .4375em 0 0 .4375em;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 48px;
    margin-right: 6px;
    display: flex
}

.event-details .header-content .scoreboard .baseball-live .baseball-right-innning-button,
.showcase-content-container .scoreboard .baseball-live .baseball-right-innning-button {
    background-color: #ffffff1a;
    border-radius: .4375em 0 0 .4375em;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 48px;
    margin-left: 6px;
    margin-right: 5px;
    display: flex;
    transform: scaleX(-1)
}

.event-details .header-content .scoreboard .baseball-live .baseball-indicator-tiny,
.showcase-content-container .scoreboard .baseball-live .baseball-indicator-tiny {
    display: none
}

.event-details .header-content .scoreboard .baseball-live .innings:nth-child(2),
.showcase-content-container .scoreboard .baseball-live .innings:nth-child(2) {
    margin-top: 6px
}

.event-details .header-content .scoreboard .baseball-live .participant-name,
.showcase-content-container .scoreboard .baseball-live .participant-name {
    color: #fff
}

.event-details .header-content .scoreboard .baseball-live .baseball-left-button,
.showcase-content-container .scoreboard .baseball-live .baseball-left-button {
    fill: #fff;
    width: 8px;
    height: 8px;
    font-size: 8px
}

.event-details .header-content .scoreboard .baseball-live .set,
.showcase-content-container .scoreboard .baseball-live .set {
    opacity: .5;
    color: #fff;
    text-align: center;
    flex: 0 0 6%;
    width: 18px;
    height: 16px;
    padding-left: 2px;
    font-weight: 400;
    line-height: 16px;
    display: inline-block
}

.event-details .header-content .scoreboard .baseball-live .set.inning-info,
.showcase-content-container .scoreboard .baseball-live .set.inning-info {
    height: 12px;
    font-size: 10px;
    font-weight: 400;
    line-height: 13px
}

.event-details .header-content .scoreboard .baseball-live .set.highlighted,
.showcase-content-container .scoreboard .baseball-live .set.highlighted {
    opacity: 1
}

.event-details .header-content .scoreboard .baseball-live .set.highlightedscore,
.showcase-content-container .scoreboard .baseball-live .set.highlightedscore {
    opacity: .8
}

.event-details .header-content .scoreboard .baseball-live .set.runs,
.showcase-content-container .scoreboard .baseball-live .set.runs {
    font-weight: 700
}

.event-details .header-content .scoreboard .baseball-live .set-score,
.event-details .header-content .scoreboard .baseball-live .set-point,
.showcase-content-container .scoreboard .baseball-live .set-score,
.showcase-content-container .scoreboard .baseball-live .set-point {
    display: none
}

.event-details .header-content .scoreboard .baseball-live .participant,
.showcase-content-container .scoreboard .baseball-live .participant {
    display: flex
}

.event-details .header-content .scoreboard .baseball-live .participant .participant-name span,
.showcase-content-container .scoreboard .baseball-live .participant .participant-name span {
    font-size: .7em;
    font-weight: lighter
}

.event-details .header-content .scoreboard.started .baseball-live,
.showcase-content-container .scoreboard.started .baseball-live {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    font-weight: 400;
    display: flex
}

.event-details .header-content .scoreboard.started .baseball-live .event-time,
.event-details .header-content .scoreboard.started .baseball-live .participant-info,
.showcase-content-container .scoreboard.started .baseball-live .event-time,
.showcase-content-container .scoreboard.started .baseball-live .participant-info {
    font-size: 1em;
    display: flex
}

.event-details .header-content .scoreboard.started .baseball-live .participant-info .participant-favourite,
.showcase-content-container .scoreboard.started .baseball-live .participant-info .participant-favourite {
    order: 4;
    height: 16px;
    margin: 0 .3em;
    font-size: 14px;
    display: none
}

.event-details .header-content .scoreboard.started .baseball-live .participant-info .participant-name,
.showcase-content-container .scoreboard.started .baseball-live .participant-info .participant-name {
    width: unset;
    order: 2;
    justify-content: flex-start;
    line-height: 16px;
    display: flex
}

@media (max-width:599.98px) {

    .event-details .header-content .scoreboard.started .baseball-live .participant-info .participant-name,
    .showcase-content-container .scoreboard.started .baseball-live .participant-info .participant-name {
        justify-content: space-between
    }
}

.event-details .header-content .scoreboard.started .baseball-live .participant-info .participant-name .participant-name-value,
.showcase-content-container .scoreboard.started .baseball-live .participant-info .participant-name .participant-name-value {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.event-details .header-content .scoreboard.started .baseball-live .participant-info .participant-name .participant-logo-container,
.showcase-content-container .scoreboard.started .baseball-live .participant-info .participant-name .participant-logo-container {
    order: -1;
    margin-right: .2em
}

.event-details .header-content .scoreboard.started .baseball-live .away-indicator.away-indicator-inline,
.showcase-content-container .scoreboard.started .baseball-live .away-indicator.away-indicator-inline {
    display: none
}

.event-details .header-content .scoreboard.started .baseball-live .away-indicator.away-indicator-stand-alone,
.showcase-content-container .scoreboard.started .baseball-live .away-indicator.away-indicator-stand-alone {
    display: contents
}

@media (max-width:959.98px) {

    .event-details .header-content .scoreboard.started .baseball-live .innings-header,
    .showcase-content-container .scoreboard.started .baseball-live .innings-header {
        padding-bottom: 0
    }

    .event-details .header-content .scoreboard.started .baseball-live .slidebar,
    .showcase-content-container .scoreboard.started .baseball-live .slidebar {
        margin-top: 1px
    }
}

.event-details .header-content .scoreboard.started.tiny .baseball-live,
.showcase-content-container .scoreboard.started.tiny .baseball-live {
    display: none
}

.event-details .header-content .scoreboard.edp-scoreboard .baseball-live .inning-block {
    width: 153px;
    margin-left: 5px
}

.event-details .header-content .scoreboard.edp-scoreboard .baseball-live .baseball-left-inning-button,
.event-details .header-content .scoreboard.edp-scoreboard .baseball-live .baseball-right-innning-button {
    display: none
}

.scoreboard .leaderboard-game {
    flex-direction: column;
    padding: 0 .5em;
    position: relative
}

.scoreboard .leaderboard-game .event-time {
    opacity: .8;
    color: #fff;
    text-align: center;
    margin-top: 2px;
    font-size: 11px;
    line-height: 12px
}

.scoreboard .leaderboard-game .laps-weather-hide {
    visibility: hidden;
    line-height: 15px
}

.scoreboard .leaderboard-game .participant-country {
    font-size: 11px
}

.scoreboard .leaderboard-game .laps-weather-info {
    text-align: center;
    margin-top: 2px;
    margin-bottom: 10px;
    margin-right: 7px;
    font-size: .6875em;
    line-height: .8125em
}

.scoreboard .leaderboard-game .lap-weather-divider {
    opacity: .4;
    background-color: #fff;
    width: 1px;
    height: 9px;
    margin-right: .375em;
    display: inline-block
}

.scoreboard .leaderboard-game .make-country-info {
    opacity: .8;
    height: .75em;
    font-size: 11px;
    line-height: 14px;
    font-weight: initial;
    padding-left: 2px
}

.scoreboard .leaderboard-game .participant-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 580px;
    font-weight: 700;
    display: inline-block;
    overflow: hidden
}

.scoreboard .leaderboard-game .participant {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 164px;
    min-width: 50px;
    max-width: 164px;
    height: 16px;
    text-align: -webkit-auto;
    font-size: 14px;
    font-weight: initial;
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block;
    overflow: hidden
}

.scoreboard .leaderboard-game .participant-overview {
    text-align: center;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
    height: 110px;
    margin-bottom: 1.9em;
    margin-left: 114px;
    display: flex
}

.scoreboard .leaderboard-game .participant-overview.two-column {
    text-align: left;
    width: 100%;
    max-width: 375px
}

.scoreboard .leaderboard-game .participant-overview.one-column {
    margin-left: 48px
}

.scoreboard .leaderboard-game .participant .participant-country {
    opacity: .8;
    color: #fff;
    width: 20px;
    height: 13px;
    padding-left: 0;
    font-size: 11px;
    line-height: 13px
}

@media (min-width:320px) and (max-width:600px) {
    .scoreboard .leaderboard-game .participant {
        width: 150px
    }

    .scoreboard .leaderboard-game .participant-overview {
        margin-bottom: .9em;
        margin-left: 3px
    }

    .scoreboard .leaderboard-game .participant-overview.two-column {
        max-width: 378px;
        margin-top: 0;
        margin-bottom: 19px
    }

    .scoreboard .leaderboard-game .participant-overview.one-column {
        margin-top: 0;
        margin-bottom: 1.2em
    }

    .scoreboard .leaderboard-game .laps-weather-info {
        margin-top: 3px;
        margin-left: 0;
        margin-right: 8px
    }

    .scoreboard .leaderboard-game .event-name.event-name-without-lap {
        margin-top: 8px
    }
}

.scoreboard .leaderboard-game .event-name {
    color: #fff;
    font-size: 14px;
    font-weight: initial;
    text-align: -webkit-center;
    justify-content: center;
    line-height: 16px;
    display: flex
}

.scoreboard .leaderboard-game .weather {
    opacity: .8;
    color: #fff;
    width: 12px;
    height: 12px;
    margin-left: 0;
    margin-right: 0
}

.scoreboard .leaderboard-game .laps {
    color: #fff;
    vertical-align: text-top;
    opacity: .8;
    height: 12px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 11px;
    line-height: 12px
}

.event-details .header-content .scoreboard .leaderboard-game .event-name .participant-favourite {
    margin-left: 0;
    display: inline-block
}

.medium .leaderboard-game .participant-favourite {
    padding-top: 24px
}

.medium .leaderboard-game .event-name {
    margin-right: 9px;
    padding-right: 0;
    display: flex
}

@media (min-width:600px) {
    .medium .leaderboard-game .event-name {
        text-align: -webkit-center;
        margin-top: 20px;
        margin-left: 45px;
        margin-right: 50px;
        padding-right: 0;
        display: flex
    }

    .medium .leaderboard-game .event-name.event-started {
        margin-top: 0
    }

    .medium .leaderboard-game .event-name.event-name-without-lap {
        margin-top: 28px;
        margin-left: 13px;
        margin-right: 20px
    }
}

.medium .leaderboard-game .participant-name {
    color: #fff;
    height: 16px;
    margin-top: 24px;
    font-size: 14px;
    font-weight: 700
}

.tiny .leaderboard-game {
    white-space: nowrap;
    text-align: center;
    font-size: .875em
}

.tiny .leaderboard-game .participant-overview {
    flex-wrap: initial;
    flex-direction: row;
    height: 12.61px;
    margin-top: 0;
    margin-bottom: 0
}

.tiny .leaderboard-game .participant-overview.two-column {
    width: auto;
    max-width: auto;
    text-align: center;
    justify-content: center;
    margin: 0 10px 0 0
}

.tiny .leaderboard-game .participant-overview.one-column {
    width: auto;
    max-width: auto;
    text-align: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0
}

.tiny .leaderboard-game .event-details .header-content .scoreboard .leaderboard-game .event-name .participant-favourite {
    display: none
}

.tiny .leaderboard-game .participant-name {
    font-weight: 700
}

.tiny .leaderboard-game .laps-weather-hide {
    display: none
}

.tiny .leaderboard-game .participant {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    min-width: 40px;
    max-width: 33%;
    font-weight: initial;
    opacity: .8;
    color: #fff;
    justify-content: flex-end;
    height: 12px;
    padding: 0 6px;
    font-size: 11px;
    line-height: 10px;
    overflow: hidden
}

.tiny .leaderboard-game .make-country-info,
.tiny .leaderboard-game .laps-weather-info,
.tiny .leaderboard-game .participant:nth-child(n+4) {
    display: none
}

.tiny .leaderboard-game .event-time {
    font-size: unset;
    flex-shrink: 0;
    padding-right: .7em
}

.tiny .leaderboard-game .event-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-right: 0;
    overflow: hidden
}

.tiny .leaderboard-game .event-name.event-name-without-lap {
    margin-top: 0
}

@media (min-width:600px) {
    .scoreboard .leaderboard-game {
        padding: 0
    }
}

.scoreboard.edp-scoreboard .leaderboard-game .participant-name {
    margin-top: 0
}

.scoreboard.edp-scoreboard .leaderboard-game .participant .participant-info {
    flex-direction: row;
    display: flex
}

.scoreboard .special-game {
    align-items: center
}

.scoreboard .special-game .participant-info {
    flex: 0 50%;
    align-items: center;
    display: flex
}

.scoreboard .special-game .participant-info .participant-name {
    text-align: center;
    direction: ltr;
    font-weight: 700
}

.scoreboard .special-game .participant-info .participant-name span {
    font-size: .786em;
    font-weight: 300
}

.scoreboard .special-game .participant-info:first-child .participant-name {
    padding-right: .4em
}

.scoreboard .special-game .participant-info:last-child {
    text-align: right;
    direction: rtl
}

.scoreboard .special-game .participant-info .participant-favourite {
    flex-grow: 0;
    flex-shrink: 0
}

.scoreboard .special-game .event-score {
    opacity: .8;
    color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 13px
}

.scoreboard .special-game .event-score .score-counter {
    width: 20px;
    height: 13px;
    display: inline-block
}

.scoreboard .special-game .event-score .day-counter {
    display: block
}

.scoreboard .special-game .score-divider {
    background-color: #adadad;
    width: 1px;
    height: 1.65em;
    margin: -.1em;
    display: inline-block
}

.scoreboard .special-game .event-time {
    color: #fff;
    opacity: .8;
    font-size: .6875em
}

.scoreboard .special-game .score-wrapper {
    text-align: center;
    flex: 1 0 auto;
    margin: 0 .5em
}

.scoreboard .special-game .score-wrapper.score-small .score-counter {
    color: #fff;
    font-size: 1.4em
}

.scoreboard .special-game .score-wrapper.score-small .score-divider {
    height: 1.25em
}

.scoreboard .special-game .score-wrapper .regular-time {
    color: #adadad;
    margin-bottom: .4em;
    font-size: .6875em
}

.tiny .special-game {
    padding: 0 8px
}

.tiny .special-game .regular-time,
.tiny .special-game .participant-favourite {
    display: none
}

.tiny .special-game .event-score .score-counter {
    font-weight: 700
}

.tiny .special-game .participant {
    flex: 0 50%;
    display: flex;
    overflow: hidden
}

.tiny .special-game .participant .participant-name-value {
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.tiny .special-game .participant .participant-info {
    text-align: left;
    flex-basis: 100%
}

.tiny .special-game .participant:last-child {
    justify-content: flex-end
}

.tiny .special-game .participant:last-child ms-participant-image {
    order: 2;
    padding-left: 8px;
    padding-right: 0
}

.tiny .special-game .participant ms-participant-image {
    padding-right: 8px
}

.tiny .special-game .participant-info:last-child .participant-name {
    padding-left: 0
}

.tiny .special-game .score-wrapper {
    margin: 0 1em
}

.scoreboard.medium .special-game {
    align-items: flex-start;
    margin-top: 8px
}

.medium .special-game .participant {
    flex-direction: column;
    flex: 0 50%;
    align-items: center;
    display: flex
}

.medium .special-game .participant .participant-image {
    padding-bottom: 10px
}

.medium .special-game .participant:first-child ms-favourite-participant-toggle {
    order: 1
}

.medium .special-game .participant:first-child ms-participant-image {
    padding-left: 30px
}

.medium .special-game .participant:last-child ms-participant-image {
    padding-right: 30px
}

.medium .special-game .participant-info {
    padding-top: 5px
}

.medium .special-game .score-wrapper {
    align-items: center;
    height: 100%;
    display: flex
}

@media (min-width:600px) {
    .event-details .header-content .scoreboard .special-game .participant-info:first-child .favourite-toggle {
        margin-left: 0
    }

    .event-details .header-content .scoreboard .special-game .participant-info:nth-child(3) .favourite-toggle {
        margin-right: 0
    }

    .tiny .special-game .participant-info {
        padding: 0
    }
}

@media screen and (min-width:1280px) and (max-width:1370px) {
    .event-details .header-content .scoreboard .special-game .participant-info:first-child .favourite-toggle {
        margin-left: .57em
    }

    .event-details .header-content .scoreboard .special-game .participant-info:nth-child(3) .favourite-toggle {
        margin-right: .57em
    }
}

.scoreboard.edp-scoreboard .special-game {
    align-items: flex-start
}

.scoreboard.edp-scoreboard .special-game .participant-info:last-child {
    text-align: left;
    direction: ltr
}

.scoreboard.edp-scoreboard .special-game .score-container .score-counter {
    font-weight: 400
}

.scoreboard.edp-scoreboard .special-game .score-container .overs {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    font-family: var(--theme-font-family-base)
}

.edp-scoreboard.medium .special-game .participant {
    flex-direction: row;
    align-items: center;
    min-height: 44px;
    padding-top: 8px
}

.edp-scoreboard.medium .special-game .participant .participant-info {
    padding-top: 0
}

.edp-scoreboard.medium .special-game .participant .player-shirt {
    padding-right: 12px
}

.edp-scoreboard.medium .special-game .participant .participant-image {
    padding-bottom: 0
}

.header-content .scoreboard.medium .pair-game,
.showcase-content-container .scoreboard.medium .pair-game {
    height: 115px;
    min-height: 115px;
    max-height: 115px
}

@media (min-width:1280px) {

    .header-content .scoreboard.medium .pair-game,
    .showcase-content-container .scoreboard.medium .pair-game {
        height: 122px;
        min-height: 122px;
        max-height: 122px
    }
}

.header-content .scoreboard.medium .pair-game.show-penaltyshootout-score,
.showcase-content-container .scoreboard.medium .pair-game.show-penaltyshootout-score {
    height: 150px;
    min-height: 150px;
    max-height: 150px
}

@media (min-width:1280px) {

    .header-content .scoreboard.medium .pair-game.show-penaltyshootout-score,
    .showcase-content-container .scoreboard.medium .pair-game.show-penaltyshootout-score {
        height: 162px;
        min-height: 162px;
        max-height: 162px
    }
}

.scoreboard .pair-game {
    flex-direction: column;
    align-items: center
}

.scoreboard .pair-game .scoreboard-timer {
    margin: 0;
    padding: 0;
    font-size: 1em
}

.scoreboard .pair-game .main-score {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.scoreboard .pair-game ms-participant-image {
    margin: 0 0 5px
}

.scoreboard .pair-game .participant-name-value {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.scoreboard .pair-game .participant-details {
    width: 100%
}

.scoreboard .pair-game .participant-details .participant-group {
    flex-direction: row-reverse;
    align-items: center;
    max-width: 85%;
    display: flex
}

.scoreboard .pair-game .participant-details .red-card {
    margin-left: 4px;
    margin-right: 4px
}

.scoreboard .pair-game .participant-details:last-child {
    flex-direction: row;
    order: 2
}

.scoreboard .pair-game .participant-details:last-child .participant-group,
.scoreboard .pair-game .participant-details:last-child .participant .participant-info {
    flex-direction: row
}

.scoreboard .pair-game .participant {
    flex-direction: column;
    flex: 33.3%;
    align-items: center;
    display: flex;
    overflow: hidden
}

.scoreboard .pair-game .participant .participant-info {
    flex-direction: row-reverse;
    align-items: center;
    display: flex;
    overflow: hidden
}

.scoreboard .pair-game .participant .participant-info .participant-name {
    direction: ltr;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex
}

@media (min-width:1280px) {
    .scoreboard .pair-game .participant .participant-info .participant-name {
        font-size: 18px
    }
}

.scoreboard .pair-game .participant .participant-info span {
    opacity: .8;
    font-size: .786em;
    font-weight: 300
}

.scoreboard .pair-game .participant .participant-info .participant-favourite {
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 3px;
    font-size: 14px
}

.scoreboard .pair-game .participant .participant-info .favourite-placeholder {
    width: 2em
}

.scoreboard .pair-game .participant .red-card {
    background-color: #ff3b30;
    border-radius: 1px;
    width: 10px;
    min-width: 10px;
    height: 12px
}

.scoreboard .pair-game .participant .red-card .red-card-count {
    color: #fff;
    margin: auto;
    font-size: 10px;
    line-height: 13px;
    display: table
}

.scoreboard .pair-game .participant:nth-child(2) {
    order: 1
}

.scoreboard .pair-game .participant:nth-child(2) .participant-favourite {
    margin-left: 11px
}

.scoreboard .pair-game .participant:nth-child(2) .red-card {
    margin-left: 4px
}

.scoreboard .pair-game .participant:nth-child(3) {
    order: 3
}

.scoreboard .pair-game .participant:nth-child(3) .participant-favourite {
    margin-right: 11px
}

.scoreboard .pair-game .participant:nth-child(3) .red-card {
    margin-right: 4px
}

.scoreboard .pair-game .participant:first-child .participant-name {
    padding-right: .2em
}

.scoreboard .pair-game .participant:last-child {
    text-align: right;
    direction: rtl
}

.scoreboard .pair-game .participant:last-child .participant-name {
    padding-right: 0
}

.scoreboard .pair-game .participant:last-child .participant-name .participant-name-value {
    margin-left: auto;
    margin-right: 0
}

.scoreboard .pair-game .serving {
    padding-right: .25em
}

.scoreboard .pair-game .score-counter {
    height: 32px;
    margin: 0 .2em;
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
    overflow: hidden
}

.scoreboard .pair-game .score-separator {
    height: 32px;
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
    overflow: hidden
}

.scoreboard .pair-game .event-time {
    color: #fff;
    font-size: 12px
}

.scoreboard .pair-game .event-score.inactive {
    color: #fff;
    opacity: .5
}

.scoreboard .pair-game .score-wrapper {
    text-align: center;
    white-space: nowrap;
    flex-direction: column;
    flex: 10%;
    order: 2;
    align-items: center;
    margin: 0 .5em;
    display: flex
}

.scoreboard .pair-game .score-wrapper .regular-time,
.scoreboard .pair-game .score-wrapper .first-half-score {
    opacity: .7;
    margin-top: .4em;
    margin-bottom: .2em;
    font-size: 10px
}

.scoreboard .pair-game .score-wrapper .regular-time span,
.scoreboard .pair-game .score-wrapper .first-half-score span {
    margin-right: 2px
}

.scoreboard .pair-game .after-extra-time {
    opacity: .5
}

.scoreboard .pair-game .penalty-shootout-text {
    font-size: 12px
}

.scoreboard .pair-game .penalty-shootout-score,
.scoreboard .pair-game .penalty-shootout-score ms-score-card {
    display: flex
}

.scoreboard .pair-game .penalty-shootout-score .event-score {
    margin-top: 6px;
    display: flex
}

.scoreboard .pair-game .penalty-shootout-score .event-score .score-counter,
.scoreboard .pair-game .penalty-shootout-score .event-score .score-separator {
    height: 18px;
    font-size: 14px;
    font-weight: 700
}

.scoreboard .pair-game ms-penalty-shootout {
    width: 100%;
    max-height: 16px;
    margin-top: 6px
}

@media (min-width:600px) {
    .scoreboard .pair-game ms-penalty-shootout {
        margin-bottom: 5px
    }
}

.scoreboard .pair-game ms-penalty-shootout .round {
    border: 1px solid #fff6;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    display: inline-block
}

.scoreboard .pair-game ms-penalty-shootout .round.scored {
    background-color: #2db343;
    border: 0
}

.scoreboard .pair-game ms-penalty-shootout .round.missed {
    background-color: #ff3b30;
    border: 0
}

.scoreboard .pair-game ms-penalty-shootout svg {
    fill: #fff;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.scoreboard .pair-game ms-penalty-shootout:first-child {
    text-align: right;
    direction: rtl
}

.scoreboard .pair-game ms-penalty-shootout:first-child .round {
    margin-left: 4px;
    margin-right: 0
}

.scoreboard .pair-game .penalty-score,
.scoreboard .pair-game .full-score,
.scoreboard .pair-game .overtime-score {
    display: none
}

.medium .pair-game .main-score {
    align-items: flex-start;
    margin-top: 10px;
    padding-bottom: 0
}

.medium .pair-game .score-wrapper {
    align-self: center;
    margin-top: 0
}

.medium .pair-game .score-wrapper .penalty-shootout-points {
    display: none
}

.medium .pair-game .score-wrapper .event-time {
    font-size: 11px
}

.medium .pair-game .participant {
    align-items: center
}

.medium .pair-game .participant ms-participant-image {
    height: 45px
}

.medium .pair-game .participant:nth-child(2) ms-participant-image {
    padding-left: 33px
}

.medium .pair-game .participant:nth-child(2) .participant-name,
.medium .pair-game .participant:nth-child(3) .participant-name {
    text-align: center
}

.medium .pair-game .participant:nth-child(3) ms-participant-image {
    padding-right: 33px
}

.medium .pair-game .participant.show-red-card:nth-child(2) ms-participant-image,
.medium .pair-game .participant.show-red-card:nth-child(3) ms-participant-image {
    padding-left: 19px
}

.medium .pair-game .event-timer-penalty {
    display: none
}

.medium .pair-game .penalties .participant-info {
    padding-bottom: 0
}

.medium .pair-game .penalties .event-time {
    margin-top: 0
}

.medium .pair-game .penalties .regular-time {
    margin-top: .1em;
    margin-bottom: .3em
}

.tiny .pair-game {
    padding: 0 11px
}

.tiny .pair-game .main-score {
    align-items: center;
    padding-top: 0;
    padding-bottom: 0
}

.tiny .pair-game .main-score .score-wrapper {
    margin-top: 0
}

.tiny .pair-game .main-score .red-card {
    align-self: unset;
    margin-top: 0
}

.tiny .pair-game .participant-favourite,
.tiny .pair-game .regular-time,
.tiny .pair-game .first-half-score,
.tiny .pair-game .penalty-shootout,
.tiny .pair-game .after-extra-time,
.tiny .pair-game .penalty-shootout-text,
.tiny .pair-game .penalty-shootout-score {
    display: none
}

.tiny .pair-game .event-timer-penalty {
    display: block
}

.tiny .pair-game .event-time {
    font-size: 11px;
    line-height: 14px
}

.tiny .pair-game .participant-info .participant-name span,
.tiny .pair-game .score-wrapper .event-score.inactive {
    display: none
}

.tiny .pair-game .event-score {
    color: #fff;
    font-size: .6em
}

.tiny .pair-game .event-score .score-counter,
.tiny .pair-game .event-score .score-separator {
    height: 22px;
    padding-top: 1.2px;
    font-size: 20px;
    font-weight: 700
}

.tiny .pair-game .participant-group {
    margin-bottom: 0;
    overflow: hidden
}

.tiny .pair-game .participant-details:last-child .participant {
    flex-direction: row
}

.tiny .pair-game .participant {
    flex-direction: row-reverse;
    overflow: hidden
}

.tiny .pair-game .participant ms-participant-image {
    margin: 0
}

.tiny .pair-game .participant .player-shirt {
    width: 30px
}

.tiny .pair-game .participant .player-shirt img,
.tiny .pair-game .participant .player-shirt.image-loaded {
    width: 30px;
    height: 30px
}

.tiny .pair-game .participant:nth-child(2) .player-shirt img {
    margin-left: 0;
    margin-right: 6px
}

.tiny .pair-game .participant:nth-child(2) .image-loaded {
    margin-right: 6px
}

.tiny .pair-game .participant:nth-child(3) .player-shirt img {
    margin-left: 6px;
    margin-right: 0
}

.tiny .pair-game .participant:nth-child(3) .image-loaded {
    margin-left: 6px
}

@media (min-width:600px) {
    .tiny .pair-game .participant-info {
        padding: 0
    }
}

.scoreboard.tiny .pair-game .participant .participant-info .participant-name {
    line-height: 18px
}

.scoreboard.tiny .pair-game .participant .participant-name-value {
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.scoreboard.tiny .pair-game .participant-details .participant-name {
    text-align: left
}

.scoreboard.tiny .pair-game .participant-details:last-child .participant-name {
    text-align: right
}

.scoreboard.tiny .pair-game .participant-details .show-red-card .participant-name {
    text-align: center
}

.scoreboard.medium .pair-game .participant .participant-info .participant-name {
    text-align: center;
    line-height: 23px
}

@media (max-width:959.98px) {
    .scoreboard.medium .pair-game .participant .participant-info .participant-name {
        line-height: 18px
    }
}

.scoreboard:not(.edp-scoreboard):not(.tiny) .pair-game .participant-details ms-participant-image {
    padding-left: 30px
}

.scoreboard:not(.edp-scoreboard):not(.tiny) .pair-game .participant-details:last-child ms-participant-image {
    padding-left: 0;
    padding-right: 30px
}

.scoreboard:not(.edp-scoreboard):not(.tiny) .pair-game .participant-details .show-red-card ms-participant-image {
    padding-left: 15px
}

.scoreboard:not(.edp-scoreboard):not(.tiny) .pair-game .participant-details .show-red-card:last-child ms-participant-image {
    padding-left: 0;
    padding-right: 15px
}

.edp-scoreboard .pair-game .participant:last-child {
    direction: ltr
}

.edp-scoreboard .pair-game .participant .participant-group {
    flex-direction: row;
    max-width: 100%
}

.edp-scoreboard .pair-game .participant .participant-info {
    flex-direction: row
}

.edp-scoreboard .pair-game .participant-name-value {
    text-align: left
}

.edp-scoreboard .pair-game .penalty-points {
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: self-end;
    height: 6px;
    margin-left: 43px;
    padding-bottom: 3px;
    display: flex
}

.edp-scoreboard .pair-game ms-penalty-shootout {
    margin-top: 0;
    margin-bottom: 0
}

.edp-scoreboard .pair-game ms-penalty-shootout .round {
    width: 6px;
    height: 6px
}

.edp-scoreboard.scoreboard .pair-game .participant .red-card {
    border-radius: 0;
    width: 5px;
    min-width: 5px;
    height: 8px
}

.edp-scoreboard.scoreboard .pair-game .participant.show-red-card .red-card {
    margin-left: 4px;
    margin-right: 0
}

.edp-scoreboard.scoreboard .pair-game .participant ms-participant-image {
    height: 36px;
    margin-bottom: 0
}

.edp-scoreboard.scoreboard .pair-game .participant:nth-child(2) ms-participant-image {
    padding-left: 0
}

.edp-scoreboard.scoreboard .pair-game .participant:nth-child(3) ms-participant-image {
    padding-left: 0;
    padding-right: 0
}

.edp-scoreboard.scoreboard .pair-game .main-score .participant .participant-name {
    text-align: left
}

.scoreboard.medium .snooker {
    align-items: flex-start
}

.scoreboard .snooker {
    align-items: center;
    display: flex
}

.scoreboard .snooker .participant-snooker {
    flex-direction: inherit;
    flex: 0 auto;
    align-items: center;
    display: flex
}

.scoreboard .snooker .participant-snooker .participant-info {
    display: flex
}

.scoreboard .snooker .participant-snooker .participant-info .participant-name {
    direction: ltr;
    padding-right: 6px;
    font-weight: 700
}

.scoreboard .snooker .participant-snooker .participant-info .participant-name span {
    opacity: .8;
    font-size: .786em;
    font-weight: 300
}

.scoreboard .snooker .participant-snooker .participant-info .participant-favourite {
    flex-grow: 0;
    flex-shrink: 0
}

.scoreboard .snooker .participant-snooker:first-child .participant-name {
    padding-right: .2em
}

.scoreboard .snooker .participant-snooker:last-child {
    text-align: right;
    direction: rtl
}

.scoreboard .snooker .participant-snooker:last-child .participant-name {
    padding-left: .4em;
    padding-right: 0
}

.scoreboard .snooker .participant-snooker .serving {
    width: .25em;
    padding-left: .25em
}

.scoreboard .snooker .participant-snooker .serving.serving-indicator:before {
    position: relative;
    top: -.4em
}

.scoreboard .snooker .serving {
    padding-right: .25em
}

.scoreboard .snooker .score-counter {
    margin: 0 .2em;
    padding: 0 .2em;
    font-size: 24px;
    font-weight: 700
}

.scoreboard .snooker .current-period-score {
    opacity: .8;
    vertical-align: text-top;
    height: 16px;
    font-size: 14px
}

.scoreboard .snooker .score-divider {
    background-color: #fff6;
    width: 1px;
    height: 1.25em;
    margin: -.1em;
    display: inline-block
}

.scoreboard .snooker .event-time {
    color: #fffc;
    font-size: .6875em
}

.scoreboard .snooker .score-wrapper {
    text-align: center;
    white-space: nowrap;
    flex-direction: column;
    flex: 5%;
    align-items: center;
    margin: 0 .5em;
    display: flex
}

.medium .snooker {
    padding-top: 8px
}

.medium .snooker .participant-snooker .serving {
    padding-bottom: 3px;
    padding-right: 0
}

@media (min-width:1280px) {
    .medium .snooker .participant-snooker .serving {
        padding-bottom: 0
    }
}

@media (min-width:600px) {
    .medium .snooker .event-score-snooker {
        margin-left: 1px
    }
}

.medium .snooker .participant-snooker {
    flex-direction: column;
    margin-bottom: 0
}

.medium .snooker .participant-snooker .participant-image {
    padding-bottom: 10px
}

.medium .snooker .participant-snooker .participant-name {
    text-align: center
}

.medium .snooker .participant-snooker:nth-child(2) .participant-info {
    margin-bottom: 8px
}

@media (min-width:1280px) {
    .medium .snooker .participant-snooker:nth-child(2) .participant-info {
        margin-bottom: 5px
    }
}

.medium .snooker .participant-snooker:nth-child(2) .participant-name {
    padding-right: 4px
}

.medium .snooker .participant-snooker:nth-child(2) ms-participant-image {
    padding-left: 30px
}

.medium .snooker .participant-snooker:nth-child(3) .participant-info {
    margin-bottom: 8px
}

@media (min-width:1280px) {
    .medium .snooker .participant-snooker:nth-child(3) .participant-info {
        margin-bottom: 5px
    }
}

.medium .snooker .participant-snooker:nth-child(3) .participant-name {
    padding-left: 4px
}

.medium .snooker .participant-snooker:nth-child(3) ms-participant-image {
    padding-right: 30px
}

.medium .snooker .participant {
    padding-bottom: 5px
}

@media (min-width:600px) {
    .medium .snooker .participant {
        padding-bottom: 5px
    }
}

.medium .snooker .score-wrapper {
    justify-content: center;
    height: 100%
}

.medium .snooker .score-wrapper .event-time {
    margin-top: 6px
}

.tiny .snooker {
    padding: 0 .5em
}

.tiny .snooker .event-score-snooker {
    margin-left: 0
}

.tiny .snooker .participant-snooker .participant-name {
    padding-left: 0
}

.tiny .snooker .participant-snooker .participant-name .participant-name-value {
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.tiny .snooker .participant-snooker .serving {
    margin-bottom: 11px
}

.tiny .snooker .participant-snooker .serving.serving-indicator:before {
    top: -.35em
}

.tiny .snooker .participant-snooker:nth-child(2) .participant-name {
    padding-left: 0
}

.tiny .snooker .participant-snooker:nth-child(2) ms-participant-image {
    padding-right: 8px
}

.tiny .snooker .participant-snooker:nth-child(3) .participant-name {
    text-align: center;
    padding-left: 0
}

.tiny .snooker .participant-snooker:nth-child(3) ms-participant-image {
    padding-left: 8px
}

.tiny .snooker .score-wrapper ms-best-of {
    display: inline
}

.tiny .snooker .current-period-score {
    display: none
}

.tiny .snooker .score-divider {
    width: 1px;
    height: 12px;
    margin: -.1em;
    display: inline-block
}

.tiny .snooker .participant-favourite {
    display: none
}

.tiny .snooker .event-score {
    color: #fff;
    font-size: .6em
}

.tiny .snooker .event-score .score-counter {
    font-size: 14px;
    font-weight: 700
}

@media (min-width:600px) {
    .event-details .header-content .scoreboard .snooker .participant-snooker:nth-child(2) .favourite-toggle {
        margin-left: 0
    }

    .event-details .header-content .scoreboard .snooker .participant-snooker:nth-child(3) .favourite-toggle {
        margin-right: 0
    }

    .tiny .snooker .participant-info {
        padding: 0
    }

    .medium .snooker .score-wrapper .event-time {
        margin-top: 5px
    }
}

@media screen and (min-width:1280px) and (max-width:1370px) {
    .event-details .header-content .scoreboard .snooker .participant-snooker:nth-child(2) .favourite-toggle {
        margin-left: .57em
    }

    .event-details .header-content .scoreboard .snooker .participant-snooker:nth-child(3) .favourite-toggle {
        margin-right: .57em
    }
}

.snooker .score-wrapper {
    order: 2
}

.snooker .participant-snooker {
    display: flex;
    overflow: hidden
}

.snooker .participant-snooker ms-participant-image {
    margin-bottom: 5px
}

.snooker .participant-snooker:nth-child(2) {
    flex: 33.3%;
    order: 1
}

.snooker .participant-snooker:nth-child(3) {
    flex: 33.3%;
    order: 3
}

.edp-scoreboard.medium .snooker .snooker-scoreboard .participant-snooker {
    flex-direction: row;
    align-items: center;
    min-height: 44px;
    padding-top: 8px
}

.edp-scoreboard.medium .snooker .snooker-scoreboard .participant-snooker ms-participant-image {
    margin-bottom: 0;
    margin-left: 0;
    padding: 0
}

.edp-scoreboard.medium .snooker .snooker-scoreboard .participant-snooker .player-shirt {
    padding-right: 12px
}

.edp-scoreboard.medium .snooker .snooker-scoreboard .participant-snooker .participant-image {
    padding-bottom: 0
}

.scoreboard.tiny .snooker .participant-snooker .player-shirt {
    width: 30px;
    height: 30px
}

.scoreboard.tiny .snooker .participant-snooker .player-shirt img {
    height: 30px
}

.header-content .scoreboard.medium .period-game,
.showcase-content-container .scoreboard.medium .period-game {
    height: 170px;
    min-height: 170px;
    max-height: 170px
}

@media (max-width:1279.98px) {

    .header-content .scoreboard.medium .period-game,
    .showcase-content-container .scoreboard.medium .period-game {
        height: 160px;
        min-height: 160px;
        max-height: 160px
    }
}

.header-content .scoreboard.medium .period-game.show-penaltyshootout-score,
.showcase-content-container .scoreboard.medium .period-game.show-penaltyshootout-score {
    height: 150px;
    min-height: 150px;
    max-height: 150px
}

@media (min-width:1280px) {

    .header-content .scoreboard.medium .period-game.show-penaltyshootout-score,
    .showcase-content-container .scoreboard.medium .period-game.show-penaltyshootout-score {
        height: 162px;
        min-height: 162px;
        max-height: 162px
    }
}

.scoreboard .period-game {
    flex-direction: column;
    display: flex
}

@media (max-width:959.98px) {
    .scoreboard .period-game {
        padding-top: 0
    }
}

.scoreboard .period-game .main-score {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex
}

.scoreboard .period-game .main-score .header {
    white-space: nowrap;
    color: #fffc;
    flex: 10%;
    order: 2;
    justify-content: center;
    align-self: flex-start;
    margin: 0 8px;
    padding-top: 10px;
    font-size: 12px;
    display: flex
}

.scoreboard .period-game .main-score .header .event-time {
    text-align: center;
    line-height: 16px;
    display: block
}

.scoreboard .period-game .main-score .header .scoreboard-timer {
    text-align: center;
    margin: 0;
    padding-bottom: 0;
    font-size: 1em;
    line-height: 16px;
    display: block
}

.scoreboard .period-game .main-score .header .scoreboard-timer b {
    color: #fff
}

.scoreboard .period-game .main-score .event-score {
    color: #fff;
    text-align: center;
    flex-direction: column;
    font-weight: 700;
    display: flex
}

.scoreboard .period-game .main-score .participant {
    flex-direction: column;
    flex: 33.3%;
    align-items: center;
    margin: 0;
    padding: 0;
    font-weight: 700;
    display: flex;
    overflow: hidden
}

.scoreboard .period-game .main-score .participant .participant-info {
    display: flex
}

.scoreboard .period-game .main-score .participant:nth-child(2) {
    order: 1
}

.scoreboard .period-game .main-score .participant:nth-child(3) {
    order: 3
}

.scoreboard .period-game .main-score .participant:nth-child(3) .participant-info {
    flex-direction: row-reverse
}

.scoreboard .period-game .main-score .participant .participant-favourite {
    font-size: 14px
}

.scoreboard .period-game .main-score .participant-name {
    text-align: center;
    line-height: 23px
}

@media (max-width:959.98px) {
    .scoreboard .period-game .main-score .participant-name .participant-name-value {
        font-size: 14px
    }
}

.scoreboard .period-game.show-penaltyshootout-score .header {
    padding-top: 17px
}

.scoreboard .period-game.show-penaltyshootout-score .period-score {
    display: none
}

.scoreboard .period-game.show-penaltyshootout-score .main-score .event-score {
    opacity: .5
}

.scoreboard.tiny .period-game .main-score {
    justify-content: space-around;
    align-items: center;
    padding: 0 11px;
    display: flex
}

.scoreboard.tiny .period-game .main-score .header {
    align-items: center;
    padding-top: 0;
    font-size: 11px
}

.scoreboard.tiny .period-game .main-score .header .scoreboard-timer {
    padding: 0;
    line-height: 11px
}

.scoreboard.tiny .period-game .main-score .header .event-time {
    line-height: 13px
}

.scoreboard.tiny .period-game .main-score .header .event-time .date:first-child {
    padding-top: 2px
}

.scoreboard.tiny .period-game .main-score .header .event-time .date:first-child+.time {
    padding-top: 3px
}

.scoreboard.tiny .period-game .main-score .header .event-time .date:first-child+.time+.scoreboard-timer {
    padding-bottom: 3px
}

.scoreboard.tiny .period-game .main-score .event-score .score-container {
    height: 22px;
    font-size: 20px;
    line-height: 24px
}

.scoreboard.tiny .period-game .main-score .event-score .score-counter {
    height: 22px;
    display: inline-block;
    overflow: hidden
}

.scoreboard.tiny .period-game .main-score .event-score .score-separator {
    height: 22px;
    padding: 0 5px;
    display: inline-block;
    overflow: hidden
}

.scoreboard.tiny .period-game .main-score .event-score .period-name {
    font-size: 10px;
    font-weight: 400
}

.scoreboard.tiny .period-game .main-score .participant {
    flex-direction: row;
    justify-content: flex-start;
    align-self: center
}

.scoreboard.tiny .period-game .main-score .participant .participant-info {
    font-size: 1em
}

.scoreboard.tiny .period-game .main-score .participant .participant-favourite,
.scoreboard.tiny .period-game .main-score .participant .participant-info .participant-name span {
    display: none
}

.scoreboard.tiny .period-game .main-score .participant .participant-logo {
    margin: 0
}

.scoreboard.tiny .period-game .main-score .participant .participant-logo .player-shirt.image-loaded {
    width: 30px;
    height: 30px
}

.scoreboard.tiny .period-game .main-score .participant .participant-logo .player-shirt img {
    min-width: 30px;
    height: 30px
}

.scoreboard.tiny .period-game .main-score .participant .participant-name .participant-name-value {
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.scoreboard.tiny .period-game .main-score .participant:nth-child(2) .image-loaded {
    margin-right: 4px
}

.scoreboard.tiny .period-game .main-score .participant:nth-child(3) {
    flex-direction: row-reverse
}

.scoreboard.tiny .period-game .main-score .participant:nth-child(3) .image-loaded {
    margin-left: 4px
}

.scoreboard.tiny .period-game .main-score .away-indicator {
    display: none
}

.scoreboard.tiny .period-game .main-score .participant-name {
    line-height: 17px
}

.scoreboard.tiny .period-game .main-score .participant-name .participant-name-value {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.scoreboard.medium .period-game .participant-details-container {
    align-items: center;
    height: 118px;
    display: flex
}

@media (max-width:1279.98px) {
    .scoreboard.medium .period-game .participant-details-container {
        height: 102px
    }
}

.scoreboard.medium .period-game .main-score {
    align-items: flex-start;
    width: 100%;
    max-width: 600px;
    height: 74px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0
}

.scoreboard.medium .period-game .main-score .event-score .score-container {
    height: 35px;
    font-size: 28px;
    line-height: 37px
}

.scoreboard.medium .period-game .main-score .event-score .score-container.inactive {
    opacity: .5
}

.scoreboard.medium .period-game .main-score .event-score .score-counter {
    height: 32px;
    display: inline-block;
    overflow: hidden
}

.scoreboard.medium .period-game .main-score .event-score .score-separator {
    height: 32px;
    padding: 0 7px;
    display: inline-block;
    overflow: hidden
}

.scoreboard.medium .period-game .main-score .event-score .period-name {
    font-size: 10px
}

.scoreboard.medium .period-game .main-score .event-score span.inactive {
    opacity: .5
}

@media (max-width:959.98px) {
    .scoreboard.medium .period-game .main-score .scoreboard-timer {
        padding-top: 5px
    }
}

.scoreboard.medium .period-game .main-score .participant {
    flex-direction: column;
    padding-bottom: 11px
}

.scoreboard.medium .period-game .main-score .participant .participant-info {
    align-items: flex-start;
    max-width: 100%;
    font-size: 18px;
    display: flex
}

@media (max-width:599.98px) {
    .scoreboard.medium .period-game .main-score .participant .participant-info {
        font-size: 1em
    }
}

.scoreboard.medium .period-game .main-score .participant .participant-info .participant-name-value {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.scoreboard.medium .period-game .main-score .participant .participant-info .participant-name-value span {
    opacity: .8;
    font-size: .786em;
    font-weight: 300
}

@media (max-width:959.98px) {
    .scoreboard.medium .period-game .main-score .participant .participant-name {
        line-height: 19px
    }

    .scoreboard.medium .period-game .main-score .participant .participant-name-value {
        font-size: 14px
    }
}

.scoreboard.medium .period-game .main-score .participant .participant-logo {
    justify-content: center;
    height: 45px;
    margin-bottom: 5px
}

@media (min-width:960px) {
    .scoreboard.medium .period-game .main-score .participant:nth-child(2) .participant-logo {
        padding-left: 33px
    }
}

@media (max-width:959.98px) {
    .scoreboard.medium .period-game .main-score .participant:nth-child(2) .participant-logo {
        padding-left: 28px
    }
}

@media (min-width:960px) {
    .scoreboard.medium .period-game .main-score .participant:nth-child(3) .participant-logo {
        padding-right: 33px
    }
}

@media (max-width:959.98px) {
    .scoreboard.medium .period-game .main-score .participant:nth-child(3) .participant-logo {
        padding-right: 28px
    }
}

.scoreboard.medium .period-game .main-score .participant-favourite {
    align-self: center
}

@media (max-width:959.98px) {
    .scoreboard .period-game .main-score {
        padding: 0
    }

    .scoreboard .period-game .main-score .participant-left,
    .scoreboard .period-game .main-score .participant-right {
        font-size: 14px
    }
}

.header-content .edp-scoreboard .period-game .penalty-shootout-score {
    flex-direction: column;
    align-items: center;
    margin-bottom: -14px;
    display: flex
}

.header-content .edp-scoreboard .period-game .penalty-shootout-score .penalty-score {
    align-self: flex-start;
    display: flex
}

.header-content .edp-scoreboard .period-game .penalty-shootout-score .penalty-score ms-penalty-shootout {
    width: 100%;
    max-height: 16px;
    margin-top: 6px
}

@media (min-width:600px) {
    .header-content .edp-scoreboard .period-game .penalty-shootout-score .penalty-score ms-penalty-shootout {
        margin-bottom: 5px
    }
}

.header-content .edp-scoreboard .period-game .penalty-shootout-score .penalty-score ms-penalty-shootout .round {
    border: 1px solid #fff6;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    display: inline-block
}

.header-content .edp-scoreboard .period-game .penalty-shootout-score .penalty-score ms-penalty-shootout .round.scored {
    background-color: #2db343;
    border: 0
}

.header-content .edp-scoreboard .period-game .penalty-shootout-score .penalty-score ms-penalty-shootout .round.missed {
    background-color: #ff3b30;
    border: 0
}

.header-content .edp-scoreboard .period-game .penalty-shootout-score .penalty-score ms-penalty-shootout svg {
    fill: #fff;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.header-content .edp-scoreboard .period-game .penalty-shootout-score .penalty-score ms-penalty-shootout:first-child {
    text-align: right
}

.header-content .edp-scoreboard .period-game .penalty-shootout-score .penalty-score ms-penalty-shootout:first-child .round {
    margin-left: 0;
    margin-right: 4px
}

.scoreboard.edp-scoreboard .period-game .main-score .participant .participant-name {
    text-align: left
}

.event-details .header-content .scoreboard .period-game-live,
.showcase-content-container .scoreboard .period-game-live {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    display: flex
}

.event-details .header-content .scoreboard .period-game-live .score-divider,
.showcase-content-container .scoreboard .period-game-live .score-divider {
    background-color: #fff6;
    width: 1px;
    height: .8em;
    margin: 0 4px;
    display: inline-block
}

.event-details .header-content .scoreboard .period-game-live .period-score,
.showcase-content-container .scoreboard .period-game-live .period-score {
    display: flex
}

.event-details .header-content .scoreboard .period-game-live .inning-block,
.showcase-content-container .scoreboard .period-game-live .inning-block {
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: flex-end;
    margin: 0;
    display: flex
}

@media (min-width:600px) {

    .event-details .header-content .scoreboard .period-game-live .inning-block,
    .showcase-content-container .scoreboard .period-game-live .inning-block {
        margin-right: 7px
    }
}

@media (max-width:599.98px) {

    .event-details .header-content .scoreboard .period-game-live .inning-block,
    .showcase-content-container .scoreboard .period-game-live .inning-block {
        justify-content: flex-start
    }
}

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

    .event-details .header-content .scoreboard .period-game-live .inning-block,
    .showcase-content-container .scoreboard .period-game-live .inning-block {
        margin-right: 7px
    }
}

.event-details .header-content .scoreboard .period-game-live .header-info-period-game-score,
.showcase-content-container .scoreboard .period-game-live .header-info-period-game-score {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 3px;
    padding-bottom: 3px;
    overflow: hidden
}

@media (max-width:599.98px) {

    .event-details .header-content .scoreboard .period-game-live .header-info-period-game-score,
    .showcase-content-container .scoreboard .period-game-live .header-info-period-game-score {
        margin-top: 0
    }
}

.event-details .header-content .scoreboard .period-game-live .header-info-period-game-score ms-event-timer,
.showcase-content-container .scoreboard .period-game-live .header-info-period-game-score ms-event-timer {
    opacity: .8
}

.event-details .header-content .scoreboard .period-game-live .participant-header-info,
.showcase-content-container .scoreboard .period-game-live .participant-header-info {
    align-self: center;
    min-width: 0;
    max-width: 125px;
    margin-left: 7.8px;
    margin-right: 20px;
    padding-top: 15px;
    display: flex
}

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

    .event-details .header-content .scoreboard .period-game-live .participant-header-info,
    .showcase-content-container .scoreboard .period-game-live .participant-header-info {
        max-width: 87px;
        margin-right: 12px
    }
}

@media (min-width:600px) {

    .event-details .header-content .scoreboard .period-game-live .participant-header-info,
    .showcase-content-container .scoreboard .period-game-live .participant-header-info {
        margin-right: 12px
    }
}

.event-details .header-content .scoreboard .period-game-live .participant-header-info .live-participants-container,
.showcase-content-container .scoreboard .period-game-live .participant-header-info .live-participants-container {
    text-overflow: ellipsis;
    white-space: nowrap;
    align-self: flex-end;
    overflow: hidden
}

.event-details .header-content .scoreboard .period-game-live .period-game-participant-info,
.showcase-content-container .scoreboard .period-game-live .period-game-participant-info {
    font-weight: 400
}

.event-details .header-content .scoreboard .period-game-live .slidebar,
.showcase-content-container .scoreboard .period-game-live .slidebar {
    opacity: .4;
    background-color: #fff;
    width: 100%;
    height: 1px;
    margin: 1px 0
}

.event-details .header-content .scoreboard .period-game-live .period-game-indicator,
.showcase-content-container .scoreboard .period-game-live .period-game-indicator {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 12px;
    display: flex
}

.event-details .header-content .scoreboard .period-game-live .period-game-team-indicator,
.showcase-content-container .scoreboard .period-game-live .period-game-team-indicator {
    padding-top: 3px;
    padding-right: 4px
}

.event-details .header-content .scoreboard .period-game-live .period-game-team-indicator.player1,
.showcase-content-container .scoreboard .period-game-live .period-game-team-indicator.player1 {
    padding-top: 2px
}

@media (max-width:959.98px) {

    .event-details .header-content .scoreboard .period-game-live .period-game-team-indicator.player1,
    .showcase-content-container .scoreboard .period-game-live .period-game-team-indicator.player1 {
        padding-top: 1px
    }
}

.event-details .header-content .scoreboard .period-game-live .innings:nth-child(2),
.showcase-content-container .scoreboard .period-game-live .innings:nth-child(2) {
    margin-top: 6px
}

.event-details .header-content .scoreboard .period-game-live .participant-name,
.showcase-content-container .scoreboard .period-game-live .participant-name {
    color: #fff
}

.event-details .header-content .scoreboard .period-game-live .period-game-left-button,
.showcase-content-container .scoreboard .period-game-live .period-game-left-button {
    width: 8px;
    height: 8px;
    font-size: 8px
}

.event-details .header-content .scoreboard .period-game-live .set,
.showcase-content-container .scoreboard .period-game-live .set {
    opacity: .5;
    color: #fff;
    text-align: center;
    flex: 0 0 6%;
    width: 25px;
    height: 16px;
    padding-left: 2px;
    font-weight: 400;
    line-height: 16px;
    display: inline-block
}

.event-details .header-content .scoreboard .period-game-live .set.inning-info,
.showcase-content-container .scoreboard .period-game-live .set.inning-info {
    height: 12px;
    font-size: 10px;
    font-weight: 400;
    line-height: 13px
}

.event-details .header-content .scoreboard .period-game-live .set.highlighted,
.showcase-content-container .scoreboard .period-game-live .set.highlighted {
    opacity: 1
}

.event-details .header-content .scoreboard .period-game-live .set.highlightedscore,
.showcase-content-container .scoreboard .period-game-live .set.highlightedscore {
    opacity: .8
}

.event-details .header-content .scoreboard .period-game-live .set.runs,
.showcase-content-container .scoreboard .period-game-live .set.runs {
    font-weight: 700
}

.event-details .header-content .scoreboard .period-game-live .set-score,
.event-details .header-content .scoreboard .period-game-live .set-point,
.showcase-content-container .scoreboard .period-game-live .set-score,
.showcase-content-container .scoreboard .period-game-live .set-point {
    display: none
}

.event-details .header-content .scoreboard .period-game-live .participant,
.showcase-content-container .scoreboard .period-game-live .participant {
    display: flex
}

.event-details .header-content .scoreboard .period-game-live .participant .participant-name span,
.showcase-content-container .scoreboard .period-game-live .participant .participant-name span {
    font-size: .7em;
    font-weight: lighter
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score {
    flex-direction: column;
    align-items: center;
    display: flex
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .penalty-score,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .penalty-score {
    display: flex
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout {
    width: 100%;
    max-height: 16px;
    margin-top: 6px
}

@media (min-width:600px) {

    .event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout,
    .showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout {
        margin-bottom: 5px
    }
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout .round,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout .round {
    border: 1px solid #fff6;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    display: inline-block
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout .round.scored,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout .round.scored {
    background-color: #2db343;
    border: 0
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout .round.missed,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout .round.missed {
    background-color: #ff3b30;
    border: 0
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout svg,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout svg {
    fill: #fff;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout:first-child,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout:first-child {
    text-align: right;
    direction: rtl
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout:first-child .round,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .penalty-score ms-penalty-shootout:first-child .round {
    margin-left: 4px;
    margin-right: 0
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score ms-score-card,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score ms-score-card {
    display: flex
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .event-score,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .event-score {
    margin-top: 6px;
    display: flex
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .event-score .score-counter,
.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .event-score .score-separator,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .event-score .score-counter,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .event-score .score-separator {
    height: 18px;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden
}

.event-details .header-content .scoreboard .period-game-live .penalty-shootout-score .event-score .score-counter,
.showcase-content-container .scoreboard .period-game-live .penalty-shootout-score .event-score .score-counter {
    padding: 0 5px
}

.event-details .header-content .scoreboard.started .period-game-live,
.showcase-content-container .scoreboard.started .period-game-live {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    font-weight: 400;
    display: flex
}

.event-details .header-content .scoreboard.started .period-game-live .event-time,
.event-details .header-content .scoreboard.started .period-game-live .participant-info,
.showcase-content-container .scoreboard.started .period-game-live .event-time,
.showcase-content-container .scoreboard.started .period-game-live .participant-info {
    font-size: 1em;
    display: flex
}

.event-details .header-content .scoreboard.started .period-game-live .participant-info .participant-favourite,
.showcase-content-container .scoreboard.started .period-game-live .participant-info .participant-favourite {
    order: 4;
    height: 16px;
    margin: 0 .3em;
    font-size: 14px;
    display: none
}

.event-details .header-content .scoreboard.started .period-game-live .participant-info .participant-name,
.showcase-content-container .scoreboard.started .period-game-live .participant-info .participant-name {
    width: unset;
    order: 2;
    justify-content: flex-start;
    line-height: 16px;
    display: flex
}

@media (max-width:599.98px) {

    .event-details .header-content .scoreboard.started .period-game-live .participant-info .participant-name,
    .showcase-content-container .scoreboard.started .period-game-live .participant-info .participant-name {
        justify-content: space-between
    }
}

.event-details .header-content .scoreboard.started .period-game-live .participant-info .participant-name .participant-name-value,
.showcase-content-container .scoreboard.started .period-game-live .participant-info .participant-name .participant-name-value {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.event-details .header-content .scoreboard.started .period-game-live .participant-info .participant-name .participant-logo-container,
.showcase-content-container .scoreboard.started .period-game-live .participant-info .participant-name .participant-logo-container {
    order: -1;
    margin-right: .2em
}

.event-details .header-content .scoreboard.started .period-game-live .away-indicator.away-indicator-inline,
.showcase-content-container .scoreboard.started .period-game-live .away-indicator.away-indicator-inline {
    display: none
}

.event-details .header-content .scoreboard.started .period-game-live .away-indicator.away-indicator-stand-alone,
.showcase-content-container .scoreboard.started .period-game-live .away-indicator.away-indicator-stand-alone {
    display: contents
}

@media (max-width:959.98px) {

    .event-details .header-content .scoreboard.started .period-game-live .innings-header,
    .showcase-content-container .scoreboard.started .period-game-live .innings-header {
        padding-bottom: 0
    }

    .event-details .header-content .scoreboard.started .period-game-live .slidebar,
    .showcase-content-container .scoreboard.started .period-game-live .slidebar {
        margin-top: 1px
    }
}

.event-details .header-content .scoreboard.started.tiny .period-game-live,
.showcase-content-container .scoreboard.started.tiny .period-game-live {
    display: none
}

.event-details .header-content .scoreboard.edp-scoreboard .period-game-live .inning-block .set {
    margin-left: 8px
}

.event-details .header-content .scoreboard.medium .darts {
    height: 125px;
    min-height: 125px;
    max-height: 125px
}

.event-details .header-content .scoreboard.medium .darts .participant .serving-indicator:before {
    display: flex
}

.event-details .header-content .scoreboard.medium .set-game .participant .player-shirt,
.event-details .header-content .scoreboard.medium .set-game .participant .fallback-color,
.event-details .header-content .scoreboard.medium .set-game .participant .image-profile {
    padding-right: 12px
}

.event-details .header-content .scoreboard.medium.edp-scoreboard.set-game {
    margin-top: 0
}

.event-details .header-content .scoreboard.medium.edp-scoreboard .set-game {
    height: 125px;
    min-height: 125px;
    max-height: 125px;
    margin-top: 0;
    padding: 12px 8px
}

.scoreboard .set-game,
.scoreboard .cricket-game {
    flex-direction: row;
    display: flex
}

.scoreboard .set-game .score-divider,
.scoreboard .cricket-game .score-divider {
    opacity: .4;
    background-color: #fff;
    width: 1px;
    display: inline-block
}

.scoreboard .set-game .best-of,
.scoreboard .cricket-game .best-of {
    margin-right: auto
}

.scoreboard .set-game .header,
.scoreboard .cricket-game .header {
    display: flex
}

.scoreboard .set-game .header .set,
.scoreboard .cricket-game .header .set {
    opacity: .8;
    font-size: .6875em
}

.scoreboard .set-game .header .set-score,
.scoreboard .cricket-game .header .set-score {
    font-size: .85em
}

.scoreboard .set-game .header .event-time,
.scoreboard .cricket-game .header .event-time {
    opacity: .8;
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 11px;
    font-weight: 300
}

.scoreboard .set-game .header .event-time .date,
.scoreboard .set-game .header .event-time .time,
.scoreboard .cricket-game .header .event-time .date,
.scoreboard .cricket-game .header .event-time .time {
    display: inline-block
}

.scoreboard .set-game .participant,
.scoreboard .cricket-game .participant {
    min-width: 0;
    font-weight: 700;
    line-height: 16px;
    display: flex
}

.scoreboard .set-game .participant .participant-info,
.scoreboard .cricket-game .participant .participant-info {
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    position: relative
}

.scoreboard .set-game .participant .participant-name,
.scoreboard .cricket-game .participant .participant-name {
    font-weight: 700
}

.scoreboard .set-game .participant .participant-name span,
.scoreboard .cricket-game .participant .participant-name span {
    padding-right: .3em;
    font-size: .7em;
    font-weight: 700
}

.scoreboard .set-game .participant .participant-name .participant-name-value,
.scoreboard .cricket-game .participant .participant-name .participant-name-value {
    overflow-wrap: break-word
}

.scoreboard .set-game .participant .participant-name .participant-country,
.scoreboard .cricket-game .participant .participant-name .participant-country {
    opacity: .8;
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    font-weight: initial
}

.scoreboard .set-game .participant-footer {
    min-width: 0;
    padding-top: 3px;
    display: flex
}

.scoreboard .set-game .participant-footer .participant-info-darts {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-end;
    font-size: .6875em;
    font-weight: 300;
    display: flex;
    position: relative
}

.scoreboard .set-game .participant-footer .participant-info-darts .sets-label,
.scoreboard .set-game .participant-footer .participant-info-darts .legs-label,
.scoreboard .set-game .participant-footer .participant-info-darts .hundred-eighties-label {
    margin-left: .85em
}

.scoreboard .set-game .participant .set {
    opacity: .4;
    width: 16px;
    max-width: 1em;
    height: 16px;
    margin-left: .625rem
}

.scoreboard .set-game .participant .set:nth-child(3) {
    margin-left: .425rem
}

.scoreboard .set-game .participant .set.setWon {
    opacity: .7
}

.scoreboard .set-game .participant .set.highlighted {
    opacity: 1
}

@media (max-width:599.98px) {
    .scoreboard .set-game .participant .set.future-set {
        display: none
    }
}

.scoreboard .set-game .participant .set.points {
    opacity: 1;
    text-align: right;
    margin: 0 .86em 0 .29em;
    font-weight: 700
}

.scoreboard .set-game .participant .set.normal-points {
    opacity: 1;
    margin-left: .9em;
    margin-right: .1em
}

.scoreboard .set-game .participant .set.darts-indicator {
    opacity: 1;
    margin-left: .45em;
    margin-right: .1em
}

.scoreboard .set-game .participant .score-divider {
    height: 12px;
    margin: 0 .1em
}

.scoreboard .set-game .set {
    text-align: center;
    flex: 0 0 2rem;
    font-size: .875em;
    font-weight: 300
}

.scoreboard .set-game .set-score,
.scoreboard .set-game .set-point {
    display: none
}

.scoreboard .set-game .serving {
    width: .25em;
    display: none
}

.scoreboard .set-game .serving.serving-indicator {
    display: block
}

.scoreboard .set-game .serving.serving-indicator:before {
    position: relative;
    top: -.2em
}

.started .set-game {
    flex-direction: column
}

.scoreboard:not(.started) .set-game,
.tiny .set-game {
    flex-direction: row;
    align-items: center
}

.scoreboard:not(.started) .set-game .set,
.tiny .set-game .set {
    display: none
}

.scoreboard:not(.started) .set-game .set-score,
.scoreboard:not(.started) .set-game .set-point,
.tiny .set-game .set-score,
.tiny .set-game .set-point {
    display: unset;
    margin-left: 2px
}

.scoreboard:not(.started) .set-game .set-score,
.tiny .set-game .set-score {
    color: #fff;
    font-weight: 700
}

.scoreboard:not(.started) .set-game .header,
.tiny .set-game .header {
    white-space: nowrap;
    flex-direction: column;
    flex-shrink: 0;
    order: 2;
    align-items: center;
    margin: 0 .25em
}

.scoreboard:not(.started) .set-game .header .set-score,
.scoreboard:not(.started) .set-game .header .event-time,
.tiny .set-game .header .set-score,
.tiny .set-game .header .event-time {
    text-align: center
}

.scoreboard:not(.started) .set-game .header .event-time .date,
.scoreboard:not(.started) .set-game .header .event-time .time,
.tiny .set-game .header .event-time .date,
.tiny .set-game .header .event-time .time {
    display: inherit
}

.scoreboard:not(.started) .set-game .participant,
.tiny .set-game .participant {
    flex: 100%;
    align-items: center;
    padding: 0
}

.scoreboard:not(.started) .set-game .participant .player-shirt,
.scoreboard:not(.started) .set-game .participant .fallback-color,
.scoreboard:not(.started) .set-game .participant .image-profile,
.tiny .set-game .participant .player-shirt,
.tiny .set-game .participant .fallback-color,
.tiny .set-game .participant .image-profile {
    padding-right: 12px
}

.scoreboard:not(.started) .set-game .participant .serving-indicator:before,
.tiny .set-game .participant .serving-indicator:before {
    background-color: #fff
}

.scoreboard:not(.started) .set-game .participant:first-child,
.tiny .set-game .participant:first-child {
    text-align: left;
    order: 1
}

.scoreboard:not(.started) .set-game .participant:first-child .serving,
.tiny .set-game .participant:first-child .serving {
    order: 3;
    margin-left: .45em;
    margin-right: .25em;
    display: none
}

.scoreboard:not(.started) .set-game .participant:first-child .serving-indicator,
.tiny .set-game .participant:first-child .serving-indicator {
    margin-left: .45em
}

.scoreboard:not(.started) .set-game .participant:first-child .participant-info,
.tiny .set-game .participant:first-child .participant-info {
    flex-flow: row;
    order: 1;
    justify-content: flex-start
}

.scoreboard:not(.started) .set-game .participant:nth-child(2),
.tiny .set-game .participant:nth-child(2) {
    text-align: right;
    order: 3;
    justify-content: flex-end
}

.scoreboard:not(.started) .set-game .participant:nth-child(2) .serving,
.tiny .set-game .participant:nth-child(2) .serving {
    order: 1;
    margin-left: .25em;
    margin-right: .45em;
    display: none
}

.scoreboard:not(.started) .set-game .participant:nth-child(2) .serving-indicator,
.tiny .set-game .participant:nth-child(2) .serving-indicator {
    margin-right: .45em
}

.scoreboard:not(.started) .set-game .participant:nth-child(2) .participant-info,
.tiny .set-game .participant:nth-child(2) .participant-info {
    direction: rtl;
    flex-flow: row;
    order: 2;
    justify-content: flex-start
}

.scoreboard.medium .set-game {
    padding: 0 .5rem
}

.scoreboard.medium .set-game .header {
    padding-top: 3px
}

.scoreboard.medium .set-game .participant {
    align-items: center;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: 700
}

.scoreboard.medium .set-game .participant .participant-name {
    text-overflow: ellipsis;
    white-space: nowrap
}

.scoreboard.medium .set-game .participant .participant-name .participant-name-value {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.scoreboard.medium .set-game .participant-name .participant-country {
    font-weight: initial
}

.scoreboard.medium .set-game .participant-info .participant-favourite {
    order: 3;
    margin-left: 5px
}

.scoreboard.medium .set-game .participant-info .participant-name {
    order: 2;
    font-weight: 700
}

.scoreboard.medium .set-game .best-of {
    margin-right: auto
}

.tiny .set-game {
    padding: 0 .5em
}

.tiny .set-game .participant-name span,
.tiny .set-game .participant-favourite {
    display: none
}

.tiny .set-game .header {
    padding: .25em .6em
}

.tiny .set-game .participant-footer,
.tiny .set-game .score-divider {
    display: none
}

.tiny .set-game .participant .participant-info {
    flex-grow: 0
}

.tiny .set-game .participant .participant-info:first-child {
    order: 3
}

.tiny .set-game .participant .participant-info:nth-child(2) {
    order: 1
}

.tiny .set-game .participant .participant-info:nth-child(3) {
    order: 2
}

.tiny .set-game .participant .player-shirt {
    padding-right: 8px
}

.tiny .set-game .participant:nth-child(2) ms-participant-image {
    order: 3
}

.tiny .set-game .participant:nth-child(2) ms-participant-image .player-shirt {
    padding-left: 8px;
    padding-right: 0
}

.tiny .set-game .participant:nth-child(2) .participant-info {
    order: 2
}

.tiny .set-game .participant:nth-child(2) .serving {
    order: 1
}

.tiny .darts .participant .serving-indicator {
    display: none
}

.tiny .set-game:not(.darts) .participant .serving {
    width: .25em;
    height: 10px;
    display: none
}

.tiny .set-game:not(.darts) .participant .serving.serving-indicator {
    display: block
}

.tiny .set-game:not(.darts) .participant .serving.serving-indicator:before {
    position: relative;
    top: -.35em
}

@media (min-width:600px) {
    .scoreboard.medium .set-game .participant {
        padding-left: 0
    }

    .scoreboard.tiny .set-game {
        padding: 0
    }
}

@media screen and (min-width:1280px) and (max-width:1370px) {
    .event-details .header-content .scoreboard .set-game:not(.darts) .participant:first-child .favourite-toggle {
        margin-left: .57em
    }

    .event-details .header-content .scoreboard .set-game:not(.darts) .participant:nth-child(2) .favourite-toggle {
        margin-right: .57em
    }

    .event-details .header-content .scoreboard.medium .set-game {
        padding-left: .57em;
        padding-right: .57em
    }
}

.event-details .header-content .scoreboard.edp-scoreboard .set-game {
    justify-content: start
}

.event-details .header-content .scoreboard.edp-scoreboard.medium .set-game .participant {
    align-items: center;
    min-height: 44px;
    padding-top: 8px
}

.scoreboard.edp-scoreboard .set-game .darts-scoreboard .header {
    display: none
}

.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant .set {
    min-height: 18px;
    color: var(--theme-body-30);
    font-size: 13px;
    line-height: 18px;
    font-family: var(--theme-font-family-base);
    flex: 0;
    margin: 0 0 0 7px
}

.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant .set.darts-indicator {
    margin-left: 10px
}

.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant .set.normal-points {
    justify-content: center;
    min-width: 18px
}

.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant .set.normal-points.legs {
    min-width: 26px
}

.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant .set.darts-indicator:not(.normal-points) {
    min-width: 24px
}

.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant-footer {
    padding-top: 0
}

.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant-footer .participant-info-darts {
    opacity: 1;
    line-height: 13px
}

.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant-footer .participant-info-darts span {
    color: var(--theme-body-30)
}

.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant-footer .participant-info-darts .sets-label {
    min-width: 24px
}

.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant-footer .participant-info-darts .hundred-eighties-label {
    min-width: 18px
}

.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant-footer .participant-info-darts .sets-label,
.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant-footer .participant-info-darts .legs-label,
.scoreboard.edp-scoreboard .set-game .darts-scoreboard .participant-footer .participant-info-darts .hundred-eighties-label {
    margin-left: 7px
}

.scoreboard.edp-scoreboard .set-game .participant .player-shirt {
    padding-right: 12px
}

.scoreboard.edp-scoreboard .set-game .participant .set {
    opacity: 1;
    min-width: 21px;
    height: 21px;
    color: var(--theme-body-30);
    font-size: 13px;
    line-height: 18px;
    font-family: var(--theme-font-family-base);
    align-items: center;
    margin-left: 3px;
    display: flex
}

.scoreboard.edp-scoreboard .set-game .participant .set .tie-breaker {
    max-width: 14px;
    height: 100%;
    color: var(--theme-body-30);
    align-items: flex-start;
    padding-left: 2px;
    font-size: 9px;
    line-height: 13.5px;
    display: flex
}

.scoreboard.edp-scoreboard .set-game .participant .set.setWon {
    opacity: 1
}

.scoreboard.edp-scoreboard .set-game .participant .tennis-icon {
    color: #c0a971;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 12px;
    display: flex
}

.scoreboard.edp-scoreboard .set-game .header {
    padding-top: 0
}

.scoreboard.edp-scoreboard .set-game .header .event-time {
    opacity: 1
}

.scoreboard.edp-scoreboard .set-game .header .innings-header {
    width: 21px;
    color: var(--theme-body-30);
    font-size: 11px;
    line-height: 13px;
    font-family: var(--theme-font-family-base);
    margin-left: 2px;
    display: inline-flex
}

.scoreboard.edp-scoreboard .set-game .tennis .participant .set.setWon,
.scoreboard.edp-scoreboard .set-game .tennis .participant .set.setWon .tie-breaker {
    opacity: 1;
    color: #fff
}

.scoreboard.edp-scoreboard .set-game .doubles .participant-name {
    padding-top: 1.3px
}

.scoreboard .tournament,
.scoreboard .prematch-tournament {
    text-align: center;
    flex-direction: column;
    padding: 0 .5em;
    position: relative
}

.scoreboard .tournament .event-time,
.scoreboard .prematch-tournament .event-time {
    color: #fff;
    text-align: center;
    margin-top: 2px;
    font-size: 11px;
    line-height: 12px
}

.scoreboard .tournament .event-time .date,
.scoreboard .prematch-tournament .event-time .date {
    opacity: .8
}

.scoreboard .tournament .participant-name,
.scoreboard .prematch-tournament .participant-name {
    max-width: 580px;
    font-weight: 700;
    display: inline-block
}

.scoreboard .tournament .event-name,
.scoreboard .prematch-tournament .event-name {
    color: #fff;
    font-size: 14px;
    font-weight: initial;
    text-align: -webkit-center;
    justify-content: center;
    line-height: 16px;
    display: flex
}

.scoreboard .tournament .score,
.scoreboard .tournament .event-live,
.scoreboard .prematch-tournament .score,
.scoreboard .prematch-tournament .event-live {
    opacity: .8;
    height: 12px;
    margin: 0 auto;
    font-size: 11px;
    line-height: 13px
}

.tiny .prematch-tournament,
.tiny .tournament {
    white-space: nowrap;
    align-items: center
}

.tiny .prematch-tournament .event-time,
.tiny .prematch-tournament .event-title,
.tiny .tournament .event-time,
.tiny .tournament .event-title {
    padding: 0 .7em
}

.tiny .prematch-tournament .event-title .event-name,
.tiny .tournament .event-title .event-name {
    font-weight: 400
}

.event-details .header-content .scoreboard .prematch-tournament .participant-favourite,
.event-details .header-content .scoreboard .tournament .participant-favourite {
    margin-left: 0
}

@media (min-width:600px) {

    .scoreboard .prematch-tournament,
    .scoreboard .tournament {
        padding: 0
    }
}

.header-content .scoreboard .prematch,
.showcase-content-container .scoreboard .prematch {
    height: 115px;
    min-height: 115px;
    max-height: 115px
}

@media (min-width:1280px) {

    .header-content .scoreboard .prematch,
    .showcase-content-container .scoreboard .prematch {
        height: 120px;
        min-height: 120px;
        max-height: 120px
    }
}

.scoreboard .prematch .main-score-container {
    flex-direction: row;
    flex-basis: 100%;
    justify-content: center;
    gap: 8px;
    padding: 0;
    display: flex
}

.scoreboard .prematch .main-score-container .event-score {
    color: #fff;
    text-align: center;
    flex-direction: column;
    font-weight: 700;
    display: flex
}

.scoreboard .prematch .main-score-container .header {
    white-space: nowrap;
    color: #fffc;
    flex: 10%;
    order: 2;
    justify-content: center;
    align-self: center;
    width: 33.33%;
    font-size: 12px;
    display: flex
}

.scoreboard .prematch .main-score-container .header .event-time {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    line-height: 16px;
    display: block;
    overflow: hidden
}

.scoreboard .prematch .main-score-container .header .scoreboard-timer {
    text-align: center;
    margin: 0;
    padding-bottom: 0;
    font-size: 1em;
    line-height: 16px;
    display: block
}

.scoreboard .prematch .main-score-container .header .scoreboard-timer b {
    color: #fff
}

.scoreboard .prematch .main-score-container .participant {
    flex-direction: column;
    flex: 33.3%;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    font-weight: 700;
    display: flex;
    overflow: hidden
}

.scoreboard .prematch .main-score-container .participant .participant-info {
    display: flex
}

.scoreboard .prematch .main-score-container .participant:nth-child(2) {
    order: 1
}

@media (min-width:960px) {
    .scoreboard .prematch .main-score-container .participant:nth-child(2) .participant-logo {
        padding-left: 33px
    }
}

@media (max-width:959.98px) {
    .scoreboard .prematch .main-score-container .participant:nth-child(2) .participant-logo {
        padding-left: 28px
    }
}

.scoreboard .prematch .main-score-container .participant:nth-child(3) {
    order: 3
}

.scoreboard .prematch .main-score-container .participant:nth-child(3) .participant-info {
    flex-direction: row-reverse
}

@media (min-width:960px) {
    .scoreboard .prematch .main-score-container .participant:nth-child(3) .participant-logo {
        padding-right: 33px
    }
}

@media (max-width:959.98px) {
    .scoreboard .prematch .main-score-container .participant:nth-child(3) .participant-logo {
        padding-right: 28px
    }
}

.scoreboard .prematch .main-score-container .participant .participant-favourite {
    font-size: 14px
}

.scoreboard .prematch .main-score-container .without-image {
    align-items: flex-end
}

.scoreboard .prematch .main-score-container .participant-name {
    text-align: center;
    line-height: 23px
}

@media (max-width:959.98px) {
    .scoreboard .prematch .main-score-container .participant-name .participant-name-value {
        font-size: 14px
    }
}

.scoreboard.small .prematch ms-participant-image,
.scoreboard.tiny .prematch ms-participant-image {
    margin: 0 0 5px
}

.scoreboard.tiny .prematch .main-score-container {
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 0 11px;
    display: flex
}

.scoreboard.tiny .prematch .main-score-container .header {
    align-items: center;
    padding-top: 0;
    font-size: 11px
}

.scoreboard.tiny .prematch .main-score-container .header .scoreboard-timer {
    padding: 0;
    line-height: 11px
}

.scoreboard.tiny .prematch .main-score-container .header .event-time {
    line-height: 13px
}

.scoreboard.tiny .prematch .main-score-container .header .event-time .date:first-child {
    padding-top: 2px
}

.scoreboard.tiny .prematch .main-score-container .header .event-time .date:first-child+.time {
    padding-top: 3px
}

.scoreboard.tiny .prematch .main-score-container .header .event-time .date:first-child+.time+.scoreboard-timer {
    padding-bottom: 3px
}

.scoreboard.tiny .prematch .main-score-container .event-score .score-container {
    height: 22px;
    font-size: 20px;
    line-height: 24px
}

.scoreboard.tiny .prematch .main-score-container .event-score .score-counter {
    height: 22px;
    display: inline-block;
    overflow: hidden
}

.scoreboard.tiny .prematch .main-score-container .event-score .score-separator {
    height: 22px;
    padding: 0 5px;
    display: inline-block;
    overflow: hidden
}

.scoreboard.tiny .prematch .main-score-container .event-score .period-name {
    font-size: 10px;
    font-weight: 400
}

.scoreboard.tiny .prematch .main-score-container .participant {
    flex-direction: row;
    justify-content: flex-start;
    align-self: center
}

.scoreboard.tiny .prematch .main-score-container .participant .participant-info {
    margin-left: 4px;
    margin-right: 4px;
    font-size: 1em
}

.scoreboard.tiny .prematch .main-score-container .participant .participant-favourite,
.scoreboard.tiny .prematch .main-score-container .participant .participant-info .participant-name span {
    display: none
}

.scoreboard.tiny .prematch .main-score-container .participant .participant-logo {
    margin: 0;
    padding: 0
}

.scoreboard.tiny .prematch .main-score-container .participant .participant-logo .player-shirt.image-loaded {
    width: 30px;
    height: 30px
}

.scoreboard.tiny .prematch .main-score-container .participant .participant-logo .player-shirt img {
    width: 30px;
    min-width: 30px;
    height: 30px
}

.scoreboard.tiny .prematch .main-score-container .participant:nth-child(2) .image-loaded {
    margin-right: 4px
}

.scoreboard.tiny .prematch .main-score-container .participant:nth-child(3) {
    flex-direction: row-reverse;
    align-items: center
}

.scoreboard.tiny .prematch .main-score-container .participant:nth-child(3) .image-loaded {
    margin-left: 4px
}

.scoreboard.tiny .prematch .main-score-container .away-indicator {
    display: none
}

.scoreboard.tiny .prematch .main-score-container .participant-name {
    line-height: 17px
}

.scoreboard.tiny .prematch .main-score-container .participant-name .participant-name-value {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.scoreboard.small .prematch .main-score-container {
    width: 100%;
    max-width: 600px;
    height: unset;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0
}

@media (max-width:959.98px) {
    .scoreboard.small .prematch .main-score-container .scoreboard-timer {
        padding-top: 5px
    }
}

.scoreboard.small .prematch .main-score-container .participant {
    flex-direction: column
}

.scoreboard.small .prematch .main-score-container .participant .participant-logo {
    justify-content: center;
    margin-bottom: 5px
}

.scoreboard.small .prematch .main-score-container .participant .participant-info {
    align-items: flex-start;
    font-size: 18px;
    display: flex
}

@media (max-width:599.98px) {
    .scoreboard.small .prematch .main-score-container .participant .participant-info {
        font-size: 1em
    }
}

.scoreboard.small .prematch .main-score-container .participant .participant-info.show-pitcher-record .participant-name-value {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.scoreboard.small .prematch .main-score-container .participant .participant-info .participant-name-value {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    text-align: center;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.scoreboard.small .prematch .main-score-container .participant .participant-info .participant-name-value span {
    opacity: .8;
    font-size: .786em;
    font-weight: 300
}

@media (max-width:959.98px) {
    .scoreboard.small .prematch .main-score-container .participant .participant-name {
        line-height: 19px
    }

    .scoreboard.small .prematch .main-score-container .participant .participant-name .participant-record-picther {
        text-align: center;
        flex-direction: column;
        display: flex;
        overflow: hidden
    }

    .scoreboard.small .prematch .main-score-container .participant .participant-name-value {
        font-size: 14px
    }
}

.scoreboard.small .prematch .participant {
    flex-direction: column;
    align-items: center;
    padding-bottom: 0
}

.scoreboard.small .prematch .participant .participant-logo {
    height: 45px
}

@media (max-width:959.98px) {
    .scoreboard.small .prematch .participant .participant-logo {
        height: 36px
    }
}

.scoreboard.small .prematch .header {
    align-self: center
}

@media (max-width:959.98px) {
    .scoreboard .prematch .main-score-container {
        padding: 0
    }

    .scoreboard .prematch .main-score-container .participant-left,
    .scoreboard .prematch .main-score-container .participant-right {
        font-size: 14px
    }

    .scoreboard.small .prematch .main-score-container .participant .participant-info {
        font-size: 1em
    }
}

@media (min-width:600px) {
    .event-details .header-content .scoreboard.small .prematch .main-score-container .participant:nth-child(2) .favourite-toggle {
        margin-left: 0
    }

    .event-details .header-content .scoreboard.small .prematch .main-score-container .participant:nth-child(3) .favourite-toggle {
        margin-right: 0
    }
}

.starting-in.small .prematch .event-time {
    padding-top: 4px
}

.prematch,
.prematch-tournament,
.prematch ms-scoreboard-participant,
.prematch-tournament ms-scoreboard-participant {
    align-items: center;
    display: flex
}

.main-score-container:nth-child(3) ms-scoreboard-participant {
    flex-direction: row-reverse;
    display: flex
}

.event-details .header-content .edp-scoreboard .prematch-tournament .event-time .date {
    opacity: 1;
    color: #fff
}

.header-content .scoreboard.edp-scoreboard .prematch {
    height: unset;
    max-height: unset;
    min-height: unset
}

.scoreboard.edp-scoreboard .prematch .main-score-container {
    align-items: flex-start
}

.scoreboard.edp-scoreboard .prematch .main-score-container .participant .participant-logo {
    margin-bottom: 2px
}

.edp-scoreboard .prematch-tournament {
    align-items: flex-start;
    height: 81px;
    min-height: 81px;
    max-height: 81px;
    padding: 0 8px
}

.edp-scoreboard .prematch-tournament .event-time {
    order: 1;
    margin-top: 0
}

.edp-scoreboard .prematch-tournament .participant-info {
    order: 2
}

.edp-scoreboard .prematch {
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 8px
}

.edp-scoreboard .prematch .league-name {
    font-family: var(--theme-font-family-base);
    color: #fff;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.edp-scoreboard .prematch .participant-info.show-pitcher-record .participant-name-value {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.edp-scoreboard .prematch .participant-info .participant-name-value {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.edp-scoreboard .prematch .participant-info .participant-name {
    justify-content: center
}

.edp-scoreboard .prematch .main-score-container .participant .participant-info.doubles .participant-name-value {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.base {
    clear: both;
    background: #828282;
    width: 4.87px;
    height: 4.87px;
    margin: 2px;
    transform: rotate(45deg)
}

.base:after,
.base:before {
    content: "";
    background: #828282;
    width: 4.87px;
    height: 4.87px;
    position: fixed;
    transform: rotate(90deg)
}

.base:after {
    left: 6px
}

.base:before {
    top: 6px
}

.base-b2.base,
.base-b3.base:before,
.base-b1.base:after,
.base-b1b2b3.base,
.base-b1b2b3.base:before,
.base-b1b2b3.base:after,
.base-b1b2.base,
.base-b1b2.base:after,
.base-b1b3.base:before,
.base-b1b3.base:after,
.base-b2b3.base,
.base-b2b3.base:before {
    background: #c0a971
}

.base-nobase.base,
.base-nobase.base:before,
.base-nobase.base:after {
    background: #050505
}

.event-details .header-content .scoreboard.medium .cricket {
    height: 125px;
    min-height: 125px;
    max-height: 125px
}

.scoreboard .cricket-game {
    padding: 0 8px
}

.scoreboard .cricket-game .participant-footer {
    min-width: 0;
    padding-top: 3px;
    display: flex
}

.scoreboard .cricket-game .participant-footer .participant-info-cricket {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-end;
    font-size: .6875em;
    font-weight: 300;
    display: flex;
    position: relative
}

.scoreboard .cricket-game .participant-footer .participant-info-cricket .sets-label,
.scoreboard .cricket-game .participant-footer .participant-info-cricket .legs-label {
    margin-left: 34px
}

.scoreboard .cricket-game .participant-footer .participant-info-cricket .set {
    font-size: 1em
}

.scoreboard .cricket-game .participant-footer .participant-info-cricket .secondInnings {
    margin-left: 1.9em
}

.scoreboard .cricket-game .participant {
    min-width: 0;
    margin: 4px 0;
    font-weight: 700;
    line-height: 16px;
    display: flex
}

.scoreboard .cricket-game .participant ms-participant-image {
    margin-right: 12px
}

.scoreboard .cricket-game .participant:first-child .score-divider {
    margin: .065em .1em -.19em
}

.scoreboard .cricket-game .participant:nth-child(2) .score-divider {
    margin: -.19em .1em .065em
}

.scoreboard .cricket-game .participant .set.innings .inning-overs {
    font-size: 11px
}

.scoreboard .cricket-game .participant .set {
    opacity: .4;
    height: 16px;
    margin-left: .425rem
}

.scoreboard .cricket-game .participant .set:nth-child(3) {
    margin-left: .325rem
}

.scoreboard .cricket-game .participant .set.innings {
    opacity: 1;
    text-align: center;
    align-self: center;
    min-width: 46px;
    display: inline-table
}

.scoreboard .cricket-game .participant .set.cricket-indicator {
    opacity: 1;
    margin-left: .45em;
    margin-right: .1em
}

.scoreboard .cricket-game .participant .secondInnings {
    margin-left: 1em;
    display: flex
}

.scoreboard .cricket-game .participant .secondInnings .set.innings {
    min-width: 94px
}

.scoreboard .cricket-game .participant .participant-name {
    order: 1
}

.scoreboard .cricket-game .participant .participant-info .participant-favourite {
    order: 2
}

.scoreboard .cricket-game .set {
    text-align: center;
    font-size: .875em;
    font-weight: 300
}

.scoreboard .cricket-game .set-score,
.scoreboard .cricket-game .set-point {
    display: none
}

.started .cricket-game {
    flex-direction: column
}

.started .cricket-game .scoreboard:not(.started) .cricket-game,
.started .cricket-game .tiny .cricket-game {
    flex-direction: row;
    align-items: center
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .set,
.started .cricket-game .tiny .cricket-game .set {
    display: none
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .set-score,
.started .cricket-game .scoreboard:not(.started) .cricket-game .set-point,
.started .cricket-game .tiny .cricket-game .set-score,
.started .cricket-game .tiny .cricket-game .set-point {
    display: unset;
    margin-left: 2px
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .set-score,
.started .cricket-game .tiny .cricket-game .set-score {
    font-weight: 700
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .header,
.started .cricket-game .tiny .cricket-game .header {
    white-space: nowrap;
    flex-direction: column;
    flex-shrink: 0;
    order: 2;
    align-items: center;
    margin: 0 .25em
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .header .set-score,
.started .cricket-game .scoreboard:not(.started) .cricket-game .header .event-time,
.started .cricket-game .tiny .cricket-game .header .set-score,
.started .cricket-game .tiny .cricket-game .header .event-time {
    text-align: center
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .header .event-time .date,
.started .cricket-game .scoreboard:not(.started) .cricket-game .header .event-time .time,
.started .cricket-game .tiny .cricket-game .header .event-time .date,
.started .cricket-game .tiny .cricket-game .header .event-time .time {
    display: inherit
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .header .event-time .scoreboard-timer,
.started .cricket-game .tiny .cricket-game .header .event-time .scoreboard-timer {
    padding-top: 1.2em;
    font-size: 1em
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .participant,
.started .cricket-game .tiny .cricket-game .participant {
    flex: 100%;
    align-items: center;
    padding: 0
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .participant .serving-indicator:before,
.started .cricket-game .tiny .cricket-game .participant .serving-indicator:before {
    background-color: #fac031
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .participant:first-child,
.started .cricket-game .tiny .cricket-game .participant:first-child {
    text-align: left;
    flex-direction: row-reverse;
    order: 1
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .participant:first-child .sports-sb-cricket-turn,
.started .cricket-game .tiny .cricket-game .participant:first-child .sports-sb-cricket-turn {
    order: 3;
    margin-left: .45em;
    margin-right: .25em;
    display: none
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .participant:first-child .participant-info,
.started .cricket-game .tiny .cricket-game .participant:first-child .participant-info {
    flex-grow: 0;
    order: 1;
    justify-content: flex-start;
    margin-right: .2em
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .participant:nth-child(2),
.started .cricket-game .tiny .cricket-game .participant:nth-child(2) {
    text-align: right;
    order: 3;
    justify-content: flex-end;
    margin-right: .2em
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .participant:nth-child(2) .sports-sb-cricket-turn,
.started .cricket-game .tiny .cricket-game .participant:nth-child(2) .sports-sb-cricket-turn {
    order: 1;
    margin-left: .25em;
    margin-right: .45em;
    display: none
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .participant:nth-child(2) .participant-info,
.started .cricket-game .tiny .cricket-game .participant:nth-child(2) .participant-info {
    direction: rtl;
    order: 2;
    justify-content: flex-start
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .participant:nth-child(2) .participant-info .participant-name,
.started .cricket-game .tiny .cricket-game .participant:nth-child(2) .participant-info .participant-name {
    margin-right: .2em
}

.started .cricket-game .scoreboard:not(.started) .cricket-game {
    padding: 1em
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .participant:first-child {
    justify-content: center
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .participant:first-child .participant-image-container,
.started .cricket-game .scoreboard:not(.started) .cricket-game .participant:nth-child(2) .participant-image-container {
    flex-flow: column
}

.started .cricket-game .scoreboard:not(.started) .cricket-game .participant .player-shirt img {
    min-width: 45px;
    height: 45px;
    margin-bottom: .2em
}

.started .cricket-game .tiny:not(.started) .cricket-game .participant:first-child,
.started .cricket-game .tiny .cricket-game .participant:first-child {
    justify-content: start
}

.started .cricket-game .tiny:not(.started) .cricket-game .participant:first-child .participant-image-container,
.started .cricket-game .tiny .cricket-game .participant:first-child .participant-image-container,
.started .cricket-game .tiny:not(.started) .cricket-game .participant:nth-child(2) .participant-image-container,
.started .cricket-game .tiny .cricket-game .participant:nth-child(2) .participant-image-container {
    flex-flow: row
}

.started .cricket-game .scoreboard.medium .cricket-game {
    padding: 0 .5rem
}

.started .cricket-game .scoreboard.medium .cricket-game .header {
    padding-top: 3px
}

.started .cricket-game .scoreboard.medium .cricket-game .participant {
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: 700
}

.started .cricket-game .scoreboard.medium .cricket-game .participant .participant-name {
    text-overflow: ellipsis;
    white-space: nowrap
}

.started .cricket-game .scoreboard.medium .cricket-game .participant .participant-name .participant-name-value {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.started .cricket-game .scoreboard.medium .cricket-game .participant-name .participant-country {
    font-weight: initial
}

.started .cricket-game .scoreboard.medium .cricket-game .participant-favourite {
    order: 3;
    margin-left: 5px
}

.started .cricket-game .scoreboard.medium .cricket-game .participant-name {
    order: 2;
    font-weight: 700
}

.tiny .cricket-game {
    height: 70px;
    min-height: 70px;
    max-height: 70px;
    padding: 0 .5em
}

.tiny .cricket-game .participant-name span,
.tiny .cricket-game .participant-favourite {
    display: none
}

.tiny .cricket-game .header {
    padding: 0 .6em .25em
}

.tiny .cricket-game .participant-footer,
.tiny .cricket-game .score-divider {
    display: none
}

.scoreboard.tiny .cricket-game .player-shirt img {
    min-width: 24px;
    height: 24px
}

.tiny .cricket-game:not(.cricket) .participant .secondInnings {
    margin-left: 0
}

.tiny .cricket-game:not(.cricket) .participant .serving {
    width: .25em;
    height: 10px;
    display: none
}

.tiny .cricket-game:not(.cricket) .participant .serving.serving-indicator {
    margin-right: .3em;
    display: block
}

.tiny .cricket-game:not(.cricket) .participant .serving.serving-indicator:before {
    position: relative;
    top: -.35em
}

@media (min-width:600px) {
    .scoreboard.medium .cricket-game {
        padding: .6rem 0 .35rem
    }

    .scoreboard.medium .cricket-game .participant {
        padding-left: 0
    }

    .scoreboard.tiny .cricket-game {
        padding: 0
    }

    .event-details .header-content .scoreboard.small .cricket-game .participant:first-child .favourite-toggle {
        margin-left: 0
    }

    .event-details .header-content .scoreboard.small .cricket-game .participant:nth-child(2) .favourite-toggle {
        margin-right: 0
    }
}

@media screen and (min-width:1280px) and (max-width:1370px) {
    .event-details .header-content .scoreboard .cricket-game:not(.cricket) .participant:first-child .favourite-toggle {
        margin-left: 0
    }

    .event-details .header-content .scoreboard .cricket-game:not(.cricket) .participant:nth-child(2) .favourite-toggle {
        margin-right: 0
    }

    .event-details .header-content .scoreboard.small .cricket-game .participant:first-child .favourite-toggle {
        margin-left: .57em
    }

    .event-details .header-content .scoreboard.small .cricket-game .participant:nth-child(2) .favourite-toggle {
        margin-right: .57em
    }

    .event-details .header-content .scoreboard.medium .cricket-game {
        padding-left: .57em;
        padding-right: .57em
    }
}

.edp-scoreboard.scoreboard .cricket-game .participant .player-shirt img {
    min-width: 36px;
    min-height: 36px;
    margin-right: 0
}

.edp-scoreboard.scoreboard .cricket-game .participant .set.innings {
    height: auto;
    color: var(--theme-body-10);
    text-align: right;
    margin-left: 8px;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px
}

.edp-scoreboard.scoreboard .cricket-game .participant .set.innings .inning-overs {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    font-family: var(--theme-font-family-base)
}

.edp-scoreboard.scoreboard .cricket-game .participant .secondInnings {
    margin-left: 0
}

.edp-scoreboard.scoreboard .cricket-game .participant .secondInnings .set.innings {
    min-width: 136px
}

.edp-scoreboard.scoreboard .cricket-game .participant .participant-info .participant-name .participant-name-value {
    display: block
}

.edp-scoreboard.scoreboard .cricket-game .participant ms-participant-image {
    margin-right: 0
}

ms-content-box {
    transform: translateZ(0)
}

.content-box {
    color: #333;
    background-color: #fff;
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
    transform: translateZ(0);
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .content-box {
    border-radius: .25rem;
    overflow: hidden
}

.content-box .content-box-header {
    color: #333;
    background: #fff;
    width: 100%;
    padding-right: 3em;
    display: flex
}

.content-box .content-box-header.open {
    border-bottom: 1px solid #eaeaea
}

.content-box .content-box-header .toggle-arrow {
    position: absolute;
    top: .5em;
    right: 18px
}

.device-mobile:not(.isTablet):not(.landscape) .content-box .content-box-header .toggle-arrow {
    right: 33px
}

.content-box .content-box-header .toggle-arrow vn-icon {
    color: #adadad
}

.content-box .content-box-header .toggle-arrow span {
    color: #adadad;
    transform-origin: 50%;
    width: 16px;
    height: 16px;
    transition: transform .5s;
    display: inline-block
}

.content-box .content-box-header .title {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin: .67em 0;
    padding-left: 1em;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.1em;
    overflow: hidden
}

.content-box.collapsed .seo-header {
    border-bottom: 0
}

.content-box .content {
    padding: 1em;
    font-size: .8125em
}

.content-box .content h1 {
    font-size: 1.2em;
    font-weight: 700
}

.content-box .content h2 {
    margin-block: .83em;
    margin-inline: 0;
    font-size: 1.077em;
    font-weight: 700;
    line-height: 1.1em
}

.content-box .content .row .pc-toggle-label {
    height: 36px;
    padding: 10px 20px 10px 0
}

.content-box .content a {
    text-decoration: underline
}

.my-bets-toolbar ms-share-my-bet.share-my-bet__button #share-my-bet.theme-share.toolbar-button {
    grid-template-columns: unset
}

.my-bets-toolbar.expanded .share-my-bet__button #share-my-bet.theme-share .share-my-bet__button-title {
    margin-top: 3px
}

ms-betslip-result-successful ms-share-my-bet.share-my-bet__button {
    padding-top: 11px
}

ms-betslip-result-successful ms-share-my-bet.share-my-bet__button .share-my-bet__button-title {
    display: inline
}

.quick-bet__place-bet-result .share-my-bet__button-title {
    padding-left: 6px;
    display: inline
}

ms-share-my-bet.share-my-bet__button {
    width: 100%;
    padding: 0 0 0 12px;
    font-size: .875rem;
    display: inline-block
}

ms-share-my-bet.share-my-bet__button #share-my-bet.theme-share.toolbar-button {
    cursor: default;
    width: 100%
}

ms-share-my-bet.share-my-bet__button #share-my-bet.theme-share.toolbar-button:before {
    cursor: pointer
}

ms-share-my-bet.share-my-bet__button #share-my-bet.theme-share.toolbar-button .share-my-bet__button-title {
    cursor: pointer;
    margin-top: 5px
}

ms-share-my-bet.share-my-bet__button #share-my-bet.theme-share.toolbar-button .share-my-bet__button-title span.theme-up {
    color: #333;
    float: right;
    padding-right: 12px
}

ms-share-my-bet.share-my-bet__button #share-my-bet .theme-share.toolbar-button.active {
    cursor: pointer
}

:host-context(.betslip-edit-bet_screen__result) ms-share-my-bet {
    text-align: left
}

.share-my-bet__copy-dialog {
    background-color: #fff;
    padding: 12px;
    font-size: 14px
}

.share-my-bet__copy-dialog input[type=text].share-my-bet__short-uri-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    outline: none;
    padding-right: .5em
}

.share-my-bet__copy-close {
    float: right;
    cursor: pointer
}

.share-my-bet__copy-text,
.share-my-bet__copy-header {
    margin-bottom: 8px
}

.share-my-bet__copy-header:after {
    content: "";
    clip-path: polygon(120% -25%, 120% 120%, -25% 120%);
    background-color: #fff;
    width: .8em;
    height: .8em;
    display: block;
    position: absolute;
    left: 4em;
    transform: translate(9px, -37px)rotate(224deg);
    box-shadow: 0 1px 3px 1px #0003
}

.share-my-bet__copy-header.expanded:after {
    left: 7.5em
}

.share-my-bet__copy-title {
    text-transform: capitalize;
    font-size: 16px
}

.share-my-bet__short-uri-text {
    white-space: nowrap;
    min-width: 76%;
    max-width: max-content;
    min-height: 35px;
    max-height: 35px
}

.share-my-bet__copy-button {
    text-align: center;
    color: #fff;
    float: right;
    cursor: pointer;
    background: #adadad;
    border-radius: 0 3px 3px 0;
    width: 24%;
    padding: 9px 0
}

.share-my-bet__compliance {
    pointer-events: none
}

.share-my-bet__compliance .modal-content {
    border-radius: 5px
}

.share-my-bet__compliance .message-dialog {
    padding: .3em .5em 1.3em
}

.share-my-bet__compliance .message-dialog>p {
    font-weight: 500
}

.share-my-bet__link-expired .message-dialog h3 {
    text-transform: initial
}

.share-my-bet__link-expired .message-dialog h3:before {
    display: none
}

.share-my-bet__onboarding {
    color: #fff;
    background-color: #1284e0;
    border-radius: 3px;
    width: 92%;
    margin: -58px 0 0 -18px;
    padding: 10px;
    position: absolute;
    box-shadow: 1px 1px 7px -2px #0009
}

@media (max-width:599.98px) {
    .share-my-bet__onboarding {
        margin-top: 30px
    }
}

.share-my-bet__onboarding:after {
    content: "";
    clip-path: polygon(120% -25%, 120% 120%, -25% 120%);
    background-color: #1284e0;
    width: .78125em;
    height: .78125em;
    display: block;
    position: absolute;
    bottom: 0;
    left: 2em;
    transform: translate(-5px, 5px)rotate(45deg);
    box-shadow: 1px 1px 3px -1px #0009
}

@media (max-width:599.98px) {
    .share-my-bet__onboarding:after {
        top: -4px;
        transform: rotate(225deg)
    }
}

.share-my-bet__onboarding-message {
    float: left;
    max-width: 92%;
    font-size: 1em
}

.share-my-bet__onboarding-close {
    cursor: pointer;
    float: right;
    font-size: 1em
}

.share-my-bet__new-badge {
    color: #000;
    background-color: #fc0;
    border-radius: .1em;
    margin-top: -3em;
    margin-left: .5em;
    padding: 0 .2em;
    font-size: .5em;
    font-weight: 700;
    transition: margin-top .16s;
    position: absolute
}

.help-share-my-bet .helpboxheader-badge {
    top: .08em
}

.help-share-my-bet .helpboxheader-badge span {
    background: #fc0
}

.help-share-my-bet .helpboxheader-title-container {
    position: relative;
    bottom: .22em
}

.betslip-result-links .share-my-bet__button-title {
    padding-left: 8px
}

.epcot-enabled .share-my-bet__button-title {
    font-size: 12px;
    font-family: var(--theme-font-family-base);
    padding-left: 8px
}

.main-container a,
.modal a {
    text-decoration: none
}

.main-container .help-and-contact,
.modal .help-and-contact {
    color: var(--theme-info);
    text-decoration: underline
}

#main-view {
    min-height: 100vh;
    padding-right: 15px;
}

.view-container {
    flex-direction: row;
    display: flex
}

.view-container-left {
    max-width: 140px
}

.view-container-center {
    flex-grow: 1
}

.view-container-right {
    max-width: 140px
}

iframe {
    border: 0
}

.hidden,
[hidden] {
    display: none !important
}

.visibility-hidden {
    visibility: hidden
}

html.product-sports {
    -webkit-user-select: none;
    user-select: none
}

html.product-sports.unauthenticated.has-workflow #main-header {
    min-height: 3.5em
}

html.product-sports.unauthenticated.has-workflow #sports-nav {
    top: 2.75em
}

html.product-sports.language-switcher-shown ms-betslip-bubble {
    display: none
}

html.product-sports main {
    background-color: #f5f5f5
}

html.product-sports footer {
    z-index: auto !important
}

html.product-sports ul,
html.product-sports ol {
    margin: 0;
    padding: 0
}

html.product-sports body {
    width: 100%;
    overflow-x: hidden;
    -webkit-tap-highlight-color: #0000 !important
}

html.product-sports body>img {
    position: absolute
}

html.product-sports body.noscroll {
    position: fixed;
    overflow: hidden
}

html.product-sports body:has(.event-details-modal) {
    overflow: hidden
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

#main-header {
    overflow: unset;
    transform: translateZ(0)
}

#main-header.fixed {
    position: static !important
}

#main-header .icon-row {
    height: 2.75em;
    min-height: 2.75em
}

#main-header>a {
    height: 3.5em;
    line-height: 3.5em
}

#main-header .scroll-adapter .theme-right:before,
#main-header .scroll-adapter .theme-left:before {
    font-size: 1.1118em;
    line-height: 1em
}

vn-header {
    z-index: 990;
    width: 100%;
    transform: translateZ(990px)
}

html.event-details-page vn-header.header {
    z-index: 6
}

.welcome-layer-visible body {
    top: 0 !important
}

header div.logo+div a {
    text-align: right;
    padding-right: 0
}

header div.logo+div a span {
    font-size: .6em;
    line-height: .95em;
    display: block
}

header div.logo+div a span.currency {
    color: #fc0
}

.betslip .hidescroll {
    overflow-y: hidden
}

.product-sports vn-footer>footer {
    z-index: 4
}

[slot=header_topbar_right] {
    order: 4
}

noscript {
    z-index: 9999;
    text-align: center;
    background: #000;
    padding-top: 10%;
    position: fixed;
    inset: 0
}

.clear {
    clear: both
}

.preload {
    display: none
}

img {
    vertical-align: middle;
    max-width: 100%
}

.resizeable-image {
    width: 100%
}

[marquee]:not([disabled]) {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden
}

[marquee].marquee-working {
    text-overflow: unset
}

.ms2overlay,
.overlay {
    z-index: 6;
    -webkit-overflow-scrolling: touch;
    background-color: #000000b3;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.ms2overlay.is-modal-dialog,
.overlay.is-modal-dialog {
    z-index: 1065
}

.ms2overlay.over-header,
html.mainmenu_on #main-overlay {
    z-index: 992
}

#main-menu .main-menu-items {
    transform: translate(0, 0)
}

#swipeable {
    width: 100%;
    position: absolute;
    top: 3.5em;
    bottom: 0
}

#swipeable.nav {
    top: 7em
}

html.unauthenticated main #swipeable {
    top: 3.5em
}

html.unauthenticated main #swipeable.nav {
    top: 7em
}

.centralize {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.bold {
    font-weight: 700
}

#main-content:before {
    content: ".";
    width: 0;
    height: 0;
    display: block;
    overflow: auto
}

.loading-footer {
    text-align: center;
    background: #d6d6d6;
    padding: .5em .65em
}

.remove-button {
    color: #d6d6d6;
    z-index: 1
}

.remove-button:before {
    font-size: 1.25em
}

.remove-button.requested {
    color: #d6d6d6
}

.remove-button.requested:before {
    display: none
}

.remove-button>span {
    color: #fff;
    vertical-align: top;
    background-color: #707070;
    border-radius: 3.42857em;
    padding: 0 .5em;
    font-size: .875em;
    line-height: 1.5
}

.remove-button:not(.requested)>span {
    display: none
}

.betslip .remove-button {
    padding: .375em .6875em .9375em .9375em
}

.note {
    text-align: left;
    color: #000;
    background: #eaeaea;
    border-top: 1px solid #d6d6d6;
    padding: .45em .5em .45em 2.75em;
    font-size: .8em;
    position: relative
}

.note.bottom-note {
    z-index: -1;
    animation: 1s 5s forwards slide-out-to-bottom
}

.note.success {
    color: #fff;
    background: #2db343;
    border: 0;
    padding: .7em .5em .7em 3.05em
}

.note.success .sports-check,
.note.success .theme-success-i {
    margin-right: .5em
}

.note>i {
    margin: 0 .5em 0 -1.75em;
    font-size: 1.15em;
    position: relative;
    top: .1em
}

.note .warning-color:before {
    color: var(--notification-warning)
}

#ukonetimeconfirm {
    color: #000
}

.product-sports.breadcrumbs-visible main {
    background-color: #f5f5f5
}

.navigation-layout-open main {
    background-color: var(--theme-body-bgd)
}

.is-android-native footer {
    padding-bottom: 5em
}

.is-android-native.unauthenticated:not(.login-bar-shown) footer {
    padding-bottom: .8em
}

.option-indicator .option-value:after {
    content: "";
    border-left: .5em solid #0000;
    position: absolute
}

.option-indicator.increased .option-value:after {
    border-top: .5em solid #2db343;
    animation: .3s 12 alternate forwards option-indicator-blinking-increased, .5s 30s forwards option-indicator-static-increased
}

@keyframes option-indicator-blinking-increased {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes option-indicator-static-increased {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.option-indicator.decreased .option-value:after {
    border-bottom: .5em solid #ff3b30;
    animation: .3s 12 alternate forwards option-indicator-blinking-decreased, .5s 30s forwards option-indicator-static-decreased
}

@keyframes option-indicator-blinking-decreased {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes option-indicator-static-decreased {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.market-leg {
    z-index: 0;
    padding-bottom: .4em;
    display: block;
    position: relative
}

.market-leg:not(:last-child):after {
    content: "";
    z-index: -1;
    border-left: 2px solid #adadad;
    position: absolute;
    top: 0;
    bottom: 0;
    left: .35em;
    transform: translate(-50%)
}

.market-leg .circle-overlay {
    color: #707070;
    vertical-align: top;
    background: #fff;
    height: 100%;
    font-size: .975em;
    display: inline-block
}

.market-leg .circle-overlay .theme-radio-off:before {
    font-size: .7em;
    font-weight: 700
}

.market-leg .leg {
    width: 86%;
    margin-left: .5em;
    display: inline-block
}

.hidden {
    display: none !important
}

.hidden-visibility {
    visibility: hidden !important
}

.list-item .title .competition-logo {
    vertical-align: middle;
    margin-left: 5px
}

.list-item .competition-logo-container .competition-logo,
.list-item .product-menu-image {
    width: 1.25rem;
    height: auto
}

.us-logo.list-item:not(.header-item):not(.leaf-item) .icon {
    padding-right: .15rem
}

.us-logo.list-item:not(.header-item):not(.leaf-item) .icon .competition-logo-container .competition-logo {
    width: 1.375rem;
    position: relative;
    right: .2rem
}

.us-logo.list-item:not(.header-item):not(.leaf-item) .icon .competition-logo-container span {
    margin-right: .4rem;
    font-size: 1rem
}

.us-logo.list-item:not(.header-item):not(.leaf-item) .icon .base-icon,
.us-logo.list-item:not(.header-item):not(.leaf-item) .icon .coloured-icon {
    display: none
}

.list.tabs-header-wrapper {
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0
}

.list-item.item-header.grid-header {
    border-bottom: 1px solid #eaeaea
}

.theme-current-date {
    text-transform: uppercase;
    margin-top: .15rem;
    font-size: .7rem;
    font-weight: 700;
    line-height: .9em;
    display: inline-block
}

.link {
    text-decoration: none
}

@keyframes option-indicator-opacity {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.option-panel {
    --option-group-rows: 0;
    background-color: #fff;
    border-radius: .25rem;
    display: block;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #eaeaea
}

.option-panel .option-group-name,
.option-panel .option-group-header-title {
    background-color: #eaeaea;
    border-radius: 5px 5px 0 0;
    justify-content: space-between;
    width: 100%;
    min-height: 2.5rem;
    display: flex
}

:is(.option-panel .option-group-name:has(button.marketsubtype-logo-button), .option-panel .option-group-header-title:has(button.marketsubtype-logo-button)) {
    padding-block: 0
}

.option-panel .option-group-name.precreated-bab-group-name,
.option-panel .option-group-header-title.precreated-bab-group-name {
    line-height: .76em !important
}

.option-panel .option-group-name>div,
.option-panel .option-group-header-title>div {
    vertical-align: middle;
    align-items: center;
    font-size: .875rem;
    display: flex
}

.option-panel .option-group-name>div+div,
.option-panel .option-group-header-title>div+div {
    white-space: nowrap;
    padding-left: 0
}

.option-panel .option-group-name>div+div.option-group-header-right-section,
.option-panel .option-group-header-title>div+div.option-group-header-right-section {
    white-space: initial
}

.option-panel .option-group-name .bet-builder-newbadge,
.option-panel .option-group-header-title .bet-builder-newbadge {
    color: #000;
    text-transform: uppercase;
    background: #fc0;
    align-items: center;
    margin-left: .3em;
    padding: .1em .3em 0;
    font-family: Roboto Condensed;
    font-size: .7em;
    font-weight: 700;
    line-height: 1.3em
}

.option-panel .option-group-name .selected,
.option-panel .option-group-header-title .selected {
    fill: #333
}

.option-panel .option-group-name .deselected,
.option-panel .option-group-header-title .deselected {
    fill: #707070
}

.option-panel .option-group-name .info-icon,
.option-panel .option-group-header-title .info-icon {
    padding: 8px
}

.option-panel .option-group-name .theme-down,
.option-panel .option-group-header-title .theme-down {
    margin: 0;
    padding: 0;
    font-size: 12px
}

.option-panel .option-group-name .theme-down:before,
.option-panel .option-group-header-title .theme-down:before {
    position: relative;
    top: 2px
}

.option-panel .option-group-name .promotion-badge-icon,
.option-panel .option-group-header-title .promotion-badge-icon {
    color: #eb7e13
}

.option-panel .option-group-name .extended-offer,
.option-panel .option-group-header-title .extended-offer {
    color: #fff;
    background-color: #333;
    border-radius: 3em;
    min-width: 1.8em;
    margin: -.2em -.2em -.2em -.4em;
    padding: .2em .4em;
    font-size: .9em;
    display: block
}

.option-panel .option-group-name .extended-offer .exclusive-icon,
.option-panel .option-group-header-title .extended-offer .exclusive-icon {
    position: relative;
    top: 1px
}

.option-panel .option-group-name .extended-offer a,
.option-panel .option-group-header-title .extended-offer a {
    padding-left: .3em;
    font-size: .9em;
    text-decoration: none;
    position: relative;
    top: -1px
}

.option-panel .option-group-name .option-group-win-market-mobile,
.option-panel .option-group-header-title .option-group-win-market-mobile {
    padding-right: .45em
}

.option-panel .option-group-name .option-group-win-market-desktop,
.option-panel .option-group-header-title .option-group-win-market-desktop {
    display: inline
}

@media (hover:hover) and (pointer:fine) {

    .option-panel .option-group-name:not(.nonClickable):hover,
    .option-panel .option-group-header-title:not(.nonClickable):hover {
        cursor: pointer;
        background-color: #ddd
    }
}

.option-panel .option-group-header-title {
    padding: 12px;
    font-size: 1em
}

.option-panel .center-align-option .option-group-container.single .option .name {
    max-width: calc(100% - 4em)
}

.option-panel .center-align-option .option-group-container.single .option-pick>div {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.option-panel .option-group-container .more,
.option-panel ms-regular-option-group .more {
    text-align: center;
    white-space: nowrap;
    border-top: 1px solid #eaeaea;
    width: 100%;
    margin-top: -1px;
    padding: calc(.9em - 1px);
    font-size: .88em;
    overflow: hidden
}

.option-panel .option-group-container .more .theme-up,
.option-panel .option-group-container .more .theme-down,
.option-panel .option-group-container .more .collapsed vn-icon,
.option-panel .option-group-container .more .expanded vn-icon,
.option-panel ms-regular-option-group .more .theme-up,
.option-panel ms-regular-option-group .more .theme-down,
.option-panel ms-regular-option-group .more .collapsed vn-icon,
.option-panel ms-regular-option-group .more .expanded vn-icon {
    margin-top: 1px;
    margin-bottom: -8px;
    padding-top: 0
}

.option-panel .option-group-container .more .theme-up:before,
.option-panel .option-group-container .more .theme-down:before,
.option-panel .option-group-container .more .collapsed vn-icon,
.option-panel .option-group-container .more .expanded vn-icon,
.option-panel ms-regular-option-group .more .theme-up:before,
.option-panel ms-regular-option-group .more .theme-down:before,
.option-panel ms-regular-option-group .more .collapsed vn-icon,
.option-panel ms-regular-option-group .more .expanded vn-icon {
    vertical-align: middle
}

.option-panel .option-group-container .more:hover,
.option-panel ms-regular-option-group .more:hover {
    background: #adadad1f
}

.option-panel ms-regular-option-group .double .option-player,
.option-panel ms-regular-option-group .triple .option-player {
    display: contents
}

.option-panel ms-regular-option-group .double .option-player .option-indicator,
.option-panel ms-regular-option-group .triple .option-player .option-indicator {
    justify-content: space-between;
    gap: 6px;
    min-height: 100%
}

.option-panel ms-regular-option-group .double .option-player .option-value,
.option-panel ms-regular-option-group .triple .option-player .option-value {
    margin-right: 10px;
    font-style: normal;
    line-height: 18px
}

.option-panel ms-regular-option-group .double .option-player .option-value:after,
.option-panel ms-regular-option-group .triple .option-player .option-value:after {
    right: -.4em !important
}

.option-panel .option-group-container {
    box-sizing: content-box;
    --option-group-header-height: 1.8125rem;
    --option-group-option-height: 40.1px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    flex-wrap: wrap;
    align-content: baseline;
    padding-left: 1px;
    display: flex;
    overflow: hidden
}

.option-panel .option-group-container.regular-option-container {
    min-height: calc(var(--option-group-option-height)*var(--option-group-rows))
}

.option-panel .option-group-container.player-props-container {
    min-height: calc(var(--option-group-option-height)*var(--option-group-rows) + var(--option-group-header-height))
}

.option-panel .option-group-container.bet-builder-over-under-container,
.option-panel .option-group-container.bet-builder-spread-container,
.option-panel .option-group-container.bet-builder-goal-scorer-container {
    min-height: calc(var(--option-group-option-height)*var(--option-group-rows))
}

.option-panel .option-group-container.over-under-container,
.option-panel .option-group-container.spread-container,
.option-panel .option-group-container.goal-scorer-container {
    min-height: calc(var(--option-group-option-height)*var(--option-group-rows) + var(--option-group-header-height))
}

.option-panel .option-group-container.correct-score-container.score-options {
    min-height: calc(var(--option-group-option-height)*var(--option-group-groups) + var(--option-group-header-height))
}

.option-panel .option-group-container.player-milestone-container .attribute-key {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    padding-left: 12px;
    font-size: 11px
}

.option-panel .option-group-container.player-milestone-container .attribute-key .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.option-panel .option-group-container.player-milestone-container .option .name {
    margin-right: 0
}

.option-panel .option-group-container.player-combined-container .attribute-key {
    align-items: center;
    padding: 9px .35em 9px 12px
}

.option-panel .option-group-container.player-combined-container .option-attribute-container {
    text-align: left;
    width: calc(100% - 7px);
    padding-left: 8px
}

.option-panel .option-group-container.player-combined-container .option-attribute-container .option-attribute-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    overflow: hidden
}

.option-panel .option-group-container.player-combined-container .option-attribute-container .option-attribute-name:first-child {
    margin-bottom: 6px
}

.option-panel .option-group-container.player-combined-container .option .lock {
    margin-bottom: 0
}

.option-panel .option-group-container.player-combined-container .option .name {
    margin-right: 0;
    padding-bottom: 2px;
    font-size: 13px;
    font-weight: 400;
    display: block
}

.option-panel .option-group-container.player-combined-container .option-pick>div {
    flex-direction: column;
    min-height: 51px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex
}

.option-panel .option-group-container.player-combined-container .option-combined-container {
    flex-direction: column;
    justify-content: center;
    width: 7px;
    height: 32px;
    display: flex
}

.option-panel .option-group-container.player-combined-container .option-combined-container:after {
    content: "";
    border-bottom: 1.2px solid #c1c1c1;
    border-left: 1.2px solid #c1c1c1;
    width: 6px;
    height: 7.2px;
    margin-left: 2px;
    display: block
}

.option-panel .option-group-container.player-combined-container .option-combined-container:before {
    content: "";
    border-top: 1.2px solid #c1c1c1;
    border-left: 1.2px solid #c1c1c1;
    width: 6px;
    height: 7.2px;
    margin-left: 2px;
    display: block
}

.option-panel .option-group-container.player-combined-container .combined {
    align-items: center;
    margin: 4px 0;
    display: flex
}

.option-panel .option-group-container .option-pick,
.option-panel .option-group-container .linked-option-pick {
    display: block;
    position: relative;
    overflow: hidden
}

.option-panel .option-group-container .option-pick>div,
.option-panel .option-group-container .linked-option-pick>div {
    white-space: nowrap;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    padding: .8175em .35em;
    display: flex;
    overflow: hidden;
    box-shadow: inset -1px -1px #eaeaea
}

@media (hover:hover) and (pointer:fine) {

    .option-panel .option-group-container .option-pick>div:not(.offline):hover,
    .option-panel .option-group-container .linked-option-pick>div:not(.offline):hover {
        cursor: pointer;
        background-color: #adadad1f
    }
}

.option-panel .option-group-container .option-pick>div.selected,
.option-panel .option-group-container .linked-option-pick>div.selected {
    background-color: #ffcc004d
}

@media (hover:hover) and (pointer:fine) {

    .option-panel .option-group-container .option-pick>div.selected:hover,
    .option-panel .option-group-container .linked-option-pick>div.selected:hover {
        cursor: pointer;
        background-color: #fc06
    }
}

.option-panel .option-group-container .option-pick.option-player>div,
.option-panel .option-group-container .linked-option-pick.option-player>div {
    max-height: 40px;
    padding: 10px 12px
}

.option-panel .option-group-container.spread-container .option-pick>div,
.option-panel .option-group-container.correct-score-container .option-pick>div,
.option-panel .option-group-container.player-props-container .option-pick>div {
    flex-direction: row
}

.option-panel .option-group-container .option-player .option-indicator .option-value {
    height: 16px;
    line-height: normal
}

.option-panel .option-group-container .option-indicator .option-value {
    min-width: 30px;
    height: 16px;
    position: relative
}

.option-panel .option-group-container .option-indicator.decreased .option-value:after {
    top: .45em;
    right: -.7em
}

.option-panel .option-group-container .option-indicator.increased .option-value:after {
    top: .25em;
    right: -.7em
}

.option-panel .option-group-container .option {
    flex-basis: 100%;
    min-width: 0;
    font-size: .875em
}

.option-panel .option-group-container .option.option-hidden {
    contain: paint;
    height: 0;
    overflow: hidden
}

.option-panel .option-group-container .option .jersey-container {
    align-items: center;
    display: flex
}

.option-panel .option-group-container .option .jersey-container .name {
    text-align: left;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: normal;
    -webkit-box-orient: vertical;
    max-width: 100%;
    padding: 0 0 0 8px;
    line-height: 16px;
    display: -webkit-box;
    overflow: hidden
}

.option-panel .option-group-container .option .name {
    text-overflow: ellipsis;
    min-width: 0;
    margin-right: .35em;
    font-weight: 400;
    overflow: hidden
}

.option-panel .option-group-container .option .name .option-attribute,
.option-panel .option-group-container .option .value {
    font-weight: 700
}

.option-panel .option-group-container .option .offline .name {
    color: #adadad
}

.option-panel .option-group-container .option .priceboost-odds {
    min-width: unset;
    align-items: center;
    display: flex
}

.option-panel .option-group-container .option .priceboost-odds .was-price-grid {
    margin-left: 10px;
    margin-right: 12px
}

.option-panel .option-group-container.single .option-pick {
    position: relative
}

.option-panel .option-group-container.single .option-pick>div {
    text-align: left;
    padding: .75em 1.2em .75em .9em;
    display: block
}

.option-panel .option-group-container.single .option {
    flex-basis: 100%
}

.option-panel .option-group-container.single .option .jersey-container {
    width: 100%
}

.option-panel .option-group-container.single .option .name {
    white-space: normal;
    float: left;
    max-width: calc(100% - 3em)
}

.option-panel .option-group-container.single .option .lock,
.option-panel .option-group-container.single .option .value {
    float: right
}

.option-panel .option-group-container.single .option-pick.option-player {
    position: relative
}

.option-panel .option-group-container.single .option-pick.option-player>div {
    text-align: left;
    gap: 6px;
    max-height: 40px;
    padding: 5px 16px 5px 12px;
    display: flex
}

.option-panel .option-group-container.single .option-pick.option-player .option-indicator {
    flex-basis: 100%
}

.option-panel .option-group-container.single .option-pick.option-player .option-indicator .name {
    white-space: normal;
    float: left;
    width: calc(100% - 3em);
    padding: 0 0 0 8px
}

.option-panel .option-group-container.double .option {
    flex-basis: 50%
}

.option-panel .option-group-container.double .option .participant-jersey .name {
    max-width: 60%
}

.option-panel .option-group-container.double .option .option-pick.option-player .option-indicator .jersey-container {
    align-items: center;
    display: flex
}

.option-panel .option-group-container.double .option .option-pick.option-player .lock,
.option-panel .option-group-container.double .option .option-pick.option-player .value {
    text-align: left;
    margin-right: 0;
    line-height: 16px
}

.option-panel .option-group-container.triple .option {
    flex-basis: 33.3333%
}

.option-panel .option-group-container.quadruple .option,
.option-panel .option-group-container.quintuple .option {
    flex-basis: 20%
}

.option-panel .option-group-container.sextuple .option {
    flex-basis: 16.6667%
}

.option-panel .option-group-container.septuple .option {
    flex-basis: 14.2857%
}

.option-panel .option-group-container .option-placeholder {
    box-shadow: inset -1px 0 #eaeaea
}

.option-panel .option-group-container .option-placeholder.option-placeholder-shadow {
    box-shadow: inset -1px -1px #eaeaea
}

.option-panel .option-group-container .option .option-pick.option-player .name {
    margin-right: 0
}

.line-switcher-swap-pick__container .option-panel .option-pick>div.selected {
    background-color: unset;
    color: #adadad
}

.line-switcher-swap-pick__container .option-panel .option-pick>div.line-switcher-current-selection {
    color: inherit;
    background-color: #ffcc004d
}

.goal-scorer-container .option-group-header,
.over-under-container .option-group-header,
.player-milestone-container .option-group-header,
.player-combined-container .option-group-header,
.correct-score-container .option-group-header,
.six-pack-container .option-group-header,
.score-market-container .option-group-header,
.outrights-container .option-group-header,
.yes-no-container .option-group-header,
.total-score-container .option-group-header,
.player-props-container .option-group-header,
.spread-container .option-group-header,
.teams-container .option-group-header,
.bet-builder-goal-scorer-container .option-group-header,
.scorecast-option-group .option-group-header {
    color: #707070;
    height: var(--option-group-header-height);
    border-bottom: 1px solid #eaeaea;
    place-items: center stretch;
    width: 100%;
    padding: 9px 0 6px;
    display: flex
}

.jersey-panel .goal-scorer-container .option-group-header,
.jersey-panel .over-under-container .option-group-header,
.jersey-panel .player-milestone-container .option-group-header,
.jersey-panel .player-combined-container .option-group-header,
.jersey-panel .correct-score-container .option-group-header,
.jersey-panel .six-pack-container .option-group-header,
.jersey-panel .score-market-container .option-group-header,
.jersey-panel .outrights-container .option-group-header,
.jersey-panel .yes-no-container .option-group-header,
.jersey-panel .total-score-container .option-group-header,
.jersey-panel .player-props-container .option-group-header,
.jersey-panel .spread-container .option-group-header,
.jersey-panel .teams-container .option-group-header,
.jersey-panel .bet-builder-goal-scorer-container .option-group-header,
.jersey-panel .scorecast-option-group .option-group-header {
    height: 29px;
    padding: 0
}

.jersey-panel .goal-scorer-container .option-group-header span,
.jersey-panel .over-under-container .option-group-header span,
.jersey-panel .player-milestone-container .option-group-header span,
.jersey-panel .player-combined-container .option-group-header span,
.jersey-panel .correct-score-container .option-group-header span,
.jersey-panel .six-pack-container .option-group-header span,
.jersey-panel .score-market-container .option-group-header span,
.jersey-panel .outrights-container .option-group-header span,
.jersey-panel .yes-no-container .option-group-header span,
.jersey-panel .total-score-container .option-group-header span,
.jersey-panel .player-props-container .option-group-header span,
.jersey-panel .spread-container .option-group-header span,
.jersey-panel .teams-container .option-group-header span,
.jersey-panel .bet-builder-goal-scorer-container .option-group-header span,
.jersey-panel .scorecast-option-group .option-group-header span {
    padding: 0
}

.goal-scorer-container .option-group-header span,
.over-under-container .option-group-header span,
.player-milestone-container .option-group-header span,
.player-combined-container .option-group-header span,
.correct-score-container .option-group-header span,
.six-pack-container .option-group-header span,
.score-market-container .option-group-header span,
.outrights-container .option-group-header span,
.yes-no-container .option-group-header span,
.total-score-container .option-group-header span,
.player-props-container .option-group-header span,
.spread-container .option-group-header span,
.teams-container .option-group-header span,
.bet-builder-goal-scorer-container .option-group-header span,
.scorecast-option-group .option-group-header span {
    text-align: center;
    flex: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 .35rem;
    font-size: 11px;
    font-weight: 400;
    display: flex;
    position: relative
}

.goal-scorer-container .option-group-header span ms-promotion-badge,
.over-under-container .option-group-header span ms-promotion-badge,
.player-milestone-container .option-group-header span ms-promotion-badge,
.player-combined-container .option-group-header span ms-promotion-badge,
.correct-score-container .option-group-header span ms-promotion-badge,
.six-pack-container .option-group-header span ms-promotion-badge,
.score-market-container .option-group-header span ms-promotion-badge,
.outrights-container .option-group-header span ms-promotion-badge,
.yes-no-container .option-group-header span ms-promotion-badge,
.total-score-container .option-group-header span ms-promotion-badge,
.player-props-container .option-group-header span ms-promotion-badge,
.spread-container .option-group-header span ms-promotion-badge,
.teams-container .option-group-header span ms-promotion-badge,
.bet-builder-goal-scorer-container .option-group-header span ms-promotion-badge,
.scorecast-option-group .option-group-header span ms-promotion-badge {
    top: 0 !important;
    left: 0 !important;
    transform: scale(.8) !important
}

.goal-scorer-container .option-group-header span ms-promotion-badge .badge,
.over-under-container .option-group-header span ms-promotion-badge .badge,
.player-milestone-container .option-group-header span ms-promotion-badge .badge,
.player-combined-container .option-group-header span ms-promotion-badge .badge,
.correct-score-container .option-group-header span ms-promotion-badge .badge,
.six-pack-container .option-group-header span ms-promotion-badge .badge,
.score-market-container .option-group-header span ms-promotion-badge .badge,
.outrights-container .option-group-header span ms-promotion-badge .badge,
.yes-no-container .option-group-header span ms-promotion-badge .badge,
.total-score-container .option-group-header span ms-promotion-badge .badge,
.player-props-container .option-group-header span ms-promotion-badge .badge,
.spread-container .option-group-header span ms-promotion-badge .badge,
.teams-container .option-group-header span ms-promotion-badge .badge,
.bet-builder-goal-scorer-container .option-group-header span ms-promotion-badge .badge,
.scorecast-option-group .option-group-header span ms-promotion-badge .badge {
    flex: unset;
    font-size: inherit;
    padding: .05rem .0875rem .07rem .05rem;
    flex-basis: unset !important
}

.goal-scorer-container .option-group-header span ms-promotion-badge .badge .icon,
.over-under-container .option-group-header span ms-promotion-badge .badge .icon,
.player-milestone-container .option-group-header span ms-promotion-badge .badge .icon,
.player-combined-container .option-group-header span ms-promotion-badge .badge .icon,
.correct-score-container .option-group-header span ms-promotion-badge .badge .icon,
.six-pack-container .option-group-header span ms-promotion-badge .badge .icon,
.score-market-container .option-group-header span ms-promotion-badge .badge .icon,
.outrights-container .option-group-header span ms-promotion-badge .badge .icon,
.yes-no-container .option-group-header span ms-promotion-badge .badge .icon,
.total-score-container .option-group-header span ms-promotion-badge .badge .icon,
.player-props-container .option-group-header span ms-promotion-badge .badge .icon,
.spread-container .option-group-header span ms-promotion-badge .badge .icon,
.teams-container .option-group-header span ms-promotion-badge .badge .icon,
.bet-builder-goal-scorer-container .option-group-header span ms-promotion-badge .badge .icon,
.scorecast-option-group .option-group-header span ms-promotion-badge .badge .icon {
    flex-basis: unset;
    flex: unset;
    font-size: inherit;
    padding: inherit;
    text-align: left
}

.goal-scorer-container .attribute-key,
.over-under-container .attribute-key,
.player-milestone-container .attribute-key,
.player-combined-container .attribute-key,
.six-pack-container .attribute-key,
.score-market-container .attribute-key,
.outrights-container .attribute-key,
.yes-no-container .attribute-key,
.total-score-container .attribute-key,
.teams-container .attribute-key,
.bet-builder-goal-scorer-container .attribute-key,
.player-props-container .attribute-key {
    text-align: center;
    color: #707070;
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    flex-basis: 33.3%;
    justify-content: center;
    padding: .78em .35em;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    position: relative;
    overflow: hidden
}

.goal-scorer-container .attribute-key .attribute-key-ellipsis,
.over-under-container .attribute-key .attribute-key-ellipsis,
.player-milestone-container .attribute-key .attribute-key-ellipsis,
.player-combined-container .attribute-key .attribute-key-ellipsis,
.six-pack-container .attribute-key .attribute-key-ellipsis,
.score-market-container .attribute-key .attribute-key-ellipsis,
.outrights-container .attribute-key .attribute-key-ellipsis,
.yes-no-container .attribute-key .attribute-key-ellipsis,
.total-score-container .attribute-key .attribute-key-ellipsis,
.teams-container .attribute-key .attribute-key-ellipsis,
.bet-builder-goal-scorer-container .attribute-key .attribute-key-ellipsis,
.player-props-container .attribute-key .attribute-key-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden
}

.goal-scorer-container.option-group-container .option .name,
.over-under-container.option-group-container .option .name,
.player-milestone-container.option-group-container .option .name,
.player-combined-container.option-group-container .option .name,
.six-pack-container.option-group-container .option .name,
.score-market-container.option-group-container .option .name,
.outrights-container.option-group-container .option .name,
.yes-no-container.option-group-container .option .name,
.total-score-container.option-group-container .option .name,
.teams-container.option-group-container .option .name,
.bet-builder-goal-scorer-container.option-group-container .option .name,
.player-props-container.option-group-container .option .name {
    display: none
}

.goal-scorer-container.option-group-container.double .attribute-key,
.over-under-container.option-group-container.double .attribute-key,
.player-milestone-container.option-group-container.double .attribute-key,
.player-combined-container.option-group-container.double .attribute-key,
.six-pack-container.option-group-container.double .attribute-key,
.score-market-container.option-group-container.double .attribute-key,
.outrights-container.option-group-container.double .attribute-key,
.yes-no-container.option-group-container.double .attribute-key,
.total-score-container.option-group-container.double .attribute-key,
.teams-container.option-group-container.double .attribute-key,
.bet-builder-goal-scorer-container.option-group-container.double .attribute-key,
.player-props-container.option-group-container.double .attribute-key {
    flex: 50%
}

.goal-scorer-container.option-group-container.quadruple .attribute-key,
.over-under-container.option-group-container.quadruple .attribute-key,
.player-milestone-container.option-group-container.quadruple .attribute-key,
.player-combined-container.option-group-container.quadruple .attribute-key,
.six-pack-container.option-group-container.quadruple .attribute-key,
.score-market-container.option-group-container.quadruple .attribute-key,
.outrights-container.option-group-container.quadruple .attribute-key,
.yes-no-container.option-group-container.quadruple .attribute-key,
.total-score-container.option-group-container.quadruple .attribute-key,
.teams-container.option-group-container.quadruple .attribute-key,
.bet-builder-goal-scorer-container.option-group-container.quadruple .attribute-key,
.player-props-container.option-group-container.quadruple .attribute-key {
    flex: 25%
}

.goal-scorer-container.option-group-container.quintuple .attribute-key,
.over-under-container.option-group-container.quintuple .attribute-key,
.player-milestone-container.option-group-container.quintuple .attribute-key,
.player-combined-container.option-group-container.quintuple .attribute-key,
.six-pack-container.option-group-container.quintuple .attribute-key,
.score-market-container.option-group-container.quintuple .attribute-key,
.outrights-container.option-group-container.quintuple .attribute-key,
.yes-no-container.option-group-container.quintuple .attribute-key,
.total-score-container.option-group-container.quintuple .attribute-key,
.teams-container.option-group-container.quintuple .attribute-key,
.bet-builder-goal-scorer-container.option-group-container.quintuple .attribute-key,
.player-props-container.option-group-container.quintuple .attribute-key {
    flex: 20%
}

.goal-scorer-container.option-group-container.sextuple .attribute-key,
.over-under-container.option-group-container.sextuple .attribute-key,
.player-milestone-container.option-group-container.sextuple .attribute-key,
.player-combined-container.option-group-container.sextuple .attribute-key,
.six-pack-container.option-group-container.sextuple .attribute-key,
.score-market-container.option-group-container.sextuple .attribute-key,
.outrights-container.option-group-container.sextuple .attribute-key,
.yes-no-container.option-group-container.sextuple .attribute-key,
.total-score-container.option-group-container.sextuple .attribute-key,
.teams-container.option-group-container.sextuple .attribute-key,
.bet-builder-goal-scorer-container.option-group-container.sextuple .attribute-key,
.player-props-container.option-group-container.sextuple .attribute-key {
    flex: 16.6667%
}

.goal-scorer-container.option-group-container.septuple .attribute-key,
.over-under-container.option-group-container.septuple .attribute-key,
.player-milestone-container.option-group-container.septuple .attribute-key,
.player-combined-container.option-group-container.septuple .attribute-key,
.six-pack-container.option-group-container.septuple .attribute-key,
.score-market-container.option-group-container.septuple .attribute-key,
.outrights-container.option-group-container.septuple .attribute-key,
.yes-no-container.option-group-container.septuple .attribute-key,
.total-score-container.option-group-container.septuple .attribute-key,
.teams-container.option-group-container.septuple .attribute-key,
.bet-builder-goal-scorer-container.option-group-container.septuple .attribute-key,
.player-props-container.option-group-container.septuple .attribute-key {
    flex: 14.2857%
}

.player-props-container .attribute-key {
    font-size: 14px
}

.player-props-container.option-group-container .option .name {
    display: unset;
    color: #707070;
    margin-right: 0;
    font-size: 13px
}

.player-props-container.option-group-container .value {
    line-height: 16px
}

.player-props-container.option-group-container .option-pick>div {
    gap: 2px;
    height: 40px
}

.player-props-container.option-group-container .option-pick .option-indicator {
    flex-direction: column
}

.player-props-container .player-props-player-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden
}

.spread-container.option-group-container.double .attribute-key {
    flex: 50%
}

.score-market-container .option-group-custom-header {
    overflow: hidden
}

.score-market-container .option-group-custom-header div {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-word;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.show-more-less-button {
    justify-content: center;
    align-items: center;
    min-height: 40px;
    font-size: 12px;
    line-height: 17px;
    display: flex
}

@media (hover:hover) and (pointer:fine) {
    .show-more-less-button:hover {
        cursor: pointer;
        background-color: #adadad1f
    }
}

.show-more-less-button span.theme-right {
    margin-top: 3px;
    margin-left: 5px
}

.show-more-less-button span.theme-right:before {
    transform: rotate(90deg)
}

.show-more-less-button.expanded span.theme-right:before,
.show-more-less-button.expanded .right-icon {
    transform: rotate(-90deg)
}

.show-more-less-button .right-icon {
    margin-left: 5px;
    display: inline-flex;
    transform: rotate(90deg)
}

.yes-no-container .attribute-key,
.score-market-container .attribute-key,
.outrights-container .attribute-key,
.goal-scorer-container .attribute-key {
    text-align: unset;
    align-items: center;
    justify-content: unset;
    color: #333;
    padding-left: .6em;
    font-size: 14px
}

.yes-no-container:not(.participant-jersey) .goal-scorer-player-name,
.score-market-container:not(.participant-jersey) .goal-scorer-player-name,
.outrights-container:not(.participant-jersey) .goal-scorer-player-name,
.goal-scorer-container:not(.participant-jersey) .goal-scorer-player-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden
}

.yes-no-container.quadruple .option-group-header span,
.score-market-container.quadruple .option-group-header span,
.outrights-container.quadruple .option-group-header span,
.goal-scorer-container.quadruple .option-group-header span {
    flex-basis: 20%
}

.yes-no-container.quadruple .option-group-header span:first-of-type,
.score-market-container.quadruple .option-group-header span:first-of-type,
.outrights-container.quadruple .option-group-header span:first-of-type,
.goal-scorer-container.quadruple .option-group-header span:first-of-type {
    flex-basis: 40%
}

.yes-no-container.quintuple .option-group-header span,
.score-market-container.quintuple .option-group-header span,
.outrights-container.quintuple .option-group-header span,
.goal-scorer-container.quintuple .option-group-header span,
.yes-no-container.quintuple .option-group-header span:first-of-type,
.score-market-container.quintuple .option-group-header span:first-of-type,
.outrights-container.quintuple .option-group-header span:first-of-type,
.goal-scorer-container.quintuple .option-group-header span:first-of-type {
    flex-basis: 20%
}

.yes-no-container.sextuple .option-group-header span,
.score-market-container.sextuple .option-group-header span,
.outrights-container.sextuple .option-group-header span,
.goal-scorer-container.sextuple .option-group-header span,
.yes-no-container.sextuple .option-group-header span:first-of-type,
.score-market-container.sextuple .option-group-header span:first-of-type,
.outrights-container.sextuple .option-group-header span:first-of-type,
.goal-scorer-container.sextuple .option-group-header span:first-of-type {
    flex-basis: 16.6667%
}

.yes-no-container.septuple .option-group-header span,
.score-market-container.septuple .option-group-header span,
.outrights-container.septuple .option-group-header span,
.goal-scorer-container.septuple .option-group-header span,
.yes-no-container.septuple .option-group-header span:first-of-type,
.score-market-container.septuple .option-group-header span:first-of-type,
.outrights-container.septuple .option-group-header span:first-of-type,
.goal-scorer-container.septuple .option-group-header span:first-of-type {
    flex-basis: 14.2857%
}

.player-combined-container.option-group-container .option-indicator.decreased .option-value:after,
.player-combined-container.option-group-container .option-indicator.increased .option-value:after,
.player-milestone-container.option-group-container .option-indicator.decreased .option-value:after,
.player-milestone-container.option-group-container .option-indicator.increased .option-value:after {
    right: unset;
    margin-left: .3em
}

.six-pack-container .attribute-key {
    text-align: left;
    color: #333;
    height: 50px;
    padding-left: .6em;
    font-size: 11px
}

.six-pack-container .attribute-key .six-pack-player-name {
    width: 100%;
    padding-top: 0;
    font-size: 14px
}

.six-pack-container .attribute-key .six-pack-player-name span {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    position: relative;
    top: 50%;
    overflow: hidden;
    transform: translateY(-50%)
}

.six-pack-container.option-group-container .option .name {
    display: unset;
    color: #adadad;
    margin-right: 0;
    padding-bottom: 2px;
    font-size: 13px
}

.six-pack-container.option-group-container .option-pick>div {
    flex-direction: column;
    height: 50px;
    padding: 0
}

.six-pack-container.option-group-container .option .lock {
    margin-bottom: unset
}

.six-pack-container .six-pack-col {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.six-pack-container.double .six-pack-team {
    flex-basis: 50%
}

.six-pack-container.triple .six-pack-team {
    flex-basis: 33.3333%
}

.six-pack-container.quadruple .six-pack-team {
    flex-basis: 40%
}

.six-pack-container.double .six-pack-col {
    flex-basis: 50%
}

.six-pack-container.triple .six-pack-col {
    flex-basis: 33.3333%
}

.six-pack-container.quadruple .six-pack-col {
    flex-basis: 20%
}

.six-pack-container.option-group-container .option-indicator.decreased .option-value:after,
.six-pack-container.option-group-container .option-indicator.increased .option-value:after {
    right: unset;
    margin-left: .3em
}

.six-pack-container.option-group-container .option {
    box-shadow: inset -1px -1px #eaeaea
}

.six-pack-container.option-group-container .option .empty-option {
    color: #707070;
    justify-content: center;
    padding: 1em;
    display: flex
}

ms-performance-tracker {
    width: 0;
    height: 0;
    display: block
}

.fixture-list-header .competition-logo-container {
    align-items: center;
    display: flex
}

.fixture-list-header .competition-logo-container .competition-logo {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: .5rem
}

.inline-content-tooltip {
    display: none
}

.market-help {
    color: #333;
    text-align: justify;
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
    border-top: 0;
    padding: 7px 24px 7px 12px;
    font-size: 12px;
    display: flex
}

.market-help .info-icon {
    color: #1284e0;
    padding-right: 9px
}

.market-help .market-help-content div:not(:last-child) {
    padding-bottom: 3px
}

.market-help .link {
    text-decoration: underline
}

.tooltip-search .ngxp__inner {
    height: 48px;
    font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    flex-direction: row-reverse;
    align-items: center;
    padding: 16px;
    display: flex
}

.tooltip-search .ngxp__inner .ui-icon.ui-close {
    opacity: .7;
    width: 0;
    padding-left: 16px;
    padding-right: 16px
}

.tooltip-search .theme-ex:before {
    width: 12px;
    height: 12px
}

.teams-container.option-group-container .option .name,
.bet-builder-goal-scorer-container.option-group-container .option .name {
    display: inline-block
}

.teams-container.option-group-container .option .name {
    font-weight: 700
}

.ogp-bet-builder ms-bet-builder-option.option ms-betbuilder-pick.option-pick>div.selected,
.ogp-bet-builder ms-bet-builder-option.option ms-betbuilder-group-pick.option-pick>div.selected {
    box-shadow: none;
    background: #eb7e134d
}

@media (hover:hover) and (pointer:fine) {

    .ogp-bet-builder ms-bet-builder-option.option ms-betbuilder-pick.option-pick>div:not(.offline):hover,
    .ogp-bet-builder ms-bet-builder-option.option ms-betbuilder-group-pick.option-pick>div:not(.offline):hover {
        cursor: pointer;
        box-shadow: none;
        background-color: #eb7e131f
    }
}

.ogp-bet-builder ms-scroll-adapter.scroll-adapter {
    border-bottom: 1px solid #eaeaea
}

.ogp-bet-builder .six-pack-container.option-group-container .option .name {
    line-height: unset;
    white-space: normal
}

.ogp-bet-builder .six-pack-container.option-group-container .option .name .option-attribute {
    color: var(--theme-body-txt);
    font-size: 14px;
    display: block
}

.ogp-market-help .market-help {
    color: #333;
    text-align: justify;
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
    border-top: 0;
    padding: 7px 1.5em 7px .75em;
    font-size: 12px;
    display: flex
}

.ogp-market-help .market-help .theme-info-i {
    padding-right: .75em
}

.ogp-market-help .market-help .theme-info-i:before {
    color: var(--theme-buildabet)
}

.ogp-market-help .market-help .market-help-content div:not(:last-child) {
    padding-bottom: 3px
}

.ogp-market-help .market-help .link {
    text-decoration: underline
}

@media (max-width:959.98px) {
    .odds-preference-body .odds-preference-body-text {
        width: 166px
    }
}

.player-props-container .attribute-key,
.goal-scorer-container .attribute-key {
    text-align: left;
    color: #707070;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2px;
    height: 40px;
    padding: 0 0 0 12px;
    font-style: normal;
    line-height: 13px;
    display: flex
}

.player-props-container .participant-jersey,
.goal-scorer-container .participant-jersey {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 0 8px 0 12px;
    line-height: normal
}

.player-props-container .participant-jersey .goal-scorer-player-name,
.goal-scorer-container .participant-jersey .goal-scorer-player-name {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: normal;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    font-size: 14px;
    display: -webkit-box;
    overflow: hidden
}

.remind-me-later-pop-up .promotions-link {
    color: var(--theme-cta-01);
    font-weight: 700;
    text-decoration: underline
}

.list-item,
.errors .list-item-ds {
    background: #fff;
    display: block
}

.list-item {
    font-size: .875rem
}

.list-item.calendar-item.tiles-carousel-view {
    flex: none;
    width: auto;
    min-width: 78px;
    height: 47px;
    padding: 0;
    display: inline-block
}

.list-item.calendar-item.tiles-carousel-view>a {
    height: 47px;
    padding: 0 12px;
    font-size: 11px;
    line-height: 13px
}

.list-item.calendar-item.tiles-carousel-view .title {
    text-align: center;
    color: inherit;
    padding: 0
}

.list-item.calendar-item.tiles-carousel-view .title>span:not([item-title]) {
    margin-bottom: 2px
}

.list-item.calendar-item.tiles-carousel-view .icon {
    display: none
}

.list-item.calendar-item.tiles-carousel-view.active {
    color: inherit;
    font-weight: 700
}

.list-item.calendar-item.tiles-carousel-view.active a:after {
    content: "";
    background-color: #fc0;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0
}

.list-item.calendar-item.mini-carousel-view {
    flex: none;
    width: auto;
    display: inline-block
}

.list-item.calendar-item.mini-carousel-view .title {
    height: 16px;
    line-height: 16px
}

.list-item a {
    width: 100%;
    height: 2.5rem;
    min-height: 2.5rem;
    margin-top: 0;
    padding-top: 0;
    text-decoration: none;
    display: flex
}

.list-item a,
.list-item a>div {
    align-items: center;
    transition: all .3s step-end
}

.list-item a>div {
    text-align: center;
    min-width: 0;
    padding-right: .8rem
}

.list-item a:active,
.list-item a:active>div {
    transition: all step-start
}

.list-item .title {
    text-align: left;
    flex: 100%
}

.list-item .title>span:not([item-title]) {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.list-item .title-with-badges {
    text-align: left;
    padding-top: .125rem;
    padding-right: .25rem
}

.list-item .title-with-badges>span:not(.custom-title) {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.list-item .count {
    color: #707070;
    flex-shrink: 0;
    padding-right: .4rem
}

.list-item .arrow {
    flex-basis: 1.8rem
}

.list-item .arrow span:before {
    vertical-align: middle;
    position: relative
}

.list-item .icon {
    flex-shrink: 0;
    margin-top: .2rem;
    padding-left: .75rem;
    padding-right: .5rem
}

.list-item .icon .base-icon {
    font-size: 1rem;
    display: inline-block
}

.list-item .icon .base-icon span:before {
    position: relative;
    top: 1px
}

.list-item .icon .base-icon span.live-alerts {
    width: 1em;
    display: inline-block
}

.list-item .country-icon {
    background-color: #0000;
    border: 0;
    display: inline-block;
    position: relative;
    top: 2px;
    box-shadow: 0 0 2px #00000040;
    width: 16px !important;
    height: 16px !important
}

.list-item .search-new-badge {
    background-color: var(--theme-cta-01);
    color: #000;
    text-transform: uppercase;
    border-radius: 1px;
    margin-left: .3em;
    padding: 0 .2em .05em .3em;
    font-size: .8em;
    font-weight: 700
}

@media (hover:hover) and (pointer:fine) {
    .list-item:hover {
        background: #adadad1f
    }
}

@media (max-width:599.98px) {
    .list-items {
        background-color: #fff
    }
}

.list {
    color: #333;
    background-color: #fff;
    margin-bottom: 0;
    display: block;
    position: relative;
    transform: translateZ(0);
    box-shadow: 0 1px 3px 1px #0003
}

.list .list-item a {
    border-bottom: 1px solid #eaeaea
}

.list .list-item:last-child a {
    border-bottom: 0
}

@media (hover:hover) and (pointer:fine) {
    .list .list-item:hover {
        background-color: #adadad1f
    }
}

.list .list-item.item-header:last-child a {
    border-bottom: 1px solid #eaeaea
}

.list.list-card {
    color: #333;
    justify-content: stretch;
    overflow: hidden;
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .list.list-card {
    border-radius: .25rem;
    overflow: hidden
}

.list.row {
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    display: flex
}

.list.row>.col,
.list.row>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.list.row .list-item {
    position: relative
}

.list.row .list-item a {
    border-bottom: 0
}

.list.row .list-item:after,
.list.row .list-item:before {
    content: "";
    z-index: 1;
    background-color: #eaeaea;
    position: absolute
}

.list.row .list-item:before {
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0
}

.list.row .list-item:after {
    width: 1px;
    height: 100%;
    top: 0;
    right: -1px
}

.item-tree {
    --separator-item-height: 1.5rem;
    --top-border-line-height: 1px;
    --separators-height: calc(var(--separator-item-height)*var(--separator-item-count, 0));
    --top-borders-height: calc(var(--top-border-line-height)*var(--top-border-lines-count, 0));
    min-height: calc(var(--separators-height) + var(--items-height) + var(--top-borders-height));
    display: block
}

.item-tree .arrow span:before {
    transition: transform .5s
}

.item-tree .expanded .arrow span:before {
    transform: rotate(-90deg)
}

.item-tree .collapsed .arrow span:before {
    transform: rotate(90deg)
}

.item-tree .list-item {
    content-visibility: auto;
    contain: content
}

.item-tree .list-item,
.item-tree .list-item+.item-tree {
    border-top: 1px solid #eaeaea
}

.item-tree .list-item.active .title {
    white-space: normal;
    font-weight: 700
}

.item-tree .list-item .icon .favourite {
    padding-right: .2rem
}

.item-tree>.list-item:first-child {
    border-top: 0
}

.item-tree .separator-item {
    height: var(--separator-item-height);
    text-transform: uppercase;
    color: #707070;
    border-top: 1px solid #eaeaea;
    padding: 0 .75rem;
    font-size: 11px;
    line-height: 2rem
}

.item-tree .separator-item+.list-item {
    border-top: 0
}

.content .calendar-item {
    margin-top: 0
}

.content .time-frame-header {
    height: 16px;
    font-size: 14px;
    line-height: 16px
}

ms-slider {
    background-color: #eaeaea;
    border-radius: 5px;
    height: 9px;
    display: block;
    position: relative
}

ms-slider .slider-handle {
    touch-action: none;
    z-index: 1;
    background-color: #fff;
    border: 0;
    border-radius: 100%;
    outline: none;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 1px 3px #00000080
}

@media (hover:hover) and (pointer:fine) {
    ms-slider .slider-handle {
        cursor: pointer
    }
}

ms-slider .slider-handle-active {
    z-index: 2
}

ms-slider .slider-range {
    background-color: #fc0;
    border-radius: 5px;
    height: 100%;
    display: block;
    position: absolute
}

ms-slider .slider-active.slider-handle {
    border: 1px solid #333;
    box-shadow: 0 4px 8px #333
}

.slideindicator {
    text-align: center;
    z-index: 5;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.slideindicator .indicator {
    background-color: #ffffff80;
    border-radius: 100%;
    width: .5em;
    height: .5em;
    margin: 0 .5em;
    display: inline-block
}

.slideindicator .indicator.active {
    background-color: #fff
}

ms-slide,
st-slide {
    touch-action: pan-y;
    width: 100%;
    position: absolute;
    inset: 0
}

.slides .background-bar {
    text-align: center;
    background-color: #eaeaea;
    border-radius: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: .231em !important;
    line-height: .231em !important
}

.slides .progress {
    white-space: nowrap;
    background-color: #000;
    border-radius: 0;
    height: 100%;
    padding: 0;
    overflow: hidden
}

.sliding-menu-container {
    white-space: nowrap;
    text-align: left;
    -webkit-overflow-scrolling: touch;
    height: 3.3em;
    padding: 0 .5em;
    position: relative;
    overflow: hidden
}

.sliding-menu-container:before {
    content: "";
    z-index: 1;
    opacity: .7;
    pointer-events: none;
    width: 1.25em;
    height: 2.65em;
    position: absolute;
    top: 0;
    left: 0
}

.sliding-menu-container:after {
    content: "";
    z-index: 1;
    opacity: .7;
    pointer-events: none;
    width: 1.25em;
    height: 2.65em;
    position: absolute;
    top: 0;
    right: 0
}

.sliding-menu {
    padding-bottom: .74em;
    overflow: auto hidden
}

.sliding-menu::-webkit-scrollbar {
    display: none
}

.sliding-menu .menu-item {
    float: none;
    display: inline-block
}

.sliding-menu a {
    padding: .97em 1.1em .68em;
    display: inline-block;
    position: relative
}

#sports-bottom-nav {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    height: 56px;
    transform: translateZ(0);
    box-shadow: 0 0 3px 1px #d6d6d6
}

#sports-bottom-nav i {
    text-align: center;
    vertical-align: top;
    color: #707070;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 20%;
    max-width: 150px;
    height: 100%;
    margin-top: 4px;
    margin-bottom: 1em;
    padding: .2em 1px 0;
    font-size: .65em;
    font-style: normal;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transform: translate(0, 0)
}

#sports-bottom-nav i.active {
    color: #cca300;
    background: 0 0;
    border-radius: 0
}

#sports-bottom-nav i.active .sports-icon {
    color: #cca300
}

#sports-bottom-nav i.active .circle-overlay-icon {
    color: #fff5cc;
    z-index: -1;
    width: 2em;
    margin-left: -1em;
    font-size: 2.25em;
    display: block;
    position: absolute;
    top: 3.2px;
    left: 50%
}

#sports-bottom-nav i .circle-overlay-icon {
    display: none
}

#sports-bottom-nav i .sports-icon {
    color: #707070;
    padding-bottom: .07em;
    font-size: 2.36em;
    line-height: 1;
    display: block
}

#sports-bottom-nav i.special {
    color: #707070;
    text-shadow: 0 0 13px #ffffffb3, 0 0 3px #fff3
}

#sports-bottom-nav i.special .sports-icon {
    color: #cca300
}

#sports-bottom-nav i .nav-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: .69rem;
    display: block;
    overflow: hidden
}

#sports-bottom-nav i.betslip-item {
    overflow: visible
}

#sports-bottom-nav a {
    text-decoration: none
}

#sports-bottom-nav.high-contrast {
    background-color: #1e1e1ee6
}

#sports-bottom-nav.high-contrast i {
    color: #adadad
}

#sports-bottom-nav.high-contrast i.active,
#sports-bottom-nav.high-contrast i.active .sports-icon {
    color: #fc0
}

#sports-bottom-nav.high-contrast i.active .circle-overlay-icon {
    color: #0000
}

#sports-bottom-nav.high-contrast i .sports-icon,
#sports-bottom-nav.high-contrast i.special {
    color: #adadad
}

.bottom-nav-items-container {
    text-align: center
}

.bottom-nav-items-container .bottom-nav-item:active {
    opacity: .4
}

#bottom-betslip-bubble {
    color: #000;
    text-align: center;
    z-index: 996;
    background-color: #fc0;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    margin-left: -1.5em;
    font-weight: 700;
    line-height: 3em;
    position: fixed;
    bottom: 1.7em;
    left: 50%;
    transform: translateZ(0);
    box-shadow: 1.5px 2.5px 2.8px .18px #0003
}

#bottom-betslip-bubble.highlight {
    animation: .5s ease-in bubble-highlight
}

#bottom-betslip-bubble.under-popup {
    z-index: 990
}

#bottom-betslip-bubble.over-popup {
    z-index: 992
}

#bottom-betslip-bubble.hidden {
    visibility: visible;
    bottom: 0
}

.popup-on #bottom-betslip-bubble {
    z-index: 991
}

.popup-on .fixed-bottom.bottom-nav {
    z-index: 19
}

.popup-on .visible.bottom-nav {
    display: none
}

.popup-on .bottom-nav {
    z-index: 19
}

.mainmenu_on #bottom-betslip-bubble {
    z-index: 991
}

.mainmenu_on .bottom-nav {
    z-index: 21
}

html.hidescroll .bottom-nav,
html.overflow .bottom-nav,
html.lock-scroll .bottom-nav {
    z-index: 4
}

html.hidescroll #bottom-betslip-bubble,
html.overflow #bottom-betslip-bubble,
html.lock-scroll #bottom-betslip-bubble {
    z-index: 1064
}

.modal-backdrop.az-desktop-backdrop {
    display: none
}

.modal-popup .sport-list-modal .header {
    height: 3.125em;
    line-height: 3.125em
}

.modal-popup .sport-list-modal .header .title {
    text-transform: capitalize;
    text-align: left;
    background-color: #191919;
    padding-left: 1rem;
    font-size: 1rem
}

.az-sports-desktop {
    width: 100%;
    display: contents;
    overflow-y: scroll
}

.az-sports-desktop .az-close {
    color: #333;
    cursor: auto;
    padding-top: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    position: absolute;
    top: 0;
    right: 0
}

.az-sports-desktop .az-close i.theme-ex:hover {
    color: #333;
    cursor: pointer
}

.az-sports-desktop .arrow {
    display: none
}

.az-menu-container {
    z-index: 10;
    width: 100%;
    position: absolute
}

.az-menu {
    width: 100%;
    height: fit-content;
    box-shadow: 0 2px 5px 2px #0000004d
}

.az-menu .modal.modal-popup.modal-content {
    height: auto
}

.az-menu .content {
    text-align: left;
    column-count: 5;
    background-color: var(--theme-gray-tint)
}

@media (min-width:600px) {
    .az-menu .content {
        padding: 24px 56px 24px 24px
    }
}

.az-menu .content .sport-list {
    width: auto;
    display: flow-root
}

.az-menu .content .sport-list .heading-bg {
    color: #333;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 9px;
    font-size: 16px;
    font-weight: 700
}

.az-menu .content .sport-list .list-card {
    border-radius: 0;
    display: contents
}

.az-menu .content .sport-list .list-card .list-item {
    break-inside: avoid-column;
    background-color: #0000;
    width: 70%;
    margin-left: 28px;
    display: flex;
    position: relative
}

.az-menu .content .sport-list .list-card .list-item:after {
    width: 0
}

.az-menu .content .sport-list .list-card .list-item .title-with-badges {
    display: block
}

@media (min-width:600px) {
    .az-menu .content .sport-list .list-item {
        max-width: 100%
    }
}

.az-menu .content ms-promotion-badge .badge {
    width: 65px;
    height: 12px;
    font-size: 9px;
    top: -.2em
}

.az-menu.modal.modal-vertical-align {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    top: auto !important
}

@media (min-width:1280px) {
    .modal.modal-popup.sports .modal-dialog {
        align-items: center
    }

    .modal.modal-popup.sports .modal-content {
        width: 85%;
        max-width: 48em;
        height: calc(76.3% - 3.5em);
        top: initial;
        background-color: #f5f5f5;
        border-radius: .25rem;
        overflow: hidden;
        box-shadow: 0 1px 3px 1px #0003
    }
}

.modal.modal-popup.sports .modal-content,
.landscape .modal.modal-popup.sports .modal-content,
.bet-finder,
.landscape .bet-finder {
    background-color: #f5f5f5
}

.vn-product-menu-container .product-menu {
    flex-direction: column;
    display: flex
}

.vn-product-menu-container .product-menu-content {
    flex-direction: column;
    overflow-y: auto
}

vn-product-menu-body {
    display: block
}

.sport-list-modal {
    background-color: #f5f5f5;
    height: calc(100% - 3.25em);
    display: block
}

.sport-list-modal .content {
    height: 100%;
    overflow: auto
}

.reverse.showNav #sports-nav.default .main-items {
    width: 97%;
    transition: width .3s
}

#sports-nav.default {
    z-index: 1073;
    border-bottom: none;
    width: 100%;
    height: 3.5em;
    padding-top: 0;
    display: flex;
    left: 0;
    right: 0;
    overflow: auto hidden
}

#sports-nav.default .sports-icon[class*=theme-],
#sports-nav.default .sports-icon[class*=sports-] {
    height: auto
}

#sports-nav.default .sports-icon[class*=theme-]:before,
#sports-nav.default .sports-icon[class*=sports-]:before {
    height: 1em;
    font-size: .922em;
    line-height: 1
}

#sports-nav.default::-webkit-scrollbar {
    display: none
}

#sports-nav.default .desktop-top-nav-container {
    display: inline-flex
}

#sports-nav.default .main-item {
    width: 100%
}

#sports-nav.default a {
    text-decoration: none
}

#sports-nav.default i {
    text-align: center;
    vertical-align: top;
    color: #adadad;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 5.9em;
    height: 100%;
    padding: 0 1px;
    font-size: .69em;
    font-style: normal;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transform: translate(0, 0)
}

#sports-nav.default i.active {
    color: #fff;
    background: 0 0;
    border-radius: 0
}

#sports-nav.default i.active .sports-icon {
    color: #fff
}

#sports-nav.default i.active .circle-overlay-icon {
    color: #fff;
    z-index: -1;
    width: 2em;
    margin-left: -1em;
    font-size: 2.25em;
    display: block;
    position: absolute;
    top: 3.2px;
    left: 50%
}

#sports-nav.default i .circle-overlay-icon {
    display: none
}

#sports-nav.default i .sports-icon {
    color: #adadad;
    padding-bottom: .07em;
    font-size: 2.36em;
    line-height: 1;
    display: block
}

#sports-nav.default i.special {
    color: #adadad;
    text-shadow: 0 0 13px #ffffffb3, 0 0 3px #fff3
}

#sports-nav.default i.special .sports-icon {
    color: #fff
}

#sports-nav.default i span {
    transform: translateZ(0)
}

@media (min-width:1280px) {
    #sports-nav.default i {
        vertical-align: bottom
    }

    #sports-nav.default div.main-items {
        margin-left: 24px;
        padding-bottom: 16px
    }

    #sports-nav.default div.main-items .menu-item {
        border-radius: 8px 8px 0 0;
        height: 52px;
        padding: 12px 10px 0
    }

    #sports-nav.default div.main-items .menu-item.active {
        background-color: var(--theme-accent-02)
    }

    #sports-nav.default div.main-items .menu-item.before-separator {
        margin-left: 18px
    }

    #sports-nav.default div.main-items .menu-item.before-separator:before {
        content: "";
        float: left;
        background-color: #333;
        width: 2px;
        height: 34px;
        margin-right: 0;
        display: inline-flex;
        position: relative;
        bottom: 2px;
        right: 20px
    }

    #sports-nav.default div.main-items .menu-item .image-icon {
        display: inline
    }

    #sports-nav.default div.main-items .menu-item .image-icon img {
        float: left;
        margin-top: 0;
        margin-right: 5px
    }

    #sports-nav.default div.main-items .menu-item .top-nav-link .ui-icon-text {
        display: inline
    }

    #sports-nav.default.compact div.main-items {
        margin-top: 3px;
        margin-left: 4px;
        padding-top: 0;
        padding-bottom: 0
    }

    #sports-nav.default.compact div.main-items i.ui-icon {
        width: 2.6em;
        height: 64%;
        padding-right: 0;
        font-size: 24px;
        display: block
    }

    #sports-nav.default.compact div.main-items i.ui-icon:before {
        margin-bottom: 3px
    }

    #sports-nav.default.compact div.main-items .ui-icon-text {
        float: left;
        height: auto;
        margin-top: 0;
        padding-right: 0;
        font-size: 11px
    }

    #sports-nav.default.compact div.main-items .image-icon {
        margin-top: 3px;
        margin-right: 0;
        display: block
    }

    #sports-nav.default.compact div.main-items .image-icon img {
        float: none;
        margin-bottom: 3px;
        margin-right: 0
    }

    #sports-nav.default.compact div.main-items .menu-item {
        padding: 2px 0 0
    }

    #sports-nav.default.compact div.main-items .menu-item.before-separator {
        margin-left: 0
    }

    #sports-nav.default.compact div.main-items .menu-item:before,
    #sports-nav.default.compact .sports-icon.before-separator:after {
        display: none
    }

    #sports-nav.default.compact .ui-icon .topnav-new-badge.badge-t-r.badge-size-sm {
        right: 0;
        left: unset;
        top: .07rem
    }
}

#sports-nav.default .main-items {
    vertical-align: middle;
    height: 3.5em;
    padding-top: 5px;
    padding-bottom: 2.5px;
    padding-left: 0;
    display: inline-flex
}

#sports-nav.default .main-items .top-nav-link {
    text-align: center;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

#sports-nav.default .main-items .top-nav-link .image-icon {
    margin-top: 3px;
    margin-bottom: 2px
}

#sports-nav.default .main-items .top-nav-link .image-icon img {
    float: none;
    width: 24px;
    height: 24px
}

#sports-nav.default .main-items .top-nav-link.active i {
    background-color: #0000
}

#sports-nav.default .main-items .top-nav-link.active .ui-icon,
#sports-nav.default .main-items .top-nav-link.active .ui-icon:before {
    color: #fc0 !important
}

#sports-nav.default .main-items .top-nav-link.active .ui-icon-text {
    color: #fc0;
    font-weight: 700
}

@media (hover:hover) and (pointer:fine) {
    #sports-nav.default .main-items .top-nav-link:not(.active):hover i {
        background-color: #0000
    }

    #sports-nav.default .main-items .top-nav-link:not(.active):hover .ui-icon,
    #sports-nav.default .main-items .top-nav-link:not(.active):hover .ui-icon:before {
        color: #fc0
    }

    #sports-nav.default .main-items .top-nav-link:not(.active):hover .ui-icon-text {
        color: #fc0;
        font-weight: 400
    }

    #sports-nav.default .main-items .menu-item .top-nav-link:has(.image-icon) {
        display: flex
    }
}

#sports-nav.default .main-items i {
    padding-top: 0
}

#sports-nav.default .main-items i .sports-icon {
    padding-top: 0;
    padding-bottom: .07em
}

#sports-nav.default .main-items i.ui-icon {
    color: #adadad;
    width: 2.7085em;
    margin-bottom: 0;
    padding-top: 1px;

    padding-right: 0;
    font-size: 1.5em;
    line-height: 1.1;
    display: block
}

#sports-nav.default .main-items i.ui-icon:before {
    color: #adadad;
    margin-top: 4px;
    font-size: 1em;
    line-height: 1;
    display: inline-block
}

#sports-nav.default .main-items i.ui-icon.special {
    color: #fff
}

@media (min-width:1280px) {
    #sports-nav.default .main-items i.ui-icon {
        
        font-size: 1.25em;
        display: inline
    }
}

#sports-nav.default .main-items .ui-icon-text {
    color: #adadad;
    float: left;
    clear: left;
    width: 5.9095em;
    height: 14.3px;
    font-size: .6875em;
    display: block;
    transform: translateZ(0)
}

@media (min-width:1280px) {
    #sports-nav.default .main-items .ui-icon-text {
        float: none;
        font-size: .875em
    }
}

#sports-nav.default .main-items .text-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#sports-nav.default .main-items,
#sports-nav.default .breadcrumb-items {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden
}

#sports-nav.default .main-items::-webkit-scrollbar {
    display: none
}

#sports-nav.default .breadcrumb-items::-webkit-scrollbar {
    display: none
}

#sports-nav.default [class*=theme-]:before {
    font-family: themeicons !important
}

@media (min-width:1280px) {
    #sports-nav.default.compact.separator div.main-items .menu-item.before-separator {
        margin-left: 14px
    }

    #sports-nav.default.compact.separator div.main-items .menu-item.before-separator:before {
        content: "";
        float: left;
        background-color: #333;
        width: 1px;
        height: 34px;
        margin-right: 0;
        display: inline-flex;
        position: relative;
        bottom: -6px;
        right: 8px
    }

    #sports-nav.default.compact.separator div.main-items .menu-item.before-separator .ui-icon-text {
        margin-top: -2px
    }
}

.navigation-wrapper {
    position: relative
}

.navigation-wrapper:before {
    content: "";
    z-index: 1;
    opacity: .5;
    width: 1.25em;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateZ(0);
    box-shadow: inset 10px 0 8px -3px #000
}

.navigation-wrapper:after {
    content: "";
    opacity: .5;
    pointer-events: none;
    width: 1.25em;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    transform: translateZ(0);
    box-shadow: inset -10px 0 8px -3px #000
}

.authenticated #sports-nav {
    top: 3.5em
}

@media (min-width:1280px) {
    .sports-icon.sports-all.before-separator {
        width: 3em !important
    }
}

ms-main-items {
    width: 100%;
    display: block
}

.badge.topnav-new-badge {
    background-color: var(--theme-cta-01);
    color: #000;
    width: auto;
    height: 10px;
    font-weight: 700;
    font-family: var(--theme-font-family-secondary);
    text-transform: uppercase;
    border-radius: 1px;
    align-items: center;
    padding: 0 1px;
    font-size: 8px
}

.badge.topnav-new-badge-live-count {
    background-color: var(--theme-cta-01);
    color: #000;
    font-weight: 700;
    font-family: var(--theme-font-family-secondary);
    border-radius: 24px;
    top: -5px
}

.ui-icon .badge.badge-t-r.badge-size-sm {
    top: -5px
}

.livebadge-fontsize-sm,
.livebadge-fontsize-md {
    width: 16px;
    height: 16px;
    font-size: 11px
}

.livebadge-fontsize-lg,
.livebadge-fontsize-default {
    width: 20px;
    height: 16px;
    font-size: 11px
}

@media (max-width:1275px) {
    .badge.topnav-new-badge-live-count {
        background-color: var(--theme-cta-01);
        color: #000;
        font-weight: 700;
        font-family: var(--theme-font-family-secondary);
        border-radius: 24px;
        left: 2.2rem
    }

    .badge.bottomnav-new-badge-live-count {
        background-color: var(--theme-cta-01);
        color: #000;
        font-weight: 700;
        font-family: var(--theme-font-family-secondary);
        border-radius: 24px;
        align-items: center;
        left: 1.4rem
    }

    .ui-icon .badge.badge-t-r.badge-size-sm {
        font-size: 11px;
        font-family: var(--theme-font-family-secondary);
        top: 0
    }
}

@media (min-width:1280px) {
    .ui-icon .topnav-new-badge.badge-t-r.badge-size-sm {
        right: -3rem;
        left: unset;
        top: -.85rem
    }
}

@media (max-width:1279.98px) {
    .ui-icon .topnav-new-badge.badge-t-r.badge-size-sm {
        top: .05rem;
        right: 0
    }
}

.country-icon {
    background-color: #adadad;
    background-image: url(/ClientDist/browser/assets/images/flags_v2.svg);
    background-repeat: no-repeat;
    background-size: 645px 102px;
    border: 1px solid #adadad;
    border-radius: 38px;
    width: 16px;
    height: 16px
}

.c11 {
    background-position: 0 0
}

.c68 {
    background-position: -17px 0
}

.c69 {
    background-position: -34px 0
}

.c71 {
    background-position: -51px 0
}

.c60 {
    background-position: -68px 0
}

.c74 {
    background-position: -85px 0
}

.c38 {
    background-position: -102px 0
}

.c75 {
    background-position: -119px 0
}

.c76 {
    background-position: -136px 0
}

.c234 {
    background-position: -153px 0
}

.c235 {
    background-position: -170px 0
}

.c8 {
    background-position: -187px 0
}

.c77 {
    background-position: -204px 0
}

.c78 {
    background-position: -221px 0
}

.c79 {
    background-position: -238px 0
}

.c81 {
    background-position: -255px 0
}

.c55 {
    background-position: -272px 0
}

.c35 {
    background-position: -289px 0
}

.c82 {
    background-position: -306px 0
}

.c84 {
    background-position: -323px 0
}

.c44 {
    background-position: -340px 0
}

.c86 {
    background-position: -357px 0
}

.c33 {
    background-position: -374px 0
}

.c63 {
    background-position: -391px 0
}

.c94 {
    background-position: -408px 0
}

.c96 {
    background-position: -425px 0
}

.c56 {
    background-position: -442px 0
}

.c57 {
    background-position: -459px 0
}

.c45 {
    background-position: -476px 0
}

.c104 {
    background-position: -493px 0
}

.c106 {
    background-position: -510px 0
}

.c93 {
    background-position: -527px 0
}

.c58 {
    background-position: -544px 0
}

.c13 {
    background-position: -561px 0
}

.c108 {
    background-position: -578px 0
}

.c109 {
    background-position: -595px 0
}

.c110,
.c46 {
    background-position: -612px 0
}

.c111 {
    background-position: -629px 0
}

.c219 {
    background-position: 0 -17px
}

.c14 {
    background-position: -17px -17px
}

.c61 {
    background-position: -34px -17px
}

.c7 {
    background-position: -51px -17px
}

.c123 {
    background-position: -68px -17px
}

.c15 {
    background-position: -85px -17px
}

.c16 {
    background-position: -102px -17px
}

.c186 {
    background-position: -119px -17px
}

.c122 {
    background-position: -136px -17px
}

.c17 {
    background-position: -153px -17px
}

.c125 {
    background-position: -170px -17px
}

.c18 {
    background-position: -187px -17px
}

.c220 {
    background-position: -204px -17px
}

.c127 {
    background-position: -221px -17px
}

.c130 {
    background-position: -238px -17px
}

.c131 {
    background-position: -255px -17px
}

.c36 {
    background-position: -272px -17px
}

.c132 {
    background-position: -289px -17px
}

.c133 {
    background-position: -306px -17px
}

.c134 {
    background-position: -323px -17px
}

.c135 {
    background-position: -340px -17px
}

.c136 {
    background-position: -357px -17px
}

.c23 {
    background-position: -374px -17px
}

.c49 {
    background-position: -391px -17px
}

.c62 {
    background-position: -408px -17px
}

.c20 {
    background-position: -425px -17px
}

.c138 {
    background-position: -442px -17px
}

.c52 {
    background-position: -459px -17px
}

.c139 {
    background-position: -476px -17px
}

.c176 {
    background-position: -493px -17px
}

.c141 {
    background-position: -510px -17px
}

.c50 {
    background-position: -527px -17px
}

.c142 {
    background-position: -544px -17px
}

.c145 {
    background-position: -561px -17px
}

.c150 {
    background-position: -578px -17px
}

.c151 {
    background-position: -595px -17px
}

.c152 {
    background-position: -612px -17px
}

.c66 {
    background-position: -629px -17px
}

.c159 {
    background-position: 0 -34px
}

.c154 {
    background-position: -17px -34px
}

.c43 {
    background-position: -34px -34px
}

.c162 {
    background-position: -51px -34px
}

.c163 {
    background-position: -68px -34px
}

.c232 {
    background-position: -85px -34px
}

.c165 {
    background-position: -102px -34px
}

.c166 {
    background-position: -119px -34px
}

.c167 {
    background-position: -136px -34px
}

.c173 {
    background-position: -153px -34px
}

.c174 {
    background-position: -170px -34px
}

.c233 {
    background-position: -187px -34px
}

.c9 {
    background-position: -187px -51px
}

.c21 {
    background-position: -204px -34px
}

.c179 {
    background-position: -238px -34px
}

.c182 {
    background-position: -255px -34px
}

.c48 {
    background-position: -272px -34px
}

.c59 {
    background-position: -289px -34px
}

.c184 {
    background-position: -306px -34px
}

.c22 {
    background-position: -323px -34px
}

.c37 {
    background-position: -340px -34px
}

.c185 {
    background-position: -357px -34px
}

.c24 {
    background-position: -374px -34px
}

.c25 {
    background-position: -391px -34px
}

.c201 {
    background-position: -408px -34px
}

.c202 {
    background-position: -425px -34px
}

.c112 {
    background-position: -442px -34px
}

.c189 {
    background-position: -459px -34px
}

.c191 {
    background-position: -476px -34px
}

.c26 {
    background-position: -493px -34px
}

.c29 {
    background-position: -510px -34px
}

.c30 {
    background-position: -527px -34px
}

.c231,
.c32 {
    background-position: -544px -34px
}

.c54 {
    background-position: -561px -34px
}

.c51 {
    background-position: -578px -34px
}

.c27 {
    background-position: -595px -34px
}

.c197 {
    background-position: -612px -34px
}

.c42 {
    background-position: -629px -34px
}

.c198 {
    background-position: 0 -51px
}

.c28 {
    background-position: -17px -51px
}

.c204 {
    background-position: -34px -51px
}

.c206 {
    background-position: -51px -51px
}

.c210 {
    background-position: -68px -51px
}

.c213 {
    background-position: -85px -51px
}

.c12 {
    background-position: -102px -51px
}

.c214 {
    background-position: -119px -51px
}

.c31 {
    background-position: -136px -51px
}

.c53 {
    background-position: -153px -51px
}

.c19 {
    background-position: -170px -51px
}

.c39 {
    background-position: -187px -51px
}

.c47 {
    background-position: -204px -51px
}

.c221 {
    background-position: -221px -51px
}

.c65 {
    background-position: -238px -51px
}

.c224 {
    background-position: -255px -51px
}

.c64 {
    background-position: -272px -51px
}

.c6,
.c227 {
    background-position: -289px -51px
}

.c105 {
    background-position: -323px -51px
}

.c192 {
    background-position: -340px -51px
}

.c215 {
    background-position: -357px -51px
}

.c99 {
    background-position: -374px -51px
}

.c208 {
    background-position: -391px -51px
}

.c116 {
    background-position: -408px -51px
}

.c158 {
    background-position: -425px -51px
}

.c72 {
    background-position: -442px -51px
}

.c218 {
    background-position: -459px -51px
}

.c83 {
    background-position: -476px -51px
}

.c160 {
    background-position: -493px -51px
}

.c209 {
    background-position: -510px -51px
}

.c91 {
    background-position: -527px -51px
}

.c169 {
    background-position: -544px -51px
}

.c230 {
    background-position: -561px -51px
}

.c237 {
    background-position: -578px -51px
}

.c143 {
    background-position: -595px -51px
}

.c144 {
    background-position: -612px -51px
}

.c194 {
    background-position: -629px -51px
}

.c67 {
    background-position: 0 -68px
}

.c70 {
    background-position: -17px -68px
}

.c73 {
    background-position: -34px -68px
}

.c80 {
    background-position: -51px -68px
}

.c85 {
    background-position: -68px -68px
}

.c87 {
    background-position: -85px -68px
}

.c89 {
    background-position: -102px -68px
}

.c90 {
    background-position: -119px -68px
}

.c92 {
    background-position: -136px -68px
}

.c95 {
    background-position: -153px -68px
}

.c97 {
    background-position: -170px -68px
}

.c98 {
    background-position: -187px -68px
}

.c100 {
    background-position: -204px -68px
}

.c101,
.c102 {
    background-position: -221px -68px
}

.c103 {
    background-position: -238px -68px
}

.c107 {
    background-position: -255px -68px
}

.c114 {
    background-position: -272px -68px
}

.c115 {
    background-position: -289px -68px
}

.c118 {
    background-position: -306px -68px
}

.c119 {
    background-position: -323px -68px
}

.c120 {
    background-position: -340px -68px
}

.c121 {
    background-position: -357px -68px
}

.c124 {
    background-position: -374px -68px
}

.c126 {
    background-position: -391px -68px
}

.c128,
.c129 {
    background-position: -408px -68px
}

.c196 {
    background-position: -425px -68px
}

.c207 {
    background-position: -442px -68px
}

.c178 {
    background-position: -459px -68px
}

.c223 {
    background-position: -476px -68px
}

.c195 {
    background-position: -493px -68px
}

.c238 {
    background-position: -510px -68px
}

.c140 {
    background-position: -527px -68px
}

.c199 {
    background-position: -544px -68px
}

.c203 {
    background-position: -561px -68px
}

.c205 {
    background-position: -578px -68px
}

.c211 {
    background-position: -612px -68px
}

.c212 {
    background-position: -629px -68px
}

.c146 {
    background-position: 0 -85px
}

.c147 {
    background-position: -17px -85px
}

.c137 {
    background-position: -34px -85px
}

.c181 {
    background-position: -51px -85px
}

.c113 {
    background-position: -68px -85px
}

.c148 {
    background-position: -85px -85px
}

.c149 {
    background-position: -102px -85px
}

.c40 {
    background-position: -119px -85px
}

.c153 {
    background-position: -136px -85px
}

.c155 {
    background-position: -153px -85px
}

.c156 {
    background-position: -170px -85px
}

.c157 {
    background-position: -187px -85px
}

.c161 {
    background-position: -204px -85px
}

.c117 {
    background-position: -221px -85px
}

.c164 {
    background-position: -238px -85px
}

.c168 {
    background-position: -255px -85px
}

.c170 {
    background-position: -272px -85px
}

.c171 {
    background-position: -289px -85px
}

.c172 {
    background-position: -306px -85px
}

.c175 {
    background-position: -323px -85px
}

.c180 {
    background-position: -340px -85px
}

.c183 {
    background-position: -357px -85px
}

.c187 {
    background-position: -374px -85px
}

.c200 {
    background-position: -391px -85px
}

.c188 {
    background-position: -408px -85px
}

.c190 {
    background-position: -425px -85px
}

.c193 {
    background-position: -442px -85px
}

.c216 {
    background-position: -459px -85px
}

.c217 {
    background-position: -476px -85px
}

.c222 {
    background-position: -493px -85px
}

.c88 {
    background-position: -510px -85px
}

.c225 {
    background-position: -527px -85px
}

.c226 {
    background-position: -544px -85px
}

.c236 {
    background-position: -561px -85px
}

.playbreak {
    background-color: #1283e033;
    border-radius: .2em;
    width: 100%;
    display: block
}

.playbreak-message {
    flex-direction: row;
    display: flex
}

.playbreak-header {
    color: var(--theme-body);
    letter-spacing: 0;
    margin-left: 35px;
    padding-top: .5rem;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px
}

.playbreak-message-content {
    color: var(--theme-body);
    letter-spacing: 0;
    min-height: 35px;
    margin-left: 8px;
    padding-bottom: .5rem;
    font-size: 14px;
    line-height: 16px
}

.playbreak-icon {
    padding-left: 15px
}

.playbreak-icon:before {
    color: var(--theme-info)
}

.safergambling-group {
    display: flex;
    position: relative
}

.safergambling-group .icon {
    padding: 10px;
    position: absolute;
    right: 0
}

.safergambling-group .icon.theme-up:before {
    font-size: 14px
}

.safergambling-group .icon.theme-down:before {
    font-size: 12px
}

.safergambling-header {
    color: var(--theme-body);
    letter-spacing: 0;
    margin-left: 20px;
    padding-top: .7rem;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.safergambling-message-content {
    color: var(--theme-body);
    letter-spacing: 0;
    min-height: 20px;
    margin-left: 8px;
    padding-bottom: .7rem;
    padding-left: 45px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 16px
}

.safergambling-icon {
    padding-top: 10px;
    padding-left: 15px;
    font-size: 24.5px
}

.safergambling-icon:before {
    color: var(--theme-info)
}

.safergambling-icon-editmybet {
    float: left;
    padding-top: 6px;
    padding-right: 6px
}

.safergambling-icon-editmybet .editmybet-arc-icon {
    color: var(--theme-info)
}

.find-out-more-link {
    font-weight: 700;
    text-decoration: underline
}

.arc-betslip-message {
    padding: 8px
}

.event-statistics {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.event-statistics .live-football-statistics {
    margin-top: .9375em
}

.event-statistics .live-football-statistics .football-statistics-navigation {
    padding: 1em 0
}

.event-statistics .live-football-statistics ms-statistics-navigation {
    margin-bottom: 1.6666em
}

.event-statistics .no-pre-match-expanded {
    margin-bottom: 1.25em
}

.event-statistics .prematch-separator {
    border-bottom: 1px solid #ffffff40;
    margin: 1.25em
}

.event-statistics .event-header {
    background-position: 50%;
    background-size: cover;
    margin: 0;
    padding: .86em .6em;
    display: flex
}

@media (max-width:1279.98px) {
    .event-statistics .event-header {
        padding: .1em .6em
    }
}

.event-statistics .event-header .set-score {
    color: #fff;
    font-size: 1em;
    font-weight: 700
}

.event-statistics .event-header .event-time {
    opacity: .8;
    flex-grow: 1;
    flex-shrink: 1;
    font-size: .7638em;
    font-weight: 300
}

.event-statistics .event-header .event-time .date,
.event-statistics .event-header .event-time .time {
    display: inline-block
}

.event-statistics .event-header .indicator {
    border-radius: .25rem;
    flex: 0 0 .25em;
    align-self: center;
    width: .5em;
    height: .875em;
    margin-top: .063em
}

.event-statistics .event-header .indicator.indicator-left {
    margin-right: .45em
}

.event-statistics .event-header .indicator.indicator-right {
    margin-left: .45em
}

.event-statistics .event-header .participant {
    width: 50%;
    font-size: .875em;
    font-weight: 700;
    display: flex
}

.event-statistics .event-header .participant .serving {
    background: #fffc;
    border-radius: 50%;
    width: .2779em;
    height: .2779em;
    margin-top: .9em;
    position: relative;
    top: .35em
}

@media (hover:hover) and (pointer:fine) {
    .event-statistics .event-header .participant .serving {
        margin-top: .0694em
    }
}

.event-statistics .event-header .participant .participant-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    overflow: hidden
}

.event-statistics .event-header .participant-left {
    flex-direction: row
}

.event-statistics .event-header .participant-left .participant-title {
    margin-right: .4513em
}

.event-statistics .event-header .participant-right {
    flex-direction: row-reverse
}

.event-statistics .event-header .participant-right .participant-title {
    margin-left: .4513em
}

.event-statistics .event-header .info {
    text-align: center;
    flex-grow: 0;
    flex-shrink: 0;
    line-height: 1em
}

.event-statistics .event-header .info .score {
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 3px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    display: flex
}

.event-statistics .event-header .info .score-counter {
    padding: 0 .2em;
    font-size: 20px
}

.event-statistics .event-header .info .score-divider {
    background-color: #fff6;
    width: 1px;
    height: .85em;
    margin: -.1em;
    display: inline-block
}

.event-statistics .event-header .info .score-separator {
    font-size: 20px
}

.event-statistics .event-header .info .timer {
    color: #fffc;
    font-size: 10px
}

.event-statistics .event-header .participant,
.event-statistics .event-header .info {
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    font-size: .9em;
    overflow: hidden
}

@media (min-width:320px) and (max-width:340px) {
    .event-statistics .event-details-column .last-matches .outcome {
        margin: 1.125em .55em .81em
    }

    .event-statistics .event-details-column .head-to-head .overview {
        width: 18.625em
    }

    .event-statistics .head-to-head .overview .participant {
        width: 6em
    }
}

@media (min-width:341px) and (max-width:400px) {
    .event-statistics .event-details-column .last-matches .outcome {
        margin: 1.125em 1.25em .81em
    }
}

.event-statistics .statistics-expander {
    text-transform: uppercase;
    color: #fffc;
    justify-content: center;
    margin: 0 1.25em 1.125em;
    font-weight: 300;
    display: flex
}

.event-statistics .statistics-expander .statistics-toggle {
    justify-content: center;
    height: 1em;
    padding: 0 .9em;
    font-size: .6875em;
    display: flex
}

.event-statistics .statistics-expander .statistics-toggle .league-table {
    margin-bottom: 0
}

.event-statistics .statistics-expander .statistics-toggle .theme-down,
.event-statistics .statistics-expander .statistics-toggle .theme-up,
.event-statistics .statistics-expander .statistics-toggle .stats-theme-icon {
    margin: -.1em 0 0 .5em;
    display: inline-flex
}

.event-statistics .statistics-expander .statistics-toggle.expanded {
    bottom: 4em
}

.event-statistics .statistics-expander .statistics-toggle.expanded .theme-up {
    color: #fffc
}

.event-statistics .statistics-expander .statistics-toggle.statistics-toggle-mobile {
    border-radius: .2em
}

.event-statistics .statistics-expander .statistics-toggle.statistics-toggle-mobile.expanded {
    background-color: #0003;
    border-radius: .25em;
    align-items: center;
    height: 1.6875em;
    margin-bottom: 12em;
    display: flex
}

.event-statistics .statistics-expander .statistics-expander-indicators {
    white-space: nowrap;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: .875em;
    display: block
}

.event-statistics .statistics-expander .statistics-expander-indicators i,
.event-statistics .statistics-expander .statistics-expander-indicators .stats-icons {
    color: #fff
}

.event-statistics .statistics-expander .statistics-expander-indicators i.yellow,
.event-statistics .statistics-expander .statistics-expander-indicators .stats-icons.yellow {
    color: #f9ca00
}

.event-statistics .statistics-expander .statistics-expander-indicators i.red,
.event-statistics .statistics-expander .statistics-expander-indicators .stats-icons.red {
    color: #da0012
}

.event-statistics .statistics-expander .statistics-expander-indicators i:before,
.event-statistics .statistics-expander .statistics-expander-indicators .stats-icons:before {
    font-size: .75em
}

.event-statistics .statistics-expander .statistics-expander-indicators span {
    padding-left: .188em
}

.event-statistics .statistics-expander .statistics-expander-indicators span+i {
    margin-left: .625em
}

.event-statistics .with-indicators {
    justify-content: space-between;
    align-items: baseline
}

.event-statistics .live-basketball-statistics .no-pre-match-expanded {
    padding-bottom: .5em
}

.event-statistics .live-basketball-statistics .basketball-cards {
    width: 100%
}

.event-statistics .live-basketball-statistics ms-statistics-navigation {
    padding-top: .25em
}

.event-statistics .live-basketball-statistics .perform-statistics {
    padding-top: 0
}

.event-statistics.prematch-collapsed-live .live-tennis-statistics-collapsed {
    height: 7em;
    margin-top: 0
}

.event-statistics.prematch-collapsed-live .live-football-statistics {
    margin-top: 0
}

.event-statistics.tennis .prematch-separator {
    margin-top: 1.0625em
}

.event-statistics.tennis .pre-match-statistics .empty-stats-container {
    justify-content: flex-end;
    min-height: 9.0625em
}

.event-statistics.tennis .pre-match-statistics .empty-stats-container .stats-center-container {
    padding-top: 1.875em
}

.event-statistics.tennis .pre-match-statistics .without-visit-stat-center {
    justify-content: center
}

.event-statistics .tennis-head-to-head .head-to-head .participant-gauge {
    width: 8.125em
}

.event-statistics .tennis-head-to-head .head-to-head .overview {
    width: 16.875em
}

.event-statistics .tennis-head-to-head .head-to-head .overview .participant {
    width: 9.295em
}

.event-statistics .tennis-last-matches .last-matches .outcome {
    margin: 1.125em .90625em .81em
}

.event-statistics .tennis-last-matches .last-matches .outcome-container {
    flex-direction: column;
    display: flex
}

.event-statistics .tennis-last-matches .last-matches .outcome-container .outcome {
    margin-bottom: .7083em
}

.event-statistics .tennis-last-matches .last-matches .participant {
    align-items: flex-end;
    width: 100%;
    display: flex
}

.event-statistics .tennis-last-matches .last-matches .participant .participant-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.event-statistics .tennis-last-matches .last-matches .participant .participant-title-short {
    max-width: 60%
}

.event-statistics .tennis-last-matches .last-matches .participant .participant-title-long {
    max-width: 80%
}

.event-statistics .tennis-last-matches .last-matches .participant .participant-rank {
    padding-bottom: .1em;
    font-size: .7142em;
    font-weight: 400
}

.event-statistics .tennis-last-matches .last-matches .participant .participant-home-rank {
    margin-left: .2142em
}

.event-statistics .tennis-last-matches .last-matches .participant-away {
    flex-direction: row-reverse;
    justify-content: end
}

.event-statistics .tennis-last-matches .last-matches .participant-away .participant-away-rank {
    margin-right: .2142em
}

.event-statistics .tennis-last-matches .last-matches .won-lost-stats {
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    margin-bottom: .7916em;
    font-family: Roboto Condensed;
    font-size: .75em;
    display: flex
}

.event-statistics .tennis-last-matches .last-matches .won-lost-stats .won-lost-stats-team1 {
    margin-left: .8333em
}

.event-statistics .tennis-last-matches .last-matches .won-lost-stats .won-lost-stats-team2 {
    margin-right: .665em
}

@media (min-width:341px) and (max-width:600px) {
    .event-statistics .tennis-last-matches .participant-away {
        padding-right: .0999em
    }

    .event-statistics .tennis-last-matches .last-matches .outcome-container .won-lost-stats {
        margin-bottom: 1em
    }

    .event-statistics .tennis-last-matches .last-matches .outcome-container .won-lost-stats .won-lost-stats-team1 {
        margin-left: 2em
    }

    .event-statistics .tennis-last-matches .last-matches .outcome-container .won-lost-stats .won-lost-stats-team2 {
        margin-right: 1.7em
    }
}

@media (min-width:320px) and (max-width:340px) {
    .event-statistics .tennis-last-matches .last-matches .outcome {
        margin-left: .5em;
        margin-right: .5em
    }
}

.event-statistics .live-tennis-statistics-collapsed {
    padding: .5em 0 .125em
}

.event-statistics .live-tennis-statistics-collapsed .perform-statistics {
    padding: .5em 1.25em
}

.event-statistics .live-basketball-statistics-collapsed .basketball-cards {
    padding-bottom: .875em
}

.event-statistics .basketball-head-to-head .head-to-head .participant-gauge {
    width: 8.125em
}

.event-statistics .basketball-head-to-head .head-to-head .overview {
    width: 16.875em
}

.event-statistics .basketball-head-to-head .head-to-head .overview .participant {
    width: 9.295em
}

.event-statistics .basketball-last-matches .last-matches .outcome-container {
    flex-direction: column;
    display: flex
}

.event-statistics .basketball-last-matches .last-matches .participant {
    align-items: flex-end;
    width: 100%;
    display: flex
}

.event-statistics .basketball-last-matches .last-matches .participant .participant-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 80%;
    overflow: hidden
}

.event-statistics .basketball-last-matches .last-matches .away-lastmatch .participant-away {
    flex-direction: row-reverse;
    justify-content: end
}

.event-statistics .basketball-last-matches .last-matches .won-lost-stats {
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    margin-bottom: .81em;
    font-family: Roboto Condensed;
    font-size: 12px;
    display: flex
}

.event-statistics.basketball .live-basketball-statistics .basketball-cards {
    padding-top: .75em
}

.event-statistics.basketball.prematch-collapsed-live .live-basketball-statistics .basketball-cards {
    padding-top: .4375em
}

.event-statistics.soccer.prematch-collapsed-live .perform-statistics,
.event-statistics.basketball.prematch-collapsed-live .perform-statistics {
    padding-bottom: .6875em
}

@media (max-width:1279.98px) {

    .event-statistics.soccer .event-header,
    .event-statistics.basketball .event-header {
        border-bottom: 1px solid #ffffff4d
    }
}

.live-football-statistics,
.live-basketball-statistics,
.live-tennis-statistics,
.live-tennis-statistics-collapsed,
.pre-match-statistics {
    border-radius: .2em;
    flex-direction: column;
    display: flex;
    overflow: hidden
}

.live-football-statistics .statistics-navigation,
.live-basketball-statistics .statistics-navigation,
.live-tennis-statistics .statistics-navigation,
.live-tennis-statistics-collapsed .statistics-navigation,
.pre-match-statistics .statistics-navigation {
    text-transform: uppercase;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    width: 100%;
    font-size: .75em;
    font-weight: 400;
    line-height: 1.17em;
    display: flex
}

.live-football-statistics .statistics-navigation .tab-list,
.live-football-statistics .statistics-navigation .tab-container,
.live-basketball-statistics .statistics-navigation .tab-list,
.live-basketball-statistics .statistics-navigation .tab-container,
.live-tennis-statistics .statistics-navigation .tab-list,
.live-tennis-statistics .statistics-navigation .tab-container,
.live-tennis-statistics-collapsed .statistics-navigation .tab-list,
.live-tennis-statistics-collapsed .statistics-navigation .tab-container,
.pre-match-statistics .statistics-navigation .tab-list,
.pre-match-statistics .statistics-navigation .tab-container {
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    overflow: hidden
}

.live-football-statistics .statistics-navigation .tab-list,
.live-basketball-statistics .statistics-navigation .tab-list,
.live-tennis-statistics .statistics-navigation .tab-list,
.live-tennis-statistics-collapsed .statistics-navigation .tab-list,
.pre-match-statistics .statistics-navigation .tab-list {
    margin-bottom: 0;
    padding-inline-start: 0
}

.live-football-statistics .statistics-navigation .tab-title,
.live-basketball-statistics .statistics-navigation .tab-title,
.live-tennis-statistics .statistics-navigation .tab-title,
.live-tennis-statistics-collapsed .statistics-navigation .tab-title,
.pre-match-statistics .statistics-navigation .tab-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 8.4em;
    overflow: hidden
}

.live-football-statistics .statistics-navigation .active,
.live-basketball-statistics .statistics-navigation .active,
.live-tennis-statistics .statistics-navigation .active,
.live-tennis-statistics-collapsed .statistics-navigation .active,
.pre-match-statistics .statistics-navigation .active {
    border-bottom: .125em solid #fff;
    font-weight: 700;
    text-decoration: none
}

.live-football-statistics .statistics-navigation .disabled,
.live-basketball-statistics .statistics-navigation .disabled,
.live-tennis-statistics .statistics-navigation .disabled,
.live-tennis-statistics-collapsed .statistics-navigation .disabled,
.pre-match-statistics .statistics-navigation .disabled {
    color: #fff6
}

.live-football-statistics .statistics-navigation .ul,
.live-basketball-statistics .statistics-navigation .ul,
.live-tennis-statistics .statistics-navigation .ul,
.live-tennis-statistics-collapsed .statistics-navigation .ul,
.pre-match-statistics .statistics-navigation .ul {
    padding: 0;
    list-style: none
}

.live-football-statistics .statistics-navigation .stats-separator,
.live-basketball-statistics .statistics-navigation .stats-separator,
.live-tennis-statistics .statistics-navigation .stats-separator,
.live-tennis-statistics-collapsed .statistics-navigation .stats-separator,
.pre-match-statistics .statistics-navigation .stats-separator {
    opacity: .5;
    background-color: #fff;
    width: 1px;
    height: 1em;
    margin: 0 .84em
}

.live-basketball-statistics .pre-match-statistics {
    margin-top: .9375em
}

.pre-match-statistics .empty-stats-container,
.generic-betRadar .empty-stats-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 11.25em;
    display: flex
}

.pre-match-statistics .empty-stats,
.generic-betRadar .empty-stats {
    text-align: center;
    max-width: 16.625em;
    font-size: .875em;
    line-height: 1.188em
}

.generic-betRadar {
    margin: .625em 0 0
}

.generic-betRadar .stats-center-container {
    padding-top: .781em
}

.pre-match-statistics {
    margin: .75em 0 0
}

.pre-match-statistics .empty-stats-container .stats-center-container {
    padding-top: 2.75em
}

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

.stats-center-container .stats-center {
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: .125em;
    justify-content: center;
    align-items: center;
    height: 1.8em;
    margin: auto auto 2em;
    padding: .3125em .375em;
    font-size: .625em;
    display: flex
}

@media (hover:hover) and (pointer:fine) {
    .stats-center-container .stats-center:hover {
        cursor: pointer;
        background-color: #0000
    }
}

.head-to-head {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 7.3125rem;
    font-weight: 300;
    display: flex
}

.head-to-head .stats-center {
    margin-top: .3125em
}

.head-to-head .overview,
.head-to-head .match,
.head-to-head .participant-gauge {
    align-items: center;
    display: flex
}

.head-to-head .participant-gauge {
    flex-direction: column;
    width: 5.625em
}

.head-to-head .overview {
    flex-flow: wrap;
    justify-content: space-between;
    width: 19.625em;
    padding-top: 1em;
    padding-bottom: 1.125em
}

.head-to-head .overview .participant {
    color: #fff;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 7.5em;
    padding-bottom: .93em;
    font-size: .875em;
    font-weight: 700;
    overflow: hidden
}

.head-to-head .overview .gauge {
    width: 3.125em;
    height: 3.125em;
    margin: 0 auto
}

.head-to-head .overview .gauge svg {
    width: 3.125em;
    height: 3.125em
}

.head-to-head .overview .gauge .gauge-value {
    color: #fff;
    margin-top: -.5em;
    font-size: 1em;
    line-height: 1em
}

.head-to-head .match {
    flex-direction: column;
    width: calc(100% - 40px);
    padding-bottom: .875em;
    display: flex
}

.head-to-head .gauge {
    text-align: center;
    position: relative
}

.head-to-head .gauge .gauge-value {
    width: 100%;
    position: absolute;
    top: 50%
}

.head-to-head .gauge .gauge-scale {
    stroke: #ffffff26
}

.head-to-head .gauge .gauge-dial {
    stroke: #fff
}

.head-to-head .result-container {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex
}

.head-to-head .result {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: .2em;
    display: flex
}

.head-to-head .team1 {
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 38%;
    font-size: .75em;
    overflow: hidden
}

.head-to-head .date {
    text-align: center;
    justify-content: center;
    font-size: .625em;
    display: flex
}

.head-to-head .score {
    text-align: center;
    font-size: 1em
}

.head-to-head .score .score-separator {
    padding: 0 .3125em
}

.head-to-head .team2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    width: 38%;
    font-size: .75em;
    overflow: hidden
}

.league-table {
    min-height: 7.3125rem;
    margin: auto;
    font-weight: 300
}

.league-table .stats-center {
    margin-top: 1.25em
}

.league-table .legend {
    width: 100%;
    font-size: .7em;
    display: table
}

.league-table .legend:last-child {
    padding-bottom: .5em
}

.league-table .legend>div {
    padding: .35em;
    display: table-cell
}

.league-table .legend>div:first-child {
    width: 4em;
    padding-left: 1em
}

.league-table .container {
    width: 21.25em;
    padding-left: 0;
    padding-right: 0
}

.league-table .league {
    height: .87em;
    padding: .7em;
    font-size: .75em;
    font-weight: 300;
    line-height: .87em
}

.league-table .league-row2-opacity {
    opacity: .4
}

.league-table .league-row3-opacity {
    opacity: .2;
    padding-bottom: 0 !important
}

.league-table .last-row {
    border-bottom: 0 !important
}

.league-table .header,
.league-table .standing {
    table-layout: fixed;
    width: 100%;
    padding: .6em 0;
    font-size: .75em;
    display: table
}

.league-table .header>div,
.league-table .standing>div {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: table-cell;
    overflow: hidden
}

.league-table .header>div:not(.team):not(.team-rank):not(.league-name),
.league-table .standing>div:not(.team):not(.team-rank):not(.league-name) {
    text-align: center;
    width: 8.5%
}

.league-table .header .league-name,
.league-table .standing .league-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 13.17em;
    font-weight: 300;
    display: table-cell;
    overflow: hidden
}

.league-table .team {
    width: 11.67em;
    font-weight: 300;
    line-height: .875em
}

.league-table .standing {
    border-bottom: .0625em solid #ffffff26
}

.league-table .standing .team-rank {
    text-align: left;
    width: 1.5em
}

.league-table .header {
    margin-top: .85em;
    padding-bottom: .3125em
}

.league-table .standing+.legend {
    padding-top: 1.5em
}

@media (min-width:320px) and (max-width:340px) {
    .pre-match-statistics {
        margin: 1.25em .5em 0
    }

    .event-detail-header .league-table .container {
        width: 18.75em
    }

    .event-detail-header .league-table .league-name {
        width: 10em !important
    }

    .event-detail-header .league-table .team {
        width: 8.75em
    }
}

.live-football-statistics {
    justify-content: center;
    align-items: center;
    height: 7.2em;
    font-weight: 300;
    display: flex
}

.live-football-statistics .header,
.live-football-statistics .standing {
    width: 100%;
    font-size: .75em;
    display: flex
}

.live-football-statistics .header>div,
.live-football-statistics .standing>div {
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1 0 1.5em;
    padding: .3em .5em;
    overflow: hidden
}

.live-football-statistics .header>div.name,
.live-football-statistics .standing>div.name {
    text-align: left;
    flex: 50%;
    padding-left: 1em;
    font-weight: 700
}

.live-football-statistics .header {
    padding-top: 1em;
    font-weight: 700
}

.live-football-statistics .header>div.name {
    font-weight: 300
}

.live-football-statistics .standing:last-child {
    padding-bottom: 1em
}

.live-football-statistics .red {
    color: #da0012
}

.live-football-statistics .yellow {
    color: #f9ca00
}

.live-tennis-statistics,
.live-tennis-statistics-collapsed,
.live-basketball-statistics {
    place-content: center;
    align-items: center;
    padding: .5em 0 0;
    display: flex
}

.live-tennis-statistics .perform-statistics,
.live-tennis-statistics-collapsed .perform-statistics,
.live-basketball-statistics .perform-statistics {
    width: 100%;
    padding: .5em 1.25em 0
}

.live-tennis-statistics ms-statistics-navigation,
.live-tennis-statistics-collapsed ms-statistics-navigation,
.live-basketball-statistics ms-statistics-navigation {
    padding: .625em 0 .3em
}

.live-tennis-statistics .header,
.live-tennis-statistics-collapsed .header,
.live-basketball-statistics .header {
    color: #fffc;
    margin-bottom: .5em;
    font-size: .8125em;
    display: flex
}

.live-tennis-statistics .header .score,
.live-tennis-statistics-collapsed .header .score,
.live-basketball-statistics .header .score {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 20%;
    overflow: hidden
}

.live-tennis-statistics .participant,
.live-tennis-statistics-collapsed .participant,
.live-basketball-statistics .participant {
    width: 40%;
    display: flex
}

.live-tennis-statistics .participant.incolumn,
.live-tennis-statistics-collapsed .participant.incolumn,
.live-basketball-statistics .participant.incolumn {
    width: 50%
}

.live-tennis-statistics .participant .indicator,
.live-tennis-statistics .participant .name,
.live-tennis-statistics-collapsed .participant .indicator,
.live-tennis-statistics-collapsed .participant .name,
.live-basketball-statistics .participant .indicator,
.live-basketball-statistics .participant .name {
    margin-left: .5em;
    margin-right: .5em
}

.live-tennis-statistics .participant .serving,
.live-tennis-statistics-collapsed .participant .serving,
.live-basketball-statistics .participant .serving {
    background: #fffc;
    border-radius: 50%;
    width: .4em;
    height: .4em;
    position: relative;
    top: .35em
}

.live-tennis-statistics .participant .indicator,
.live-tennis-statistics-collapsed .participant .indicator,
.live-basketball-statistics .participant .indicator {
    direction: ltr;
    border-radius: .5em;
    width: .3em;
    height: 1.3em;
    position: relative;
    top: -.1em
}

.live-tennis-statistics .participant .name,
.live-tennis-statistics-collapsed .participant .name,
.live-basketball-statistics .participant .name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.live-tennis-statistics .participant:first-child,
.live-tennis-statistics-collapsed .participant:first-child,
.live-basketball-statistics .participant:first-child {
    direction: ltr
}

.live-tennis-statistics .participant:first-child .indicator,
.live-tennis-statistics-collapsed .participant:first-child .indicator,
.live-basketball-statistics .participant:first-child .indicator {
    background-color: #ede615;
    margin-left: 0
}

.live-tennis-statistics .participant:last-child,
.live-tennis-statistics-collapsed .participant:last-child,
.live-basketball-statistics .participant:last-child {
    direction: rtl
}

.live-tennis-statistics .participant:last-child .indicator,
.live-tennis-statistics-collapsed .participant:last-child .indicator,
.live-basketball-statistics .participant:last-child .indicator {
    background-color: #fff;
    margin-right: 0
}

.live-tennis-statistics .live-tennis-bars,
.live-tennis-statistics-collapsed .live-tennis-bars,
.live-basketball-statistics .live-tennis-bars {
    width: 20em
}

.live-tennis-statistics .perform-statistics-no-prematch {
    padding-bottom: .6em
}

.live-bar-statistics {
    text-transform: uppercase;
    flex-direction: row;
    width: 100%;
    font-size: 1em;
    font-weight: 300;
    display: flex
}

.live-bar-statistics .home-team {
    width: 8%;
    padding-top: .625em;
    font-size: .875em
}

.live-bar-statistics .away-team {
    width: 8%;
    padding: .625em 0 0 1.25em;
    font-size: .875em
}

.live-bar-statistics .participant-bar {
    width: 84%;
    display: flex
}

.live-bar-statistics .participant-bar .horizental-bar {
    width: 100%
}

.live-bar-statistics .title {
    text-align: center;
    white-space: nowrap;
    font-size: .6875em
}

.live-bar-statistics .horizontal-container {
    width: 100%;
    margin-top: .25em;
    display: block
}

.live-bar-statistics .horizontal-container .horizontal-bar {
    justify-content: space-between;
    width: 100%;
    display: flex
}

.live-bar-statistics .horizontal-container .horizontal-bar,
.live-bar-statistics .horizontal-container .horizontal-bar>div {
    border-radius: 2px;
    height: 4px
}

.live-bar-statistics .horizontal-container .horizontal-bar>div {
    justify-content: space-between;
    transition: width .1s;
    display: flex
}

.live-bar-statistics .horizontal-container .horizontal-bar>div:first-child {
    background-color: #ede615
}

.live-bar-statistics .horizontal-container .horizontal-bar>div:last-child {
    background-color: #fff
}

.live-bar-statistics.bar-disabled .horizontal-container .horizontal-bar>div {
    background-color: #ffffff30
}

.live-bar-statistics .ratio-container {
    width: 45%;
    margin-top: .4em;
    display: block
}

.live-bar-statistics .ratio-container div {
    background-color: #ffffff30;
    border-radius: 2px;
    height: 4px;
    transition: width .1s
}

.live-bar-statistics .ratio-container.home {
    direction: ltr
}

.live-bar-statistics .ratio-container.home [class$=bar-progress] {
    background: #ede615
}

.live-bar-statistics .ratio-container.away {
    direction: rtl
}

.live-bar-statistics .ratio-container.away [class$=bar-progress] {
    background: #fff
}

.basketball-cards {
    flex-direction: column;
    align-items: center;
    padding-top: .9375em;
    padding-bottom: .3125em;
    display: flex
}

.basketball-cards .live-stats {
    padding-top: 0
}

.perform-statistics {
    padding: .5em 1.25em;
    display: block
}

.perform-statistics .perform-statistics-item {
    display: block
}

.perform-statistics .title {
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-size: .7em
}

.perform-statistics .title-disabled {
    color: #fff6
}

.perform-statistics .bar {
    color: #fffc;
    font-size: .875em;
    font-weight: 300;
    display: flex;
    position: relative;
    top: -4px
}

.perform-statistics .bar .count,
.perform-statistics .bar .bar-container {
    margin-left: .35em;
    margin-right: .35em
}

.perform-statistics .bar .count {
    position: absolute
}

.perform-statistics .bar .count.count-left {
    text-align: left;
    margin-left: 0
}

.perform-statistics .bar .count.count-right {
    text-align: right;
    margin-right: 0;
    right: 0
}

.perform-statistics .bar .bar-container {
    background-color: #ffffff30;
    flex: 50%;
    margin-top: .4em;
    display: block
}

.perform-statistics .bar .bar-container,
.perform-statistics .bar .bar-container .bar-fill {
    border-radius: 2px;
    height: 4px
}

.perform-statistics .bar .bar-container .bar-fill {
    transition: width .3s
}

.perform-statistics .bar .bar-container.bar-left {
    direction: rtl;
    margin-left: 32px;
    margin-right: 4px
}

.perform-statistics .bar .bar-container.bar-left .bar-fill {
    background-color: #ede615b3
}

.perform-statistics .bar .bar-container.bar-right {
    direction: ltr;
    margin-left: 4px;
    margin-right: 32px
}

.perform-statistics .bar .bar-container.bar-right .bar-fill {
    background-color: #ffffffb3
}

.last-matches {
    flex-flow: column;
    display: flex
}

.last-matches .outcome {
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 1.125em 1.25em .81em;
    display: flex
}

.last-matches .outcome .result {
    box-sizing: border-box;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 1.5em;
    height: 1.5em;
    display: flex
}

.last-matches .outcome .result.result-won,
.last-matches .outcome .result.result-wonafterpenalty,
.last-matches .outcome .result.result-wonafterovertime {
    border: .1875em solid #10b312
}

.last-matches .outcome .result.result-lost,
.last-matches .outcome .result.result-lostafterpenalty,
.last-matches .outcome .result.result-lostafterovertime {
    border: .1875em solid #e51c1c
}

.last-matches .outcome .result.result-draw {
    border: .1875em solid #fff
}

.last-matches .outcome .result .value {
    color: #fff;
    text-align: center;
    font-size: .75em;
    position: absolute
}

.last-matches .outcome .date {
    text-align: center;
    color: #fff;
    height: .875em;
    margin-top: 1.6em;
    font-size: .625em;
    line-height: .6875em
}

.last-matches .outcome .triangle-home {
    border-top: .3125em solid #0000;
    border-bottom: .3125em solid #0000;
    border-left: .375em solid #ffffff63;
    margin-top: .4375em
}

.last-matches .outcome .triangle-away {
    border-top: .3125em solid #0000;
    border-bottom: .3125em solid #0000;
    border-right: .375em solid #ffffff63;
    margin-top: .4375em
}

.last-matches .outcome .home-lastmatch,
.last-matches .outcome .away-lastmatch {
    flex-direction: column;
    width: 50%;
    display: flex
}

.last-matches .outcome .home-lastmatch .participant-info,
.last-matches .outcome .away-lastmatch .participant-info {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 80%;
    overflow: hidden
}

.last-matches .outcome .home-lastmatch .participant,
.last-matches .outcome .away-lastmatch .participant {
    width: 100%;
    font-size: .875em;
    font-weight: 700
}

.last-matches .outcome .home-lastmatch .last-matches-unavailable-message,
.last-matches .outcome .away-lastmatch .last-matches-unavailable-message {
    padding-top: 2em;
    font-size: .625em
}

.last-matches .outcome .home-lastmatch {
    align-items: flex-start
}

.last-matches .outcome .away-lastmatch {
    align-items: flex-end
}

.last-matches .outcome .home-result-container,
.last-matches .outcome .away-result-container {
    margin-top: .9em;
    display: flex
}

.last-matches .outcome .result-container {
    align-items: center;
    display: flex
}

.last-matches .outcome .participant-away {
    justify-content: flex-end;
    display: flex
}

.last-matches .outcome .home-result-event-container,
.last-matches .outcome .away-result-event-container {
    flex-direction: column;
    display: flex
}

.last-matches .outcome .home-result-event-container {
    align-items: flex-start
}

.last-matches .outcome .away-result-event-container {
    align-items: flex-end
}

.last-matches .horizontal-line {
    background-color: #ffffff63;
    width: .3125em;
    height: .125em
}

@media (min-width:320px) and (max-width:340px) {
    .last-matches .horizontal-line {
        width: .1875em !important
    }

    .last-matches .outcome {
        margin-left: 0;
        margin-right: 0
    }
}

.live-stats {
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 20em;
    display: flex
}

.live-stats .live-stat-card {
    flex: 33%
}

.live-basketball-statistics .live-stats {
    width: 100%
}

.header .close {
    height: 100%
}

.stat-card {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .125em 0;
    font-size: 1em;
    display: flex
}

.stat-card .card-name {
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: .688em
}

.stat-card .stats {
    flex-direction: row;
    align-items: center;
    display: flex
}

.stat-card .stats .participant {
    flex-direction: row-reverse;
    font-size: .8125em;
    display: flex
}

.stat-card .stats .participant .score {
    flex-direction: column;
    display: flex
}

.stat-card .stats .participant-left {
    flex-direction: row
}

.stat-card .stats .card-icon {
    font-size: .75em
}

.stat-card .stats>div {
    flex-direction: column;
    padding: .231em;
    display: flex
}

.stat-card .stats .shirt-color {
    align-self: center;
    width: .615em;
    height: .154em
}

.stat-card .stats .participant1 {
    background: #ede615b3
}

.stat-card .stats .participant2 {
    background: #ffffffb3
}

.content-right .event-details-column .last-matches .horizontal-line {
    width: 3px
}

.content-right .event-details-column .last-matches .outcome {
    margin: 1.125em .55em .81em
}

.content-right .event-details-column .league-table .container {
    width: 18.75em
}

.content-right .event-details-column .head-to-head .overview {
    width: 18.625em
}

.header .close .theme-ex:before {
    vertical-align: middle
}

.bet-radar-iframe {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    display: block;
    overflow: scroll
}

.bet-radar-iframe-scroll {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto
}

.live-tennis-bars {
    width: 18em
}

.content-right-lg .last-matches .outcome {
    width: 334px
}

.content-right-lg .event-details-column .last-matches .horizontal-line {
    width: 5px
}

.content-right-lg .event-details-column .last-matches {
    align-items: center
}

.content-right-lg .event-details-column .last-matches .outcome {
    min-width: 20.875em;
    margin: 1.125em 0 .81em
}

.content-right-lg .event-details-column .head-to-head .overview {
    width: 19.625em
}

.content-right-lg .event-details-column .league-table .container {
    width: 21.25em
}

.content-right-lg .event-details-column .league-table .league-name {
    width: 13.17em
}

.content-right-lg .event-details-column .live-tennis-bars {
    width: 25em
}

.content-right-lg .event-details-column .event-statistics .basketball-last-matches .last-matches {
    align-items: center;
    padding-left: 1.25em;
    padding-right: 1.25em
}

.content-right-lg .event-details-column .event-statistics .basketball-last-matches .last-matches .participant-home-avg {
    padding-left: .8333em
}

.content-right-lg .event-details-column .event-statistics .basketball-last-matches .last-matches .participant-away-avg {
    padding-right: .8333em
}

.prematch-collapsed {
    min-height: 11.25em;
    max-height: 11.25em
}

.event-detail-header .live-football-statistics-collapsed,
.event-detail-header .live-tennis-statistics-collapsed,
.event-detail-header .live-basketball-statistics-collapsed {
    height: 7.25em
}

.event-detail-header .prematch-collapsed-live {
    min-height: 10.8125em;
    max-height: 10.8125em
}

.event-detail-header .prematch-collapsed-live .live-football-statistics {
    height: 6.9375em
}

.event-detail-header .prematch-collapsed {
    min-height: 11.25em;
    max-height: 11.25em
}

@media (min-width:401px) and (max-width:1024px),
(orientation:landscape) {
    .event-detail-header .last-matches {
        align-items: center
    }

    .event-detail-header .last-matches .outcome {
        width: 20.875em
    }
}

.header-content .event-statistics .live-tennis-statistics-collapsed {
    height: 6.65625em;
    padding: .5em 0 0
}

.header-content .event-statistics .live-tennis-statistics-collapsed .perform-statistics {
    padding: 0 1.25em
}

.header-content .event-statistics .event-header .participant .participant-title {
    align-self: center;
    max-width: 75%
}

.header-content .prematch-collapsed {
    min-height: 11.25em;
    max-height: 11.25em
}

.landscape .modal.bet-radar-popup .modal-content {
    overflow-y: hidden
}

.statistic-modal-title {
    float: left;
    padding-left: .75rem
}

.head-to-head-event-details {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex
}

.embedded-statistics-loading {
    min-height: 11.25em
}

.teaser-list {
    aspect-ratio: 3.2;
    background-color: #191919f2;
    align-items: center;
    width: 100%;
    max-height: 240px;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .teaser-list {
    border-radius: .25rem;
    overflow: hidden
}

.teaser-list .slideindicator {
    text-align: left;
    pointer-events: initial;
    margin-bottom: .1em;
    margin-left: 1em;
    bottom: 0;
    left: 0
}

.teaser-list .indicator {
    opacity: .7;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    margin: 0 .5em 0 0
}

@media (min-width:1280px) {
    .teaser-list .indicator {
        width: 8px;
        height: 8px
    }
}

.teaser-list .slides ms-slide {
    max-width: 932px;
    margin: auto
}

.teaser-list .slides ms-slide ms-crm-promotion-banner,
.teaser-list .slides ms-slide ms-crm-promotion-banner .banner-wrapper,
.teaser-list .slides ms-slide ms-crm-promotion-banner .crm-promo-marquee-overlay {
    border-radius: 0
}

.teaser-list .slides ms-slide ms-crm-promotion-banner .headline,
.teaser-list .slides ms-slide ms-crm-promotion-banner .subline {
    margin-right: 12px
}

.teaser-list .slides .ms-timer-progress-bar {
    width: 100%;
    height: .231em;
    position: absolute;
    bottom: 0
}

.teaser-list .slides .ms-timer-progress-bar .ms-progress-bar-background-bar {
    border-radius: 0
}

.teaser-list .slides .ms-timer-progress-bar .ms-progress-bar-indicator {
    background-color: #fc0
}

.teaser-list .teaser-arrows {
    z-index: 2;
    text-align: center;
    cursor: pointer;
    background-color: #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    line-height: 2em;
    display: none;
    position: absolute
}

.teaser-list .teaser-arrows>span {
    color: #333;
    position: relative
}

.teaser-list:hover .slide-arrows {
    display: flex
}

.teaser-list .theme-right:before,
.teaser-list .theme-left:before {
    color: #f5f5f5;
    width: 16px;
    height: 16px;
    padding-top: 17px;
    padding-bottom: 17px
}

.teaser-list .slideshow-icon {
    color: #f5f5f5;
    width: 16px;
    height: 16px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: inline-grid
}

.teaser-list .teaser-image {
    width: 100%;
    height: 100%;
    margin: auto
}

.teaser-list ms-crm-promotion-banner .banner-wrapper {
    height: 100%;
    margin: auto;
    position: relative
}

.teaser-list ms-crm-promotion-banner ms-badge.promotion-badge {
    display: block;
    position: relative;
    top: .4rem
}

.teaser-list ms-crm-promotion-banner .content-wrapper {
    z-index: 3;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.teaser-list ms-crm-promotion-banner .content-wrapper .titles {
    top: 0
}

.teaser-list ms-crm-promotion-banner .content-wrapper .info-panel {
    margin-top: 0;
    position: static
}

.teaser-list ms-crm-promotion-banner .hero-image {
    height: 100%
}

.teaser-list ms-crm-promotion-banner .terms {
    font-size: .6rem
}

.teaser-list ms-crm-promotion-banner .headline {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden
}

.teaser-content {
    text-align: left;
    color: #fc0;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

.teaser-content .teaser-text {
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    padding-left: 64px;
    padding-right: 64px;
    display: flex;
    position: absolute
}

.teaser-content .teaser-text.with-jackpot {
    width: 70%
}

.teaser-content .teaser-text .btn-teaser {
    z-index: 1;
    margin-top: 16px
}

.teaser-content .alignment-right {
    text-align: right;
    align-items: flex-end;
    padding-right: 64px
}

.teaser-content .alignment-left {
    text-align: left;
    align-items: flex-start;
    padding-left: 64px
}

.teaser-content.gradient-alignment-left:not(.banner):before {
    content: "";
    background-color: #0000;
    background-image: linear-gradient(90deg, #000 0, #0000 100%);
    background-repeat: repeat-x;
    width: 60%;
    height: 100%;
    position: absolute
}

.teaser-content.gradient-alignment-right:not(.banner):before {
    content: "";
    background-color: #0000;
    background-image: linear-gradient(90deg, #0000 0, #000 130%);
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
    position: absolute
}

.teaser-content .alignment-center {
    text-align: center;
    align-items: center
}

.teaser-content ms-banner-jackpot.teaser-text {
    width: 100%;
    padding: 0
}

.teaser-content ms-banner-jackpot .banner-content {
    background-color: #0000
}

.teaser-content ms-banner-jackpot .banner-content .banner-image {
    position: absolute;
    top: 7px;
    right: 0
}

.teaser-content ms-banner-jackpot .banner-content .banner-image img {
    transform: initial
}

.teaser-content ms-banner-jackpot .banner-title,
.teaser-content ms-banner-jackpot .banner-subtitle {
    opacity: 0;
    padding: .25em 0 .25em 1em;
    font-size: .8em
}

.teaser-content .title {
    color: #fff;
    height: 33px;
    font-size: 28px;
    font-weight: 700;
    line-height: 33px
}

.teaser-content .subtitle {
    color: #fff;
    height: 21px;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px
}

.teaser-content .teaser-text.with-jackpot .title,
.teaser-content .teaser-text:not(.with-jackpot) .title,
.teaser-content .teaser-text:not(.with-jackpot) .subtitle {
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.teaser-content .teaser-text.with-jackpot .subtitle {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 1.2em;
    display: block;
    overflow: hidden
}

.teaser-content .odds {
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fc0;
    max-height: 1.7em;
    font-size: .9em;
    font-weight: 700;
    line-height: 1.7em;
    display: inline-block;
    overflow: hidden
}

.teaser-content .odds-item {
    padding: 0 .33em
}

.teaser-content.promotional-teaser .teaser-text {
    top: 50%;
    transform: translateY(-50%)
}

.teaser-content.promotional-teaser .title {
    text-transform: none;
    max-height: 2.8em;
    margin-bottom: .3em;
    font-size: 1em;
    line-height: 1.4em
}

.teaser-content.promotional-teaser .subtitle {
    max-height: 2.4em;
    font-size: .8em;
    font-weight: 400;
    line-height: 1.2em
}

.teaser-content.with-odds .title,
.teaser-content.with-odds .subtitle {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 1.2em;
    display: block;
    overflow: hidden
}

.teaser-content.no-gradient:before {
    display: none
}

.teaser .teaser-icon {
    float: right;
    margin-bottom: 5px;
    padding: .4em .7em;
    display: flex
}

.teaser .terms-conditions-container {
    opacity: .5;
    word-break: break-word;
    background-color: #000;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 29px;
    max-height: 100%;
    display: flex;
    position: absolute;
    bottom: 4px
}

.teaser .terms-conditions-container .terms-conditions {
    text-align: center;
    color: #fff;
    word-wrap: break-word;
    align-items: flex-end;
    height: auto;
    min-height: 12px;
    margin: 0 auto;
    font-size: 10px;
    line-height: 12px
}

.teaser .teaser-info {
    z-index: 2;
    color: #fff;
    width: 100%;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.teaser .teaser-info .info-message {
    background-color: #000c;
    padding: .4em .4em .4em 1.25em;
    font-size: .8em
}

.teaser .teaser-info .info-message>p {
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 6em;
    font-size: 14px;
    line-height: 1.2em;
    display: -webkit-box;
    overflow: hidden
}

.teaser .info-position {
    bottom: 30px
}

@media (max-width:599.98px) {
    .teaser-content .teaser-text {
        width: 100%;
        padding: 12px 24px 0
    }

    .teaser-content .teaser-text .title {
        height: 19px;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px
    }

    .teaser-content .teaser-text .subtitle {
        height: 14px;
        margin-top: 2px;
        font-size: 12px;
        line-height: 14px
    }

    .teaser-content .teaser-text .btn-teaser {
        margin-top: 8px
    }

    .teaser .terms-conditions-container {
        height: auto;
        min-height: 17px
    }

    .teaser .teaser-info .info-message>p {
        font-size: 13px
    }

    .teaser .info-position {
        bottom: 16px
    }
}

@media (min-width:600px) and (max-width:959.98px) {
    .teaser-content .teaser-text {
        padding: 40px 42px 0
    }
}

@media screen and (max-width:320px) {
    .teaser-content .teaser-text {
        width: 100%;
        padding-top: 8px;
        padding-left: 16px
    }

    .teaser-content .teaser-text .title {
        height: 16px;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px
    }

    .teaser-content .teaser-text .subtitle {
        height: 11px;
        margin-top: 2px;
        font-size: 10px;
        line-height: 11px
    }

    .teaser-content .teaser-text .btn-teaser {
        margin-top: 8px
    }

    .teaser-list ms-crm-promotion-banner ms-promotion-badge {
        top: 0 !important
    }

    .teaser-list ms-crm-promotion-banner .titles {
        height: 33px
    }

    .teaser-list ms-crm-promotion-banner .titles .headline,
    .teaser-list ms-crm-promotion-banner .titles .subline p {
        font-size: 80%
    }

    .teaser-list ms-crm-promotion-banner .info-panel {
        margin-top: .3rem
    }

    .teaser-list ms-crm-promotion-banner .info-panel .btn {
        line-height: 15px
    }

    .teaser-list ms-crm-promotion-banner .info-panel .more-info {
        margin-top: 8px
    }

    .teaser-list ms-crm-promotion-banner .content-wrapper {
        top: 55%
    }
}

@media screen and (min-width:321px) and (max-width:599px) {
    .teaser-list ms-crm-promotion-banner ms-promotion-badge {
        top: .2rem !important
    }

    .teaser-list ms-crm-promotion-banner .content-wrapper {
        top: 55%
    }

    .teaser-list ms-crm-promotion-banner .content-wrapper .info-panel {
        margin-top: .3rem
    }
}

.static-teaser-widget {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    position: relative;
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .static-teaser-widget {
    border-radius: .25rem;
    overflow: hidden
}

.static-teaser-widget:empty {
    display: none
}

@keyframes first {
    0% {
        bottom: -30px
    }

    to {
        bottom: 10px
    }
}

@keyframes second {
    0% {
        bottom: -30px
    }

    to {
        bottom: 60px
    }
}

@keyframes third {
    0% {
        bottom: -30px
    }

    to {
        bottom: 90px
    }
}

@keyframes betslip {
    0% {
        bottom: -30px
    }

    to {
        bottom: 70px
    }
}

html.no-scrolling .eventDetailPage .toast-live-subscription.animated,
html .toast-live-subscription.animated {
    animation: .3s first;
    bottom: 10px
}

html.popup-on .betslip .toast-live-subscription.animated {
    animation: .5s betslip;
    bottom: 70px
}

html.popup-on .betslip .taxation .toast-live-subscription.animated {
    animation: .5s betslip;
    bottom: 95px
}

html.popup-on .betslip .betplacementSpeedupHint .toast-live-subscription.animated {
    animation: .5s betslip;
    bottom: 140px
}

html.popup-on .betslip .betplacementSpeedupHint.taxation .toast-live-subscription.animated {
    animation: .5s betslip;
    bottom: 160px
}

html.popup-on #mybets .toast-live-subscription.animated {
    animation: .3s first;
    bottom: 10px
}

.in-column div.linkbox.toast-live-subscription {
    width: 90%;
    position: absolute
}

.betslip .pc-text div.linkbox.toast-live-subscription,
div.linkbox.toast-live-subscription {
    color: #fff;
    z-index: 996;
    background: #333;
    border-color: #333;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: .8em .7em .7em;
    font-size: .94em;
    position: fixed;
    left: 0;
    right: 0;
    transform: translateZ(0)
}

.betslip .pc-text div.linkbox.toast-live-subscription:hover,
.betslip .pc-text div.linkbox.toast-live-subscription:focus,
.betslip .pc-text div.linkbox.toast-live-subscription:active,
div.linkbox.toast-live-subscription:hover,
div.linkbox.toast-live-subscription:focus,
div.linkbox.toast-live-subscription:active {
    background-color: #333
}

.betslip .pc-text div.linkbox.toast-live-subscription.betslip-error,
div.linkbox.toast-live-subscription.betslip-error {
    padding: .75em 1em
}

.betslip .pc-text div.linkbox.toast-live-subscription p,
.betslip .pc-text div.linkbox.toast-live-subscription h4,
div.linkbox.toast-live-subscription p,
div.linkbox.toast-live-subscription h4 {
    font-size: 14px;
    line-height: 16px
}

.betslip .pc-text div.linkbox.toast-live-subscription p a,
div.linkbox.toast-live-subscription p a {
    color: #fc0;
    text-decoration: underline
}

.betslip .pc-text div.linkbox.toast-live-subscription p.shift-to-right,
.betslip .pc-text div.linkbox.toast-live-subscription h4.shift-to-right,
div.linkbox.toast-live-subscription p.shift-to-right,
div.linkbox.toast-live-subscription h4.shift-to-right {
    margin-left: 22px
}

.betslip .pc-text div.linkbox.toast-live-subscription svg,
div.linkbox.toast-live-subscription svg {
    height: 16px;
    position: absolute;
    bottom: 12px;
    left: 0
}

.betslip .pc-text div.linkbox.toast-live-subscription {
    position: initial;
    animation: 0 betslip !important;
    bottom: 0 !important
}

#toasts {
    z-index: 996;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

#toasts .toast {
    opacity: .8;
    background-color: #000;
    transition: bottom .2s linear, margin-bottom .2s linear, opacity .2s linear !important
}

#toasts .toast-content {
    width: 100%;
    font-size: 1em;
    display: table
}

#toasts .toast-content .toast-message,
#toasts .toast-content .toast-link {
    vertical-align: middle;
    height: 3.75em;
    display: table-cell
}

#toasts .toast-content .toast-message {
    padding: .5em
}

#toasts .toast-content .toast-link {
    color: #fc0;
    white-space: nowrap;
    text-align: right;
    padding: .5em 1em .5em .5em
}

#toasts .toast-content .toast-link .theme-right {
    font-size: .8em
}

.product-sports body {
    font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    color: #333 !important
}

.product-sports lh-navigation-layout-page>.h-100 {
    min-height: calc(100vh - 6.65em) !important
}

.main-container,
ms-modal-window {
    color: #fff;
    line-height: 1.231;
    font-size: unset;
    font-weight: unset
}

.main-container p,
ms-modal-window p {
    line-height: unset
}

.main-container label,
ms-modal-window label {
    display: unset;
    margin-bottom: unset
}

.main-container input[type=text],
.main-container input[type=password],
.main-container input[type=email],
.main-container input[type=tel],
.main-container input[type=number],
.main-container input[type=date],
ms-modal-window input[type=text],
ms-modal-window input[type=password],
ms-modal-window input[type=email],
ms-modal-window input[type=tel],
ms-modal-window input[type=number],
ms-modal-window input[type=date] {
    color: #0f0f0f;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    width: 100%;
    height: 2.75em;
    padding: .6875em 2.0625em .6875em .6875em;
    font-size: 1.125em;
    line-height: 1.375em;
    display: inline-block
}

.main-container select option,
ms-modal-window select option {
    color: #0f0f0f;
    background-color: #fff
}

.main-container .close,
ms-modal-window .close {
    font-size: unset;
    opacity: unset;
    text-shadow: unset;
    font-weight: unset;
    line-height: unset
}

.main-container .header,
ms-modal-window .header {
    background: unset;
    color: unset;
    box-shadow: unset
}

.main-container .btn,
ms-modal-window .btn {
    width: 100%;
    display: block
}

.main-container .message-dialog__buttons,
ms-modal-window .message-dialog__buttons {
    justify-content: center;
    gap: 10px;
    margin-top: 1em;
    display: flex
}

.main-container .message-dialog__buttons .buttons_message-dialog_buttons,
ms-modal-window .message-dialog__buttons .buttons_message-dialog_buttons {
    width: 48%
}

.main-container .message-dialog__buttons .single-button,
ms-modal-window .message-dialog__buttons .single-button {
    width: 100%
}

.main-container .event .item,
.main-container .event .col,
.main-container .event .result-name,
ms-modal-window .event .item,
ms-modal-window .event .col,
ms-modal-window .event .result-name {
    z-index: 5 !important
}

.main-container .badge,
ms-modal-window .badge {
    border-radius: unset
}

.main-container .disabled,
ms-modal-window .disabled {
    opacity: unset
}

.main-container .disabled.theme-favorite-i.favourite,
ms-modal-window .disabled.theme-favorite-i.favourite {
    opacity: .6
}

@media (max-width:599.98px) {
    .device-mobile:not(.device-tablet) .language-switcher .dropdown-menu {
        width: 90%;
        height: auto;
        max-height: 90%;
        margin: 0;
        position: fixed;
        top: 50%;
        bottom: auto;
        left: 50%;
        overflow-y: auto;
        transform: translate(-50%, -50%)
    }

    .device-mobile:not(.device-tablet) .language-switcher .dropdown-menu .dropdown-items {
        height: 100%;
        overflow-y: auto
    }
}

html.popup-on footer {
    z-index: auto !important
}

vn-bottom-nav i.theme-mybets .badge,
vn-bottom-nav i.theme-betslip .badge {
    border-radius: 50%
}

vn-product-menu-view {
    -webkit-overflow-scrolling: touch
}

@-moz-document url-prefix() {
    @media (max-width: 1024px) {
        #main-content {
            flex-basis: unset
        }
    }
}

body {
    -webkit-tap-highlight-color: #0000
}

body .slot.slot-single.slot-header .header .slot-header_bottom_items {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    display: block
}

body ms-navigation .scroll-adapter,
body ms-sub-navigation .scroll-adapter {
    max-width: 1920px;
    margin: 0 auto
}

body .content-messages-top .content-message-container,
body .content-messages-header-top .content-message-container {
    background: #000
}

body .content-messages-top .content-message-container .content-message:not(.cookie-consent-message),
body .content-messages-header-top .content-message-container .content-message:not(.cookie-consent-message) {
    max-width: 100vw;
    margin: 0 auto
}

#main-content vn-footer footer,
#main-content vn-responsive-footer footer {
    margin-top: 1rem;
    box-shadow: 0 1px 3px 1px #0003
}

.card-content #main-content vn-footer footer,
.card-content #main-content vn-responsive-footer footer {
    border-radius: .25rem;
    overflow: hidden
}

#main-content vn-footer .pc-richtext,
#main-content vn-responsive-footer .pc-richtext {
    box-shadow: none;
    font-size: inherit;
    background: 0 0;
    border-radius: 0;
    margin: 0;
    padding: 0
}

#login a:link {
    text-decoration: underline
}

main {
    overflow: initial
}

vn-footer>footer>.legal-area {
    height: 295px
}

html.betslip-bar-visible vn-footer .footer-wrapper {
    padding-bottom: 3.875rem
}

.cdk-overlay-container popper-content {
    pointer-events: all
}

html.product-sports .cdk-overlay-container {
    z-index: 1051
}

html.product-sports.quick-bet-visible:has(.event-details-modal) .cdk-overlay-container:has(.reward-tokens-dialog) {
    z-index: 1052
}

.menu-item .theme-mybets .badge.theme-spot-filled {
    font-size: 0
}

ms-content-box .content-box .pc-toggle>.pc-toggle-label {
    border-bottom: 0;
    display: inline-block
}

ms-content-box .content-box .pc-toggle>.pc-toggle-checker:checked~.pc-toggle-txt {
    border-bottom: 0;
    padding-left: 0;
    padding-bottom: 10px !important
}

ms-content-box .content-box .pc-toggle>.pc-toggle-checker:checked+.pc-toggle-label {
    padding-bottom: 9px
}

ms-loading-indicator>div {
    position: absolute !important
}

.video-stream-button {
    --stream-button-bg: #9a22d299
}

.video-stream {
    text-align: center;
    display: flex
}

@media (max-width:599.98px) {
    .video-stream {
        display: block
    }
}

.video-stream video {
    margin: auto;
    display: block;
    position: relative
}

.video-stream video .loading {
    position: absolute
}

.video-stream iframe {
    height: 100px;
    transition: height .5s
}

.video-stream video::-webkit-media-controls {
    opacity: 0;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: -9999px;
    display: none !important
}

.video-stream video::-webkit-media-controls-enclosure {
    opacity: 0;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: -9999px;
    display: none !important
}

.video-stream .video-custom-controls {
    z-index: 9999;
    position: absolute
}

.video-stream .video-custom-controls:-webkit-full-screen {
    position: fixed
}

.video-stream .video-custom-controls:fullscreen {
    position: fixed
}

.video-stream .video-container {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: auto;
    display: flex;
    position: relative
}

.video-stream .video-container .video-frame {
    width: 100%;
    height: 100%
}

.video-stream .video-container .video-stream-fail {
    z-index: 1;
    text-align: center;
    background-color: #ffffff14;
    margin: 0 auto;
    left: 0;
    right: 0
}

.video-stream .video-container .video-stream-fail.playing {
    background-color: #0000
}

.video-stream .video-container .video-stream-fail span {
    vertical-align: middle;
    line-height: normal;
    display: inline-block
}

.video-stream .video-container .not-started {
    color: #d6d6d6;
    background-color: #0003;
    font-size: .75em;
    line-height: 2.5em;
    position: absolute
}

.video-stream .video-container:hover .video-custom-controls,
.video-stream .video-container:active .video-custom-controls {
    opacity: .85;
    transition: all .5s
}

.video-stream .video-container .video-custom-controls {
    z-index: 2;
    opacity: 0;
    background-color: #333333d9;
    justify-content: space-between;
    width: 100%;
    height: 2.5em;
    padding: .75em;
    transition: all .5s 3s;
    display: flex;
    position: absolute;
    bottom: 0;
    box-shadow: 1px 2px 4px #33333380
}

.video-stream .video-container .video-custom-controls .left-controls .mute-unmute {
    margin-right: .9375em
}

.video-stream .video-container .video-custom-controls .right-controls .media-expander__video-playing {
    cursor: pointer
}

.video-stream .video-container .video-custom-controls .play-pause,
:is(.video-stream .video-container .video-custom-controls :has(.theme-fullscreen) .theme-pin-pinned, .video-stream .video-container .video-custom-controls :has(.theme-fullscreen) .theme-pin-unpinned) {
    margin-right: 1.5625em
}

.video-stream .video-container .video-custom-controls .theme-play-solid {
    cursor: pointer;
    height: 1em
}

.video-stream .video-container .video-custom-controls .paused-icon {
    box-sizing: border-box;
    cursor: pointer;
    transition: all .1s
}

.video-stream .video-container .video-custom-controls .theme-fullscreen:before,
.video-stream .video-container .video-custom-controls .theme-fullscreen-exit:before {
    transform: scale(1.4)
}

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

    .video-stream .video-container .video-custom-controls .volume-bar-progress,
    .video-stream .video-container .video-custom-controls .volume-bar-load,
    .video-stream .video-container .video-custom-controls #volume-bar {
        display: none
    }
}

.video-stream .video-container .video-custom-controls #volume-bar {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    background: 0 0;
    border: 0;
    border-radius: .125em;
    outline: none;
    width: 120px;
    height: .25em;
    min-height: .75em;
    margin: auto;
    position: relative;
    overflow: hidden
}

.video-stream .video-container .video-custom-controls #volume-bar:focus {
    box-shadow: none;
    outline: none
}

.video-stream .video-container .video-custom-controls #volume-bar::-webkit-slider-runnable-track {
    pointer-events: none;
    background: #fff;
    border-color: #7a7a7acc;
    border-radius: .125em;
    height: .25em
}

.video-stream .video-container .video-custom-controls #volume-bar::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: 0 solid #777;
    border-radius: 50%;
    width: .75em;
    height: .75em;
    margin-top: -.24375em;
    box-shadow: .3125em 0 0 -.25625em #7a7a7acc, 6px 0 0 -.25625em #7a7a7acc, 7px 0 0 -.25625em #7a7a7acc, 8px 0 0 -.25625em #7a7a7acc, 9px 0 0 -.25625em #7a7a7acc, 10px 0 0 -.25625em #7a7a7acc, 11px 0 0 -.25625em #7a7a7acc, 12px 0 0 -.25625em #7a7a7acc, 13px 0 0 -.25625em #7a7a7acc, 14px 0 0 -.25625em #7a7a7acc, 15px 0 0 -.25625em #7a7a7acc, 16px 0 0 -.25625em #7a7a7acc, 17px 0 0 -.25625em #7a7a7acc, 18px 0 0 -.25625em #7a7a7acc, 19px 0 0 -.25625em #7a7a7acc, 20px 0 0 -.25625em #7a7a7acc, 21px 0 0 -.25625em #7a7a7acc, 22px 0 0 -.25625em #7a7a7acc, 23px 0 0 -.25625em #7a7a7acc, 24px 0 0 -.25625em #7a7a7acc, 25px 0 0 -.25625em #7a7a7acc, 26px 0 0 -.25625em #7a7a7acc, 27px 0 0 -.25625em #7a7a7acc, 28px 0 0 -.25625em #7a7a7acc, 29px 0 0 -.25625em #7a7a7acc, 30px 0 0 -.25625em #7a7a7acc, 31px 0 0 -.25625em #7a7a7acc, 32px 0 0 -.25625em #7a7a7acc, 33px 0 0 -.25625em #7a7a7acc, 34px 0 0 -.25625em #7a7a7acc, 35px 0 0 -.25625em #7a7a7acc, 36px 0 0 -.25625em #7a7a7acc, 37px 0 0 -.25625em #7a7a7acc, 38px 0 0 -.25625em #7a7a7acc, 39px 0 0 -.25625em #7a7a7acc, 40px 0 0 -.25625em #7a7a7acc, 41px 0 0 -.25625em #7a7a7acc, 42px 0 0 -.25625em #7a7a7acc, 43px 0 0 -.25625em #7a7a7acc, 44px 0 0 -.25625em #7a7a7acc, 45px 0 0 -.25625em #7a7a7acc, 46px 0 0 -.25625em #7a7a7acc, 47px 0 0 -.25625em #7a7a7acc, 48px 0 0 -.25625em #7a7a7acc, 49px 0 0 -.25625em #7a7a7acc, 50px 0 0 -.25625em #7a7a7acc, 51px 0 0 -.25625em #7a7a7acc, 52px 0 0 -.25625em #7a7a7acc, 53px 0 0 -.25625em #7a7a7acc, 54px 0 0 -.25625em #7a7a7acc, 55px 0 0 -.25625em #7a7a7acc, 56px 0 0 -.25625em #7a7a7acc, 57px 0 0 -.25625em #7a7a7acc, 58px 0 0 -.25625em #7a7a7acc, 59px 0 0 -.25625em #7a7a7acc, 60px 0 0 -.25625em #7a7a7acc, 61px 0 0 -.25625em #7a7a7acc, 62px 0 0 -.25625em #7a7a7acc, 63px 0 0 -.25625em #7a7a7acc, 64px 0 0 -.25625em #7a7a7acc, 65px 0 0 -.25625em #7a7a7acc, 66px 0 0 -.25625em #7a7a7acc, 67px 0 0 -.25625em #7a7a7acc, 68px 0 0 -.25625em #7a7a7acc, 69px 0 0 -.25625em #7a7a7acc, 70px 0 0 -.25625em #7a7a7acc, 71px 0 0 -.25625em #7a7a7acc, 72px 0 0 -.25625em #7a7a7acc, 73px 0 0 -.25625em #7a7a7acc, 74px 0 0 -.25625em #7a7a7acc, 75px 0 0 -.25625em #7a7a7acc, 76px 0 0 -.25625em #7a7a7acc, 77px 0 0 -.25625em #7a7a7acc, 78px 0 0 -.25625em #7a7a7acc, 79px 0 0 -.25625em #7a7a7acc, 80px 0 0 -.25625em #7a7a7acc, 81px 0 0 -.25625em #7a7a7acc, 82px 0 0 -.25625em #7a7a7acc, 83px 0 0 -.25625em #7a7a7acc, 84px 0 0 -.25625em #7a7a7acc, 85px 0 0 -.25625em #7a7a7acc, 86px 0 0 -.25625em #7a7a7acc, 87px 0 0 -.25625em #7a7a7acc, 88px 0 0 -.25625em #7a7a7acc, 89px 0 0 -.25625em #7a7a7acc, 90px 0 0 -.25625em #7a7a7acc, 91px 0 0 -.25625em #7a7a7acc, 92px 0 0 -.25625em #7a7a7acc, 93px 0 0 -.25625em #7a7a7acc, 94px 0 0 -.25625em #7a7a7acc, 95px 0 0 -.25625em #7a7a7acc, 96px 0 0 -.25625em #7a7a7acc, 97px 0 0 -.25625em #7a7a7acc, 98px 0 0 -.25625em #7a7a7acc, 99px 0 0 -.25625em #7a7a7acc, 100px 0 0 -.25625em #7a7a7acc, 101px 0 0 -.25625em #7a7a7acc, 102px 0 0 -.25625em #7a7a7acc, 103px 0 0 -.25625em #7a7a7acc, 104px 0 0 -.25625em #7a7a7acc, 105px 0 0 -.25625em #7a7a7acc, 106px 0 0 -.25625em #7a7a7acc, 107px 0 0 -.25625em #7a7a7acc, 108px 0 0 -.25625em #7a7a7acc, 109px 0 0 -.25625em #7a7a7acc, 110px 0 0 -.25625em #7a7a7acc, 111px 0 0 -.25625em #7a7a7acc, 112px 0 0 -.25625em #7a7a7acc, 113px 0 0 -.25625em #7a7a7acc, 114px 0 0 -.25625em #7a7a7acc, 115px 0 0 -.25625em #7a7a7acc, 116px 0 0 -.25625em #7a7a7acc, 117px 0 0 -.25625em #7a7a7acc, 118px 0 0 -.25625em #7a7a7acc, 119px 0 0 -.25625em #7a7a7acc, 120px 0 0 -.25625em #7a7a7acc
}

.video-stream .video-container .video-custom-controls #volume-bar::-moz-range-track {
    border-color: #7a7a7acc;
    border-radius: .125em;
    width: 120px;
    height: .25em
}

.video-stream .video-container .video-custom-controls #volume-bar::-moz-range-thumb {
    background: #fff;
    border: 0 solid #777;
    border-radius: 50%;
    width: .75em;
    height: .75em;
    position: relative
}

.video-stream .video-container .video-custom-controls #volume-bar::-moz-range-progress {
    background: #fff;
    border: 0;
    border-radius: .125em;
    height: .25em;
    margin-top: 0
}

.video-stream .video-container .video-custom-controls #volume-bar::-ms-track {
    color: #0000;
    background: 0 0;
    border: 0 #0000;
    border-radius: .125em;
    width: 120px;
    height: .25em
}

.video-stream .video-container .video-custom-controls #volume-bar::-ms-thumb {
    background: #fff;
    border: 0 solid #777;
    border-radius: 50%;
    width: .75em;
    height: .75em
}

.video-stream .video-container .video-custom-controls #volume-bar::-ms-fill-lower {
    background: #7a7a7acc;
    border-radius: 0
}

.video-stream .video-container .video-custom-controls #volume-bar::-ms-fill-upper {
    background: #7a7a7acc;
    border-radius: 0
}

.video-stream .video-container .video-custom-controls #volume-bar::-ms-tooltip {
    display: none
}

.video-stream .video-container .video-custom-controls .theme-sound-mute,
.video-stream .video-container .video-custom-controls .theme-sound-loud {
    color: #fff;
    opacity: 1;
    border-radius: .2em .2em 0 0;
    width: 2em;
    height: 2em;
    transition: opacity .5s ease-in-out !important
}

.video-stream .video-container .sports-video-badge-b {
    margin: 0 auto;
    font-size: 2.625em;
    display: inline-block;
    position: relative
}

.video-stream .video-container .stream {
    width: 100%;
    height: 100%
}

.video-stream .video-alert-message {
    flex-direction: column;
    place-content: center;
    align-items: center;
    font-size: 1em;
    display: flex
}

.video-stream .video-alert-message .message {
    color: #fff;
    font-size: .875em
}

.video-stream .video-alert-message .login p {
    font-size: 1em
}

.video-stream .video-alert-message .login:hover {
    cursor: pointer
}

.video-stream .video-stream-messages {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 189px;
    display: flex
}

#mediaContainer .video-stream .video-stream-messages {
    height: 197px
}

.mini-games-column {
    color: #fff;
    margin-top: 1em;
    margin-bottom: 1em;
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .mini-games-column {
    border-radius: .25rem;
    overflow: hidden
}

.mini-games-column .options-panel {
    color: #333;
    background: #fff;
    display: flex
}

.mini-games-column .options-panel .mini-games-header {
    flex: 100%;
    min-width: 0;
    height: 2.5rem;
    padding: .75rem;
    font-weight: 700;
    display: flex
}

.mini-games-column .options-panel .expansion-panel {
    width: 2.25em;
    display: flex
}

.mini-games-column .options-panel .expansion-panel .toggle-arrow {
    cursor: pointer
}

.mini-games-column .options-panel .expansion-panel .toggle-arrow span {
    transform-origin: 50%;
    transition: transform .5s
}

.mini-games-column .options-panel .expansion-panel .toggle-arrow .theme-up {
    margin-top: .58em;
    margin-left: .625em;
    display: block
}

@media (hover:hover) and (pointer:fine) {
    .mini-games-column .options-panel .expansion-panel .toggle-arrow .theme-up:hover:before {
        background-color: #adadad1f;
        border-radius: 50%
    }
}

.mini-games-column .options-panel .expansion-panel.collapsed .theme-up {
    transform: rotate(-180deg)
}

.mini-games-column .content-container {
    padding-top: calc(75% + 42px);
    position: relative !important
}

.content-right-xl .mini-games-column .content-container {
    padding-top: calc(60% + 42px)
}

.mini-games-column .content-container.content-open {
    padding-top: 599px
}

.content-right-lg .mini-games-column .content-container.content-open {
    padding-top: 396px
}

.content-right-xl .mini-games-column .content-container.content-open {
    padding-top: 459px
}

@media (min-width:1920px) {
    .mini-games-column .content-container.content-open {
        padding-top: 631px
    }
}

.mini-games-column .content-container .mini-games-iframe {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0
}

.perform-v2-iframe-container {
    --perform-v2-height: 189px
}

.content-right-lg .event-details-column .event-animation .sports-animation,
.content-right-xl .event-details-column .event-animation .sports-animation {
    width: 422px;
    max-width: 422px;
    height: 180px
}

.content-right-lg .event-details-column .event-animation .sports-animation gvc-basket-ball,
.content-right-lg .event-details-column .event-animation .sports-animation gvc-basket-ball #basketball-animation,
.content-right-lg .event-details-column .event-animation .sports-animation gvc-ice-hockey,
.content-right-lg .event-details-column .event-animation .sports-animation gvc-ice-hockey #icehockey-animation,
.content-right-xl .event-details-column .event-animation .sports-animation gvc-basket-ball,
.content-right-xl .event-details-column .event-animation .sports-animation gvc-basket-ball #basketball-animation,
.content-right-xl .event-details-column .event-animation .sports-animation gvc-ice-hockey,
.content-right-xl .event-details-column .event-animation .sports-animation gvc-ice-hockey #icehockey-animation {
    width: 422px;
    max-width: 422px;
    height: 180px;
    max-height: 180px
}

.event-details-column {
    color: #fff;
    background: 0 0;
    margin-bottom: 1em;
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .event-details-column {
    border-radius: .25rem;
    overflow: visible
}

.card-content .event-details-column>:first-child {
    border-radius: .25rem .25rem 0 0;
    overflow: hidden
}

.card-content .event-details-column>:last-child {
    border-bottom: 0;
    position: relative
}

.event-details-column .stats-column div.black,
.event-details-column .stats-column div.black-solid,
.event-details-column .content-container div.black,
.event-details-column .content-container div.black-solid {
    background-color: #000
}

.event-details-column .stats-column div.black,
.event-details-column .content-container div.black {
    background-image: radial-gradient(20em 8em at 50% 0, #333, #0000 60%), radial-gradient(20em 8em at 50% 100%, #325074, #0000 60%)
}

.event-details-column .stats-column div.brown,
.event-details-column .stats-column div.brown-solid,
.event-details-column .content-container div.brown,
.event-details-column .content-container div.brown-solid {
    background: #782000
}

.event-details-column .stats-column div.brown,
.event-details-column .content-container div.brown {
    background-image: radial-gradient(115px at top, #ad4a26, #782000)
}

.event-details-column .stats-column div.green,
.event-details-column .stats-column div.green-solid,
.event-details-column .content-container div.green,
.event-details-column .content-container div.green-solid {
    background: #347320
}

.event-details-column .stats-column div.green,
.event-details-column .content-container div.green {
    background-image: radial-gradient(115px at top, #7aab63, #347320)
}

.event-details-column .stats-column div.umber,
.event-details-column .stats-column div.umber-solid,
.event-details-column .content-container div.umber,
.event-details-column .content-container div.umber-solid {
    background: #704300
}

.event-details-column .stats-column div.umber,
.event-details-column .content-container div.umber {
    background-image: radial-gradient(115px at top, #a67324, #704300)
}

.event-details-column .stats-column div.gray,
.event-details-column .stats-column div.gray-solid,
.event-details-column .content-container div.gray,
.event-details-column .content-container div.gray-solid {
    background: #5d6971
}

.event-details-column .stats-column div.gray,
.event-details-column .content-container div.gray {
    background-image: radial-gradient(115px at top, #9eb4c8, #5d6971)
}

.event-details-column .stats-column div.grass,
.event-details-column .stats-column div.grass-solid,
.event-details-column .content-container div.grass,
.event-details-column .content-container div.grass-solid {
    background: #264d00
}

.event-details-column .stats-column div.grass,
.event-details-column .content-container div.grass {
    background-image: radial-gradient(115px at top, #397300, #264d00)
}

.event-details-column .stats-column div.waterblue,
.event-details-column .stats-column div.waterblue-solid,
.event-details-column .content-container div.waterblue,
.event-details-column .content-container div.waterblue-solid {
    background: #214780
}

.event-details-column .stats-column div.waterblue,
.event-details-column .content-container div.waterblue {
    background-image: radial-gradient(115px at top, #3879d9, #214780)
}

.event-details-column .stats-column div.road,
.event-details-column .stats-column div.road-solid,
.event-details-column .content-container div.road,
.event-details-column .content-container div.road-solid {
    background: #3a3a3a
}

.event-details-column .stats-column div.road,
.event-details-column .content-container div.road {
    background-image: radial-gradient(115px at top, #6b6b6b, #3a3a3a)
}

.event-details-column .stats-column div.generic,
.event-details-column .stats-column div.generic-solid,
.event-details-column .content-container div.generic,
.event-details-column .content-container div.generic-solid {
    background: #093841
}

.event-details-column .stats-column div.generic,
.event-details-column .content-container div.generic {
    background-image: radial-gradient(115px at top, #2b5266, #093841)
}

.event-details-column .stats-column div.purple,
.event-details-column .stats-column div.purple-solid,
.event-details-column .content-container div.purple,
.event-details-column .content-container div.purple-solid {
    background: #42004d
}

.event-details-column .stats-column div.purple,
.event-details-column .content-container div.purple {
    background-image: radial-gradient(115px at top, #090073, #42004d)
}

.event-details-column .stats-column .media-expander,
.event-details-column .content-container .media-expander {
    cursor: pointer;
    float: right;
    opacity: 0;
    z-index: 1000;
    background-color: #00000080;
    margin-top: -2.5em;
    padding: 12px 12px 8px 13px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 4px 0 !important
}

.event-details-column .stats-column .media-expander .media-fullscreen,
.event-details-column .content-container .media-expander .media-fullscreen {
    color: #fff
}

.event-details-column .stats-column .media-expander:not(.media-expander--mobile-expand),
.event-details-column .content-container .media-expander:not(.media-expander--mobile-expand) {
    transition: opacity .5s ease-in !important
}

.event-details-column .stats-column .media-expander--visible,
.event-details-column .content-container .media-expander--visible {
    opacity: .5
}

.event-details-column .stats-column .media-expander--mobile-expand,
.event-details-column .content-container .media-expander--mobile-expand,
.event-details-column .stats-column:hover .media-expander:not(.media-expander--visible),
.event-details-column .content-container:hover .media-expander:not(.media-expander--visible) {
    opacity: 1
}

.event-details-column .stats-column:hover .event-selector-container:hover~.media-expander:not(.media-expander--visible),
.event-details-column .content-container:hover .event-selector-container:hover~.media-expander:not(.media-expander--visible) {
    opacity: 0
}

.event-details-column .stats-column {
    color: #fff;
    background-color: #000;
    background-image: radial-gradient(20em 8em at 50% 0, #333, #0000 60%), radial-gradient(20em 8em at 50% 100%, #333, #0000 75%);
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

.event-details-column .stats-column .expansion-panel {
    justify-content: center;
    width: 100%;
    margin-bottom: -.5em;
    display: flex
}

.event-details-column .stats-column .expansion-panel .toggle-arrow {
    color: #191919;
    background: #d6d6d6;
    border-radius: .2em .2em 0 0;
    justify-content: center;
    width: 2.75em;
    height: 1.75em;
    display: flex
}

.event-details-column .stats-column .expansion-panel .toggle-arrow span {
    transform-origin: 50%;
    transition: transform .5s
}

.event-details-column .stats-column .expansion-panel .toggle-arrow .theme-up {
    margin-top: .25em;
    margin-left: 0;
    display: block
}

.event-details-column .stats-column .expansion-panel.collapsed .theme-up {
    transform: rotate(-180deg)
}

.event-details-column .stats-column.collapsed ms-event-statistics {
    max-height: 14em;
    display: block
}

.event-details-column .content-container {
    background-color: #fff;
    border-radius: 0 0 .25rem .25rem
}

.event-details-column .content-container .video-stream .video-stream-controls,
.event-details-column .content-container .video-stream .video-stream-fail {
    top: auto
}

.event-details-column .content-container>:last-child {
    border-radius: 0 0 .25rem .25rem;
    overflow: hidden
}

.event-details-column .event-animation {
    width: 100%;
    max-width: none;
    max-height: none;
    margin: 0 auto;
    display: block;
    height: auto !important
}

.event-details-column .event-animation .betradar-visualization-container .sr-bb {
    font-family: inherit
}

.event-details-column .event-animation .betradar-visualization-container .sr-bb .sr-lmt-plus__footer-wrapper {
    display: none
}

.event-details-column .event-animation .betradar-visualization-container .sr-bb .sr-lmt-plus-tabs__wrapper-inner .srm-is-btm {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.event-details-column .event-animation .betradar-visualization-container .lmtSticky {
    display: none
}

.event-details-column .event-animation .betradar-visualization-container.show-LMT-sticky .lmtSticky {
    display: block
}

.event-details-column .event-animation .betradar-visualization-container.show-LMT-sticky .lmtPlus-mobile,
.event-details-column .event-animation .betradar-visualization-container.show-LMT-sticky .lmtPlus-desktop {
    display: none
}

.event-details-column .event-animation .betradar-visualization-container .sr-lmt-basketball-pitch__pitch-side-area,
.event-details-column .event-animation .betradar-visualization-container .sr-lmt-badminton-pitch__pitch-color,
.event-details-column .event-animation .betradar-visualization-container .sr-lmt-hockey-pitch__pitch-color {
    background-color: #d6d6d6
}

.event-details-column .event-animation .betradar-visualization-container .sr-lmt-plus-tabs__tab-icon {
    fill: #333
}

.event-details-column .event-animation.animation-alert-message {
    height: 197px !important
}

.event-details-column .event-animation.betradar-animation {
    max-width: none;
    height: auto;
    min-width: none;
    max-height: unset
}

.event-details-column .event-animation~.scoreboard-message-list .message-last,
.event-details-column .event-animation~.scoreboard-message-list .message-empty {
    background: 0 0
}

.event-details-column .event-animation .event-description-container {
    justify-content: center;
    display: flex
}

ms-media .event-details-column .event-animation .event-description-container {
    display: none
}

.event-details-column .event-animation .event-description-container .event-description {
    text-overflow: ellipsis;
    white-space: nowrap;
    align-self: center;
    padding-top: 12px;
    padding-bottom: 0;
    font-size: 11px;
    display: none;
    overflow: hidden
}

.event-details-column.animation-height {
    justify-content: center;
    display: flex
}

.event-details-column .event-animation .tennis-animation {
    height: 0;
    max-height: unset;
    width: 100%;
    max-width: unset;
    transform-origin: 0 100%;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden;
    transform: scaleX(.94);
    width: 107% !important
}

.event-details-column .event-animation .tennis-animation #tennis-animation {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.event-details-column .event-animation .img-arena-event-centre {
    height: 0;
    max-height: unset;
    width: 100%;
    max-width: unset;
    transform-origin: 0 100%;
    padding-top: 81.8182%;
    position: relative;
    overflow: hidden;
    transform: scaleX(.94);
    width: 107% !important
}

.event-details-column .event-animation .img-arena-event-centre #img-arena-event-centre {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.event-details-column .match-simulation {
    height: 0;
    max-height: unset;
    width: 100%;
    max-width: unset;
    transform-origin: 0 100%;
    padding-top: 64.5%;
    position: relative;
    overflow: hidden;
    transform: scaleX(.94);
    width: 107% !important
}

.event-details-column .match-simulation iframe {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.event-details-column .match-simulation {
    text-align: center;
    display: block;
    transform: scaleX(.91);
    width: 110% !important
}

.event-details-column .event-animation .sports-animation {
    width: 320px;
    max-width: 320px;
    height: 180px;
    overflow: hidden
}

.event-details-column .event-animation .sports-animation gvc-basket-ball,
.event-details-column .event-animation .sports-animation gvc-basket-ball #basketball-animation,
.event-details-column .event-animation .sports-animation gvc-ice-hockey,
.event-details-column .event-animation .sports-animation gvc-ice-hockey #icehockey-animation {
    width: 320px;
    max-width: 320px;
    height: 180px;
    max-height: 180px
}

.event-details-column .options-panel {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    display: flex
}

.event-details-column .options-panel.collapsed {
    border-radius: .25rem
}

.event-details-column .options-panel .media-header {
    color: #333;
    flex: 100%;
    min-width: 0;
    height: 2.5rem;
    padding: .75rem;
    font-weight: 700;
    display: flex
}

.event-details-column .options-panel .theme-pin-pinned {
    font-size: .6em;
    position: absolute;
    bottom: .8em;
    left: .55em;
    transform: rotate(-45deg)
}

.event-details-column .options-panel .expansion-panel {
    flex-shrink: 0;
    width: 2.25em;
    display: flex
}

.event-details-column .options-panel .expansion-panel .expansion-panel-divider {
    background-color: #d6d6d6;
    width: 1px;
    height: 1.75em;
    margin-top: .375em
}

.event-details-column .options-panel .expansion-panel .toggle-arrow {
    color: #333;
    cursor: pointer
}

.event-details-column .options-panel .expansion-panel .toggle-arrow span {
    transform-origin: 50%;
    transition: transform .5s
}

.event-details-column .options-panel .expansion-panel .toggle-arrow .theme-up {
    margin-top: 6.3px;
    margin-left: 7px;
    display: block
}

.event-details-column .options-panel .expansion-panel .toggle-arrow .theme-up:before {
    padding: 3px
}

@media (hover:hover) and (pointer:fine) {
    .event-details-column .options-panel .expansion-panel .toggle-arrow .theme-up:hover:before {
        background-color: #adadad1f;
        border-radius: 50%
    }
}

.event-details-column .options-panel .expansion-panel.collapsed .theme-up {
    transform: rotate(-180deg)
}

.event-details-column .video-pin {
    color: #707070;
    justify-content: center;
    align-items: center;
    width: 1.9em;
    margin-left: 4.56px;
    font-size: 1em;
    display: flex;
    position: relative
}

.event-details-column .video-pin:not(.disabled) {
    cursor: pointer
}

.event-details-column .video-pin .pin-icon {
    margin-bottom: .1px;
    margin-right: 7px
}

.event-details-column .video-pin .pin-icon svg {
    transform: rotate(-90deg)
}

@media (hover:hover) and (pointer:fine) {
    .event-details-column .video-pin:not(.disabled) .pin-icon:hover {
        background-color: #adadad1f;
        border-radius: 50%
    }
}

.event-details-column .video-pin.pinned {
    color: #333
}

.event-details-column .video-pin.pinned .pin-icon {
    margin-right: 2px
}

.event-details-column .video-pin.pinned svg {
    transform: rotate(269deg)
}

.event-details-column .video-pin.disabled {
    color: #d6d6d6
}

.event-details-column .empty-media {
    touch-action: pan-y;
    color: #333;
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    border-radius: 0 0 .25rem .25rem;
    place-content: center;
    padding: 1em;
    font-size: 14px;
    display: flex
}

.event-details-column .empty-media i[class*=theme-] {
    font-size: 12px;
    top: 20%;
    transform: translateY(20%)
}

.event-details-column .empty-media ms-dynamic-icon span {
    margin: 0
}

.event-details-column .empty-media ms-dynamic-icon span .icon-container {
    padding: 0 3px;
    font-size: 16px;
    position: relative;
    top: 2px
}

.event-details-column .event-selector-container {
    background-color: #fff;
    width: 100%;
    padding: .375rem 0 .375rem .75rem;
    display: flex;
    position: relative
}

.event-details-column .event-selector-container .dropcontentavailable {
    cursor: pointer
}

@media (hover:hover) and (pointer:fine) {
    .event-details-column .event-selector-container .content .option:hover {
        background: #adadad1f
    }
}

.event-details-column .event-selector {
    width: 100%
}

.event-details-column .unpin-info {
    z-index: 10001;
    color: #fff;
    background-color: #1283e0;
    border-radius: .4em;
    max-width: 440px;
    padding: 1.1em 1em;
    font-size: .875rem;
    position: absolute;
    top: -.2em;
    right: 2.4em;
    box-shadow: 0 2px 5px #0003
}

.event-details-column .unpin-info-message-close {
    float: right;
    margin: 0 0 0 1em;
    font-size: .8em;
    line-height: 1.7em
}

.event-details-column .unpin-info-message-arrow {
    background-color: #1283e0;
    width: .8em;
    height: .8em;
    display: inline-block;
    position: absolute;
    top: 1.25em;
    right: -.3em;
    transform: rotate(45deg)
}

.event-details-column .loading.loading.loading {
    overflow: hidden
}

.event-details-column .prematch-collapsed {
    border-radius: 0 0 .25em .25em;
    min-height: 11.25em;
    max-height: 11.25em
}

.event-details-column .media-container {
    background-image: radial-gradient(115px at top, #333, #333)
}

.event-details-column .video-container:has(.video-stream-button) {
    display: flex
}

.sr-bb {
    text-align: left;
    background: #fff;
    font-family: Roboto, Noto, Helvetica Neue, Helvetica, Arial, sans-serif
}

.sr-bb.sr-rtl {
    text-align: right
}

.sr-bb .sr-bb {
    background: 0 0
}

.sr-bb .srt-base-1 {
    color: #333;
    background-color: #fff;
    border-color: #3333331f
}

.sr-bb .srt-base-1-win {
    color: #adadad;
    background-color: #fff;
    border-color: #adadad
}

.sr-bb .srt-base-1-draw {
    color: #3336;
    background-color: #fff;
    border-color: #3336
}

.sr-bb .srt-base-1-lose {
    color: #fc0;
    background-color: #fff;
    border-color: #fc0
}

.sr-bb .srt-base-1-is-active {
    color: #333;
    background-color: #ffcc001f;
    border-color: #3333331f
}

.sr-bb .srt-base-1-is-active-2 {
    color: #333;
    background-color: #050505;
    border-color: #3333331f
}

.sr-bb .srt-base-1-is-hoverable:hover {
    color: #333;
    background-color: #ffcc001f;
    border-color: #3333331f
}

.sr-bb .srt-base-1-primary {
    color: #fc0;
    background-color: #fff;
    border-color: #fc0
}

.sr-bb .srt-base-1-home-1 {
    color: #adadad;
    background-color: #fff;
    border-color: #adadad
}

.sr-bb .srt-base-1-away-1 {
    color: #fc0;
    background-color: #fff;
    border-color: #fc0
}

.sr-bb .srt-base-1-home-2 {
    color: #adadad;
    background-color: #fff;
    border-color: #a98c15
}

.sr-bb .srt-base-1-away-2 {
    color: #fc0;
    background-color: #fff;
    border-color: #a98c15
}

.sr-bb .srt-base-1-home-3 {
    color: #adadad;
    background-color: #fff;
    border-color: #3333331f
}

.sr-bb .srt-base-1-away-3 {
    color: #fc0;
    background-color: #fff;
    border-color: #3333331f
}

.sr-bb .srt-base-1-home-4 {
    color: #797979;
    background-color: #fff;
    border-color: #797979
}

.sr-bb .srt-base-1-away-4 {
    color: #b38f00;
    background-color: #fff;
    border-color: #b38f00
}

.sr-bb .srt-base-1-home-5 {
    color: #828282;
    background-color: #fff;
    border-color: #828282
}

.sr-bb .srt-base-1-away-5 {
    color: #b89612;
    background-color: #fff;
    border-color: #b89612
}

.sr-bb .srt-base-1-background,
.sr-bb .srt-base-2 {
    color: #333;
    background-color: #fff;
    border-color: #3333331f
}

.sr-bb .srt-base-2-is-active {
    color: #333;
    background-color: #ffeb99;
    border-color: #3333331f
}

.sr-bb .srt-base-2-is-hoverable:hover,
.sr-bb .srt-base-3 {
    color: #333;
    background-color: #1f1800;
    border-color: #3333331f
}

.sr-bb .srt-base-3-is-active,
.sr-bb .srt-base-3-is-hoverable:hover {
    color: #333;
    background-color: #2b2300;
    border-color: #3333331f
}

.sr-bb .srt-base-3-background {
    color: #333;
    background-color: #fff;
    border-color: #3333331f
}

.sr-bb .srt-base-4 {
    color: #333;
    background-color: #0d0a00;
    border-color: #3333331f
}

.sr-bb .srt-base-5-is-active,
.sr-bb .srt-base-5-is-hoverable:hover {
    color: #333;
    background-color: #423500;
    border-color: #3333331f
}

.sr-bb .srt-base-6 {
    color: #333;
    background-color: #fff;
    border-color: #3333334d
}

.sr-bb .srt-primary-1 {
    color: #000;
    background-color: #fc0;
    border-color: #00000029
}

.sr-bb .srt-primary-1-is-active,
.sr-bb .srt-primary-1-is-hoverable:hover {
    color: #000;
    background-color: #e6b800;
    border-color: #00000029
}

.sr-bb .srt-primary-1-is-disabled {
    color: #000;
    background-color: #cca300;
    border-color: #00000029
}

.sr-bb .srt-primary-2 {
    color: #000;
    background-color: #c29e0f;
    border-color: #00000029
}

.sr-bb .srt-primary-3 {
    color: #000;
    background-color: #e6b800;
    border-color: #00000029
}

.sr-bb .srt-primary-4,
.sr-bb .srt-primary-5 {
    color: #000;
    background-color: #997a00;
    border-color: #00000029
}

.sr-bb .srt-primary-5-is-hoverable:hover {
    color: #000;
    background-color: #fc0;
    border-color: #00000029
}

.sr-bb .srt-primary-6 {
    color: #000;
    background-color: #a98c15;
    border-color: #00000029
}

.sr-bb .srt-primary-7,
.sr-bb .srt-primary-8 {
    color: #000;
    background-color: #fc0;
    border-color: #00000029
}

.sr-bb .srt-primary-8-is-active-1 {
    color: #000;
    background-color: #e6b800;
    border-color: #00000029
}

.sr-bb .srt-primary-8-is-active-2 {
    color: #000;
    background-color: #e6b800;
    border-color: #000
}

.sr-bb .srt-primary-9 {
    color: #333;
    background-color: #4d3d00;
    border-color: #3333331f
}

.sr-bb .srt-primary-10 {
    color: #000;
    background-color: #cca300;
    border-color: #00000029
}

.sr-bb .srt-primary-11 {
    color: #000;
    background-color: #e6b800;
    border-color: #00000029
}

.sr-bb .srt-primary-12 {
    color: #000;
    background-color: #fc0;
    border-color: #000
}

.sr-bb .srt-primary-13 {
    color: #000;
    background-color: #0d0a00;
    border-color: #ffcc004d
}

.sr-bb .srt-base-1-primary-1 {
    color: #fc0;
    background-color: #fff;
    border-color: #fc0
}

.sr-bb .srt-base-1-primary-2 {
    color: #c29e0f;
    background-color: #fff;
    border-color: #c29e0f
}

.sr-bb .srt-base-1-primary-3 {
    color: #e6b800;
    background-color: #fff;
    border-color: #e6b800
}

.sr-bb .srt-base-1-primary-4,
.sr-bb .srt-base-1-primary-5 {
    color: #997a00;
    background-color: #fff;
    border-color: #997a00
}

.sr-bb .srt-base-1-primary-6 {
    color: #a98c15;
    background-color: #fff;
    border-color: #a98c15
}

.sr-bb .srt-base-1-primary-7,
.sr-bb .srt-base-1-primary-8 {
    color: #fc0;
    background-color: #fff;
    border-color: #fc0
}

.sr-bb .srt-base-1-primary-9 {
    color: #4d3d00;
    background-color: #fff;
    border-color: #4d3d00
}

.sr-bb .srt-base-1-primary-10 {
    color: #cca300;
    background-color: #fff;
    border-color: #cca300
}

.sr-bb .srt-base-1-primary-11 {
    color: #e6b800;
    background-color: #fff;
    border-color: #e6b800
}

.sr-bb .srt-base-1-primary-13 {
    color: #0d0a00;
    background-color: #000;
    border-color: #ffcc004d
}

.sr-bb .srt-base-1-neutral-1 {
    color: #070707;
    background-color: #fff;
    border-color: #070707
}

.sr-bb .srt-base-1-neutral-2 {
    color: #2e2e2e;
    background-color: #fff;
    border-color: #2e2e2e
}

.sr-bb .srt-base-1-neutral-3 {
    color: #3333331f;
    background-color: #fff;
    border-color: #3333331f
}

.sr-bb .srt-base-1-neutral-4 {
    color: #212121;
    background-color: #fff;
    border-color: #212121
}

.sr-bb .srt-base-1-neutral-5 {
    color: #262626;
    background-color: #fff;
    border-color: #262626
}

.sr-bb .srt-base-1-neutral-6 {
    color: #0c0c0c;
    background-color: #fff;
    border-color: #0c0c0c
}

.sr-bb .srt-base-1-neutral-7 {
    color: #212121;
    background-color: #fff;
    border-color: #212121
}

.sr-bb .srt-base-1-neutral-8 {
    color: #070707;
    background-color: #fff;
    border-color: #070707
}

.sr-bb .srt-base-1-neutral-9 {
    color: #030303;
    background-color: #fff;
    border-color: #030303
}

.sr-bb .srt-base-1-neutral-10 {
    color: #e5e5e5;
    background-color: #fff;
    border-color: #e5e5e5
}

.sr-bb .srt-base-1-neutral-11 {
    color: #141414;
    background-color: #fff;
    border-color: #141414
}

.sr-bb .srt-base-1-neutral-12 {
    color: #242424;
    background-color: #fff;
    border-color: #242424
}

.sr-bb .srt-base-1-neutral-13 {
    color: #050505;
    background-color: #fff;
    border-color: #050505
}

.sr-bb .srt-base-1-is-active-primary {
    color: #fc0;
    background-color: #ffcc001f;
    border-color: #fc0
}

.sr-bb .srt-base-1-is-active-home-1 {
    color: #adadad;
    background-color: #ffcc001f;
    border-color: #adadad
}

.sr-bb .srt-base-1-is-active-away-1 {
    color: #fc0;
    background-color: #ffcc001f;
    border-color: #fc0
}

.sr-bb .srt-base-1-is-active-home-2 {
    color: #adadad;
    background-color: #ffcc001f;
    border-color: #a98c15
}

.sr-bb .srt-base-1-is-active-away-2 {
    color: #fc0;
    background-color: #ffcc001f;
    border-color: #a98c15
}

.sr-bb .srt-base-1-is-active-home-3 {
    color: #adadad;
    background-color: #ffcc001f;
    border-color: #3333331f
}

.sr-bb .srt-base-1-is-active-away-3 {
    color: #fc0;
    background-color: #ffcc001f;
    border-color: #3333331f
}

.sr-bb .srt-base-1-is-active-home-4 {
    color: #797979;
    background-color: #ffcc001f;
    border-color: #797979
}

.sr-bb .srt-base-1-is-active-away-4 {
    color: #b38f00;
    background-color: #ffcc001f;
    border-color: #b38f00
}

.sr-bb .srt-base-1-is-active-home-5 {
    color: #828282;
    background-color: #ffcc001f;
    border-color: #828282
}

.sr-bb .srt-base-1-is-active-away-5 {
    color: #b89612;
    background-color: #ffcc001f;
    border-color: #b89612
}

.sr-bb .srt-base-1-is-active-primary-1 {
    color: #fc0;
    background-color: #ffcc001f;
    border-color: #fc0
}

.sr-bb .srt-base-1-is-active-primary-2 {
    color: #c29e0f;
    background-color: #ffcc001f;
    border-color: #c29e0f
}

.sr-bb .srt-base-1-is-active-primary-3 {
    color: #e6b800;
    background-color: #ffcc001f;
    border-color: #e6b800
}

.sr-bb .srt-base-1-is-active-primary-4,
.sr-bb .srt-base-1-is-active-primary-5 {
    color: #997a00;
    background-color: #ffcc001f;
    border-color: #997a00
}

.sr-bb .srt-base-1-is-active-primary-6 {
    color: #a98c15;
    background-color: #ffcc001f;
    border-color: #a98c15
}

.sr-bb .srt-base-1-is-active-primary-7,
.sr-bb .srt-base-1-is-active-primary-8 {
    color: #fc0;
    background-color: #ffcc001f;
    border-color: #fc0
}

.sr-bb .srt-base-1-is-active-primary-9 {
    color: #4d3d00;
    background-color: #ffcc001f;
    border-color: #4d3d00
}

.sr-bb .srt-base-1-is-active-primary-10 {
    color: #cca300;
    background-color: #ffcc001f;
    border-color: #cca300
}

.sr-bb .srt-base-1-is-active-primary-11 {
    color: #e6b800;
    background-color: #ffcc001f;
    border-color: #e6b800
}

.sr-bb .srt-base-1-is-active-neutral-1 {
    color: #070707;
    background-color: #ffcc001f;
    border-color: #070707
}

.sr-bb .srt-base-1-is-active-neutral-2 {
    color: #2e2e2e;
    background-color: #ffcc001f;
    border-color: #2e2e2e
}

.sr-bb .srt-base-1-is-active-neutral-3 {
    color: #3333331f;
    background-color: #ffcc001f;
    border-color: #3333331f
}

.sr-bb .srt-base-1-is-active-neutral-4 {
    color: #212121;
    background-color: #ffcc001f;
    border-color: #212121
}

.sr-bb .srt-base-1-is-active-neutral-5 {
    color: #262626;
    background-color: #ffcc001f;
    border-color: #262626
}

.sr-bb .srt-base-1-is-active-neutral-6 {
    color: #0c0c0c;
    background-color: #ffcc001f;
    border-color: #0c0c0c
}

.sr-bb .srt-base-1-is-active-neutral-7 {
    color: #212121;
    background-color: #ffcc001f;
    border-color: #212121
}

.sr-bb .srt-base-1-is-active-neutral-8 {
    color: #070707;
    background-color: #ffcc001f;
    border-color: #070707
}

.sr-bb .srt-base-1-is-active-neutral-9 {
    color: #030303;
    background-color: #ffcc001f;
    border-color: #030303
}

.sr-bb .srt-base-1-is-active-neutral-10 {
    color: #e5e5e5;
    background-color: #ffcc001f;
    border-color: #e5e5e5
}

.sr-bb .srt-base-1-is-active-neutral-11 {
    color: #141414;
    background-color: #ffcc001f;
    border-color: #141414
}

.sr-bb .srt-base-1-is-active-neutral-12 {
    color: #242424;
    background-color: #ffcc001f;
    border-color: #242424
}

.sr-bb .srt-base-1-is-active-neutral-13 {
    color: #050505;
    background-color: #ffcc001f;
    border-color: #050505
}

.sr-bb .srt-home-1 {
    color: #000;
    background-color: #adadad;
    border-color: #adadad
}

.sr-bb .srt-away-1 {
    color: #000;
    background-color: #fc0;
    border-color: #fc0
}

.sr-bb .srt-home-2 {
    color: #000;
    background-color: #adadad;
    border-color: #a98c15
}

.sr-bb .srt-away-2 {
    color: #000;
    background-color: #fc0;
    border-color: #a98c15
}

.sr-bb .srt-home-3 {
    color: #000;
    background-color: #adadad;
    border-color: #000
}

.sr-bb .srt-away-3 {
    color: #000;
    background-color: #fc0;
    border-color: #000
}

.sr-bb .srt-home-4 {
    color: #000;
    background-color: #797979;
    border-color: #797979
}

.sr-bb .srt-away-4 {
    color: #000;
    background-color: #b38f00;
    border-color: #b38f00
}

.sr-bb .srt-home-5 {
    color: #000;
    background-color: #828282;
    border-color: #828282
}

.sr-bb .srt-away-5 {
    color: #000;
    background-color: #b89612;
    border-color: #b89612
}

.sr-bb .srt-neutral-1 {
    color: #333;
    background-color: #070707;
    border-color: #3333331f
}

.sr-bb .srt-neutral-2 {
    color: #333;
    background-color: #2e2e2e;
    border-color: #00000029
}

.sr-bb .srt-neutral-3 {
    color: #333;
    background-color: #3333331f;
    border-color: #3333331f
}

.sr-bb .srt-neutral-4 {
    color: #333;
    background-color: #212121;
    border-color: #33333329
}

.sr-bb .srt-neutral-5 {
    color: #333;
    background-color: #262626;
    border-color: #33333329
}

.sr-bb .srt-neutral-6 {
    color: #333;
    background-color: #0c0c0c;
    border-color: #3333331f
}

.sr-bb .srt-neutral-7 {
    color: #333;
    background-color: #212121;
    border-color: #33333329
}

.sr-bb .srt-neutral-8 {
    color: #333;
    background-color: #070707;
    border-color: #3333331f
}

.sr-bb .srt-neutral-9 {
    color: #333;
    background-color: #f5f5f5;
    border-color: #3333331f
}

.sr-bb .srt-neutral-10 {
    color: #333333d1;
    background-color: #e5e5e5;
    border-color: #3333331f
}

.sr-bb .srt-neutral-11 {
    color: #333;
    background-color: #141414;
    border-color: #3333331f
}

.sr-bb .srt-neutral-12 {
    color: #333;
    background-color: #242424;
    border-color: #33333329
}

.sr-bb .srt-neutral-13 {
    color: #333;
    background-color: #050505;
    border-color: #3333331f
}

.sr-bb .srt-win {
    color: #000;
    background-color: #adadad;
    border-color: #00000029
}

.sr-bb .srt-draw {
    color: #000;
    background-color: #3336;
    border-color: #00000029
}

.sr-bb .srt-lose {
    color: #000;
    background-color: #fc0;
    border-color: #00000029
}

.sr-bb .srt-text-secondary {
    opacity: .7;
    -webkit-font-smoothing: antialiased
}

.sr-bb .srt-text-disabled {
    opacity: .35
}

.sr-bb .srt-text-tertiary {
    opacity: .54
}

.sr-bb .srt-primary-1 .srt-text-secondary,
.sr-bb .srt-primary-1.srt-text-secondary,
.sr-bb .srt-primary-1-is-active .srt-text-secondary,
.sr-bb .srt-primary-1-is-active.srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled .srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled.srt-text-secondary,
.sr-bb .srt-primary-2 .srt-text-secondary,
.sr-bb .srt-primary-2.srt-text-secondary,
.sr-bb .srt-primary-3 .srt-text-secondary,
.sr-bb .srt-primary-3.srt-text-secondary,
.sr-bb .srt-primary-4 .srt-text-secondary,
.sr-bb .srt-primary-4.srt-text-secondary,
.sr-bb .srt-primary-5 .srt-text-secondary,
.sr-bb .srt-primary-5.srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-6 .srt-text-secondary,
.sr-bb .srt-primary-6.srt-text-secondary,
.sr-bb .srt-primary-7 .srt-text-secondary,
.sr-bb .srt-primary-7.srt-text-secondary,
.sr-bb .srt-primary-8 .srt-text-secondary,
.sr-bb .srt-primary-8.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2.srt-text-secondary,
.sr-bb .srt-primary-9 .srt-text-secondary,
.sr-bb .srt-primary-9.srt-text-secondary,
.sr-bb .srt-primary-10 .srt-text-secondary,
.sr-bb .srt-primary-10.srt-text-secondary,
.sr-bb .srt-primary-11 .srt-text-secondary,
.sr-bb .srt-primary-11.srt-text-secondary,
.sr-bb .srt-primary-12 .srt-text-secondary,
.sr-bb .srt-primary-12.srt-text-secondary,
.sr-bb .srt-primary-13 .srt-text-secondary,
.sr-bb .srt-primary-13.srt-text-secondary {
    opacity: .7;
    -webkit-font-smoothing: antialiased
}

.sr-bb .srt-primary-1 .srt-text-disabled,
.sr-bb .srt-primary-1.srt-text-disabled,
.sr-bb .srt-primary-1-is-active .srt-text-disabled,
.sr-bb .srt-primary-1-is-active.srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled .srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled.srt-text-disabled,
.sr-bb .srt-primary-2 .srt-text-disabled,
.sr-bb .srt-primary-2.srt-text-disabled,
.sr-bb .srt-primary-3 .srt-text-disabled,
.sr-bb .srt-primary-3.srt-text-disabled,
.sr-bb .srt-primary-4 .srt-text-disabled,
.sr-bb .srt-primary-4.srt-text-disabled,
.sr-bb .srt-primary-5 .srt-text-disabled,
.sr-bb .srt-primary-5.srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-6 .srt-text-disabled,
.sr-bb .srt-primary-6.srt-text-disabled,
.sr-bb .srt-primary-7 .srt-text-disabled,
.sr-bb .srt-primary-7.srt-text-disabled,
.sr-bb .srt-primary-8 .srt-text-disabled,
.sr-bb .srt-primary-8.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2.srt-text-disabled,
.sr-bb .srt-primary-9 .srt-text-disabled,
.sr-bb .srt-primary-9.srt-text-disabled,
.sr-bb .srt-primary-10 .srt-text-disabled,
.sr-bb .srt-primary-10.srt-text-disabled,
.sr-bb .srt-primary-11 .srt-text-disabled,
.sr-bb .srt-primary-11.srt-text-disabled,
.sr-bb .srt-primary-12 .srt-text-disabled,
.sr-bb .srt-primary-12.srt-text-disabled,
.sr-bb .srt-primary-13 .srt-text-disabled,
.sr-bb .srt-primary-13.srt-text-disabled {
    opacity: .35
}

.sr-bb .srt-primary-1 .srt-text-tertiary,
.sr-bb .srt-primary-1.srt-text-tertiary,
.sr-bb .srt-primary-1-is-active .srt-text-tertiary,
.sr-bb .srt-primary-1-is-active.srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,
.sr-bb .srt-primary-2 .srt-text-tertiary,
.sr-bb .srt-primary-2.srt-text-tertiary,
.sr-bb .srt-primary-3 .srt-text-tertiary,
.sr-bb .srt-primary-3.srt-text-tertiary,
.sr-bb .srt-primary-4 .srt-text-tertiary,
.sr-bb .srt-primary-4.srt-text-tertiary,
.sr-bb .srt-primary-5 .srt-text-tertiary,
.sr-bb .srt-primary-5.srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-6 .srt-text-tertiary,
.sr-bb .srt-primary-6.srt-text-tertiary,
.sr-bb .srt-primary-7 .srt-text-tertiary,
.sr-bb .srt-primary-7.srt-text-tertiary,
.sr-bb .srt-primary-8 .srt-text-tertiary,
.sr-bb .srt-primary-8.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,
.sr-bb .srt-primary-9 .srt-text-tertiary,
.sr-bb .srt-primary-9.srt-text-tertiary,
.sr-bb .srt-primary-10 .srt-text-tertiary,
.sr-bb .srt-primary-10.srt-text-tertiary,
.sr-bb .srt-primary-11 .srt-text-tertiary,
.sr-bb .srt-primary-11.srt-text-tertiary,
.sr-bb .srt-primary-12 .srt-text-tertiary,
.sr-bb .srt-primary-12.srt-text-tertiary,
.sr-bb .srt-primary-13 .srt-text-tertiary,
.sr-bb .srt-primary-13.srt-text-tertiary {
    opacity: .54
}

.sr-bb .srt-icon {
    opacity: .33
}

.sr-bb .srt-icon-secondary {
    opacity: .7
}

.sr-bb .srt-elevation-1 {
    box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a
}

.sr-bb .srt-elevation-2 {
    box-shadow: 0 3px 6px #0000003b, 0 3px 6px #00000029
}

.sr-bb .srt-elevation-3 {
    box-shadow: 0 6px 6px #00000042, 0 10px 20px #00000030
}

.sr-bb .srt-elevation-center-2 {
    box-shadow: 0 1px 5px #0000003b, 0 1px 5px #00000029
}

.sr-bb .srt-inset-top-1 {
    box-shadow: inset 0 1px 2px #0000003b
}

.sr-bb .srt-inset-bottom-1 {
    box-shadow: inset 0 -1px 2px #0000003b
}

.sr-bb .srt-inset-top-2 {
    box-shadow: inset 0 3px 6px #0000003b
}

.sr-bb .srt-inset-bottom-2 {
    box-shadow: inset 0 -3px 6px #0000003b
}

.sr-bb .srt-inset-top-3 {
    box-shadow: inset 0 6px 6px #0000003b
}

.sr-bb .srt-inset-bottom-3 {
    box-shadow: inset 0 -6px 6px #0000003b
}

.sr-bb .srt-fill-blue-card {
    fill: #2579ad
}

.sr-bb .srt-stroke-blue-card {
    stroke: #2579ad
}

.sr-bb .srt-fill-soccer-yellow-card {
    fill: #fc0
}

.sr-bb .srt-stroke-soccer-yellow-card {
    stroke: #fc0
}

.sr-bb .srt-fill-soccer-red-card {
    fill: #f30000
}

.sr-bb .srt-stroke-soccer-red-card {
    stroke: #f30000
}

.sr-bb .srt-stroke-soccer-substitution-in {
    stroke: #43bd35;
    fill: #0000
}

.sr-bb .srt-fill-soccer-substitution-in {
    fill: #43bd35
}

.sr-bb .srt-stroke-soccer-substitution-out {
    stroke: #f30000;
    fill: #0000
}

.sr-bb .srt-fill-soccer-substitution-out {
    fill: #f30000
}

.sr-bb .srt-stroke-soccer-own-goal {
    stroke: #f30000;
    fill: #0000
}

.sr-bb .srt-fill-soccer-own-goal {
    fill: #f30000
}

.sr-bb .srt-fill-soccer-relegation-1 {
    fill: #fdd835
}

.sr-bb .srt-stroke-soccer-relegation-1 {
    stroke: #fdd835
}

.sr-bb .srt-fill-soccer-relegation-2 {
    fill: #ffb848
}

.sr-bb .srt-stroke-soccer-relegation-2 {
    stroke: #ffb848
}

.sr-bb .srt-fill-soccer-relegation-3 {
    fill: #ef6c00
}

.sr-bb .srt-stroke-soccer-relegation-3 {
    stroke: #ef6c00
}

.sr-bb .srt-fill-soccer-relegation-4 {
    fill: #e93a34
}

.sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #e93a34
}

.sr-bb .srt-fill-soccer-relegation-5 {
    fill: #941d1d
}

.sr-bb .srt-stroke-soccer-relegation-5 {
    stroke: #941d1d
}

.sr-bb .srt-fill-soccer-promotion-1 {
    fill: #51d151
}

.sr-bb .srt-stroke-soccer-promotion-1 {
    stroke: #51d151
}

.sr-bb .srt-fill-soccer-promotion-2 {
    fill: #1b911b
}

.sr-bb .srt-stroke-soccer-promotion-2 {
    stroke: #1b911b
}

.sr-bb .srt-fill-soccer-promotion-3 {
    fill: #0e8094
}

.sr-bb .srt-stroke-soccer-promotion-3 {
    stroke: #0e8094
}

.sr-bb .srt-fill-soccer-promotion-4 {
    fill: #0a6cce
}

.sr-bb .srt-stroke-soccer-promotion-4 {
    stroke: #0a6cce
}

.sr-bb .srt-fill-soccer-promotion-5 {
    fill: #4a9fe4
}

.sr-bb .srt-stroke-soccer-promotion-5 {
    stroke: #4a9fe4
}

.sr-bb .srt-nfl-timeout-1 {
    color: #000;
    background-color: #f5a623;
    border-color: #00000029
}

.sr-bb .srt-nfl-timeout-2 {
    color: #000;
    background-color: #f5a6234d;
    border-color: #00000029
}

.sr-bb .srt-nfl-penalty {
    color: #000;
    background-color: #f4a621;
    border-color: #f4a621
}

.sr-bb .srt-nfl-negative-yards-1,
.sr-bb .srt-nfl-negative-yards-2 {
    color: #000;
    background-color: #ac182e;
    border-color: #ac182e
}

.sr-bb .srt-nfl-first-line {
    color: #000;
    background-color: #4b90de;
    border-color: #4b90de
}

.sr-bb .srt-nfl-ten-line {
    color: #000;
    background-color: #f5a623;
    border-color: #f5a623
}

.sr-bb .srt-fill-nfl-penalty {
    fill: #f4a621
}

.sr-bb .srt-stroke-nfl-penalty {
    stroke: #f4a621
}

.sr-bb .srt-fill-nfl-negative-yards-1 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-1 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-negative-yards-2 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-2 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-first-line {
    fill: #4b90de
}

.sr-bb .srt-stroke-nfl-first-line {
    stroke: #4b90de
}

.sr-bb .srt-fill-nfl-ten-line {
    fill: #f5a623
}

.sr-bb .srt-stroke-nfl-ten-line {
    stroke: #f5a623
}

.sr-bb .srt-mlb-run-1 {
    color: #fff;
    background-color: #090;
    border-color: #090
}

.sr-bb .srt-mlb-run-2 {
    color: #090;
    background-color: #fff;
    border-color: #090
}

.sr-bb .srt-mlb-hit-1 {
    color: #333;
    background-color: #f7ab11;
    border-color: #f7ab11
}

.sr-bb .srt-mlb-hit-2 {
    color: #f7ab11;
    background-color: #fff;
    border-color: #f7ab11
}

.sr-bb .srt-mlb-hit-3 {
    color: #fff;
    background-color: #00a4ff;
    border-color: #00a4ff
}

.sr-bb .srt-mlb-error-1 {
    color: #fff;
    background-color: #d0021b;
    border-color: #d0021b
}

.sr-bb .srt-mlb-error-2 {
    color: #d0021b;
    background-color: #fff;
    border-color: #d0021b
}

.sr-bb .srt-mlb-neutral-1 {
    color: #fff;
    background-color: #212121;
    border-color: #fff
}

.sr-bb .srt-fill-mlb-base,
.sr-bb .srt-strole-mlb-base {
    fill: #00a4ff
}

.sr-bb .srt-fill-change-increase {
    fill: #adadad
}

.sr-bb .srt-stroke-change-increase {
    stroke: #adadad
}

.sr-bb .srt-fill-change-decrease {
    fill: #fc0
}

.sr-bb .srt-stroke-change-decrease {
    stroke: #fc0
}

.sr-bb .srt-fill-text {
    fill: #333
}

.sr-bb .srt-fill-text-invert {
    fill: #000
}

.sr-bb .srt-fill-text-secondary {
    fill-opacity: .7
}

.sr-bb .srt-fill-text-disabled {
    fill-opacity: .35
}

.sr-bb .srt-fill-base-1 {
    fill: #fff
}

.sr-bb .srt-stroke-base-1 {
    stroke: #fff
}

.sr-bb .srt-fill-base-1-active {
    fill: #ffcc001f
}

.sr-bb .srt-stroke-base-1-active {
    stroke: #ffcc001f
}

.sr-bb .srt-fill-base-1-active-2 {
    fill: #050505
}

.sr-bb .srt-stroke-base-1-active-2 {
    stroke: #050505
}

.sr-bb .srt-fill-base-1-primary {
    fill: #fff
}

.sr-bb .srt-stroke-base-1-primary {
    stroke: #fff
}

.sr-bb .srt-fill-base-1-home {
    fill: #fff
}

.sr-bb .srt-stroke-base-1-home {
    stroke: #fff
}

.sr-bb .srt-fill-base-1-away {
    fill: #fff
}

.sr-bb .srt-stroke-base-1-away {
    stroke: #fff
}

.sr-bb .srt-fill-base-2 {
    fill: currentColor
}

.sr-bb .srt-stroke-base-2 {
    stroke: currentColor
}

.sr-bb .srt-fill-base-2-active {
    fill: #1f1800
}

.sr-bb .srt-stroke-base-2-active {
    stroke: #1f1800
}

.sr-bb .srt-fill-base-2-hover {
    fill: #1f1800
}

.sr-bb .srt-stroke-base-2-hover {
    stroke: #1f1800
}

.sr-bb .srt-fill-base-3 {
    fill: #1f1800
}

.sr-bb .srt-stroke-base-3 {
    stroke: #1f1800
}

.sr-bb .srt-fill-base-3-active {
    fill: #2b2300
}

.sr-bb .srt-stroke-base-3-active {
    stroke: #2b2300
}

.sr-bb .srt-fill-base-3-hover {
    fill: #2b2300
}

.sr-bb .srt-stroke-base-3-hover {
    stroke: #2b2300
}

.sr-bb .srt-fill-primary-1 {
    fill: #fc0
}

.sr-bb .srt-stroke-primary-1 {
    stroke: #fc0
}

.sr-bb .srt-fill-primary-2 {
    fill: #c29e0f
}

.sr-bb .srt-stroke-primary-2 {
    stroke: #c29e0f
}

.sr-bb .srt-fill-primary-3 {
    fill: #e6b800
}

.sr-bb .srt-stroke-primary-3 {
    stroke: #e6b800
}

.sr-bb .srt-fill-primary-4 {
    fill: #997a00
}

.sr-bb .srt-stroke-primary-4 {
    stroke: #997a00
}

.sr-bb .srt-fill-primary-5 {
    fill: #997a00
}

.sr-bb .srt-stroke-primary-5 {
    stroke: #997a00
}

.sr-bb .srt-fill-primary-6 {
    fill: #a98c15
}

.sr-bb .srt-stroke-primary-6 {
    stroke: #a98c15
}

.sr-bb .srt-fill-primary-7 {
    fill: #fc0
}

.sr-bb .srt-stroke-primary-7 {
    stroke: #fc0
}

.sr-bb .srt-fill-primary-8 {
    fill: #fc0
}

.sr-bb .srt-stroke-primary-8 {
    stroke: #fc0
}

.sr-bb .srt-fill-primary-8-is-active-1 {
    fill: #e6b800
}

.sr-bb .srt-stroke-primary-8-is-active-1 {
    stroke: #e6b800
}

.sr-bb .srt-fill-primary-8-is-active-2 {
    fill: #e6b800
}

.sr-bb .srt-stroke-primary-8-is-active-2 {
    stroke: #e6b800
}

.sr-bb .srt-fill-primary-9 {
    fill: #4d3d00
}

.sr-bb .srt-stroke-primary-9 {
    stroke: #4d3d00
}

.sr-bb .srt-fill-primary-10 {
    fill: #cca300
}

.sr-bb .srt-stroke-primary-10 {
    stroke: #cca300
}

.sr-bb .srt-fill-primary-11 {
    fill: #e6b800
}

.sr-bb .srt-stroke-primary-11 {
    stroke: #e6b800
}

.sr-bb .srt-fill-primary-12 {
    fill: #fc0
}

.sr-bb .srt-stroke-primary-12 {
    stroke: #fc0
}

.sr-bb .srt-fill-home-1 {
    fill: #adadad
}

.sr-bb .srt-stroke-home-1 {
    stroke: #adadad
}

.sr-bb .srt-fill-home-2 {
    fill: #adadad
}

.sr-bb .srt-stroke-home-2 {
    stroke: #adadad
}

.sr-bb .srt-fill-home-3 {
    fill: #adadad
}

.sr-bb .srt-stroke-home-3 {
    stroke: #adadad
}

.sr-bb .srt-fill-home-4 {
    fill: #797979
}

.sr-bb .srt-stroke-home-4 {
    stroke: #797979
}

.sr-bb .srt-fill-home-5 {
    fill: #828282
}

.sr-bb .srt-stroke-home-5 {
    stroke: #828282
}

.sr-bb .srt-fill-away-1 {
    fill: #fc0
}

.sr-bb .srt-stroke-away-1 {
    stroke: #fc0
}

.sr-bb .srt-fill-away-2 {
    fill: #fc0
}

.sr-bb .srt-stroke-away-2 {
    stroke: #fc0
}

.sr-bb .srt-fill-away-3 {
    fill: #fc0
}

.sr-bb .srt-stroke-away-3 {
    stroke: #fc0
}

.sr-bb .srt-fill-away-4 {
    fill: #b38f00
}

.sr-bb .srt-stroke-away-4 {
    stroke: #b38f00
}

.sr-bb .srt-fill-away-5 {
    fill: #b89612
}

.sr-bb .srt-stroke-away-5 {
    stroke: #b89612
}

.sr-bb .srt-fill-neutral-1 {
    fill: #070707
}

.sr-bb .srt-stroke-neutral-1 {
    stroke: #070707
}

.sr-bb .srt-fill-neutral-2 {
    fill: #2e2e2e
}

.sr-bb .srt-stroke-neutral-2 {
    stroke: #2e2e2e
}

.sr-bb .srt-fill-neutral-3 {
    fill: #3333331f
}

.sr-bb .srt-stroke-neutral-3 {
    stroke: #3333331f
}

.sr-bb .srt-fill-neutral-4 {
    fill: #212121
}

.sr-bb .srt-stroke-neutral-4 {
    stroke: #212121
}

.sr-bb .srt-fill-neutral-5 {
    fill: #262626
}

.sr-bb .srt-stroke-neutral-5 {
    stroke: #262626
}

.sr-bb .srt-fill-neutral-6 {
    fill: #0c0c0c
}

.sr-bb .srt-stroke-neutral-6 {
    stroke: #0c0c0c
}

.sr-bb .srt-fill-neutral-7 {
    fill: #212121
}

.sr-bb .srt-stroke-neutral-7 {
    stroke: #212121
}

.sr-bb .srt-fill-neutral-8 {
    fill: #070707
}

.sr-bb .srt-stroke-neutral-8 {
    stroke: #070707
}

.sr-bb .srt-fill-neutral-9 {
    fill: #030303
}

.sr-bb .srt-stroke-neutral-9 {
    stroke: #030303
}

.sr-bb .srt-fill-neutral-10 {
    fill: #e5e5e5
}

.sr-bb .srt-stroke-neutral-10 {
    stroke: #e5e5e5
}

.sr-bb .srt-fill-neutral-11 {
    fill: #141414
}

.sr-bb .srt-stroke-neutral-11 {
    stroke: #141414
}

.sr-bb .srt-fill-neutral-12 {
    fill: #242424
}

.sr-bb .srt-stroke-neutral-12 {
    stroke: #242424
}

.sr-bb .srt-fill-neutral-13 {
    fill: #050505
}

.sr-bb .srt-stroke-neutral-13 {
    stroke: #050505
}

.sr-bb .srt-fill-win {
    fill: #adadad
}

.sr-bb .srt-stroke-win {
    stroke: #adadad
}

.sr-bb .srt-fill-draw {
    fill: #3336
}

.sr-bb .srt-stroke-draw {
    stroke: #3336
}

.sr-bb .srt-fill-lose {
    fill: #fc0
}

.sr-bb .srt-stroke-lose {
    stroke: #fc0
}

.sr-bb .srt-stop-base-1 {
    stop-color: #fff
}

.sr-bb .srt-stop-primary-1 {
    stop-color: #fc0
}

.sr-bb .srt-stop-primary-2 {
    stop-color: #c29e0f
}

.sr-bb .srt-stop-primary-3 {
    stop-color: #e6b800
}

.sr-bb .srt-stop-primary-4,
.sr-bb .srt-stop-primary-5 {
    stop-color: #997a00
}

.sr-bb .srt-stop-primary-6 {
    stop-color: #a98c15
}

.sr-bb .srt-stop-primary-7,
.sr-bb .srt-stop-primary-8 {
    stop-color: #fc0
}

.sr-bb .srt-stop-primary-9 {
    stop-color: #4d3d00
}

.sr-bb .srt-stop-primary-10 {
    stop-color: #cca300
}

.sr-bb .srt-stop-primary-11 {
    stop-color: #e6b800
}

.sr-bb .srt-stop-primary-12 {
    stop-color: #fc0
}

.sr-bb .srt-stop-home-1 {
    stop-color: #adadad
}

.sr-bb .srt-stop-away-1 {
    stop-color: #fc0
}

.sr-bb .srt-fill-neutral-14 {
    fill: #000
}

.sr-bb .srt-stroke-neutral-14 {
    stroke: #000
}

.sr-bb .srt-logo-powered-by-light {
    display: none
}

.sr-bb .srt-logo-powered-by-dark {
    display: inline-block
}

.event-selector {
    color: #333;
    background-color: #fff;
    min-width: 0;
    height: 1.75rem;
    display: block;
    position: relative
}

.event-selector .header {
    border: 1px solid #eaeaea;
    border-radius: .25rem;
    height: 100%;
    display: flex
}

.event-selector .header.collapsed {
    border-radius: .25rem
}

.event-selector .header.collapsed .theme-up {
    transform: rotate(-180deg)
}

.event-selector .header:not(.collapsed) {
    background-color: #0000000a
}

@media (hover:hover) and (pointer:fine) {
    .event-selector .header.dropcontentavailable:hover {
        background-color: #0000000a
    }
}

.event-selector .header-title {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    min-width: 0;
    padding: .4em .2em .4em .67em;
    font-size: .75rem;
    line-height: 18px;
    display: flex;
    overflow: hidden
}

.event-selector .header-title .selected {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1px 6px 2px;
    line-height: 15px;
    overflow: hidden
}

.event-selector .toggle-arrow {
    color: #333;
    padding: .375rem;
    font-size: .875rem
}

.event-selector .toggle-arrow span {
    transform-origin: 50%;
    transition: transform .5s
}

.event-selector .toggle-arrow .theme-up {
    margin: 0;
    padding: 0;
    line-height: .65rem;
    display: block
}

.event-selector .content {
    color: #333;
    z-index: 10000;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .25rem;
    width: 100%;
    max-height: 180px;
    position: absolute;
    top: 25px
}

.event-selector .content.size-l {
    max-height: 253px
}

.event-selector .content.size-l .list {
    max-height: 245px
}

.event-selector .content.size-xl {
    max-height: 283px
}

.event-selector .content.size-xl .list {
    max-height: 275px
}

.event-selector .content .list {
    color: #333;
    background-color: inherit;
    border-radius: .25rem;
    max-height: 175px;
    margin-right: 1px;
    overflow-y: scroll
}

.event-selector .content .group {
    color: #191919;
    background-color: #eaeaea;
    border-top: 1px solid #d6d6d6;
    height: 1.5em;
    padding-left: .5em;
    display: flex
}

.event-selector .content .group:first-child {
    border-top: 0
}

.event-selector .content .group .icon {
    padding: .5em .5em .4em 0;
    font-size: 12px;
    display: flex
}

.event-selector .content .group .title {
    text-transform: uppercase;
    padding: .6em .5em .4em 0;
    font-size: 10px;
    display: flex
}

.event-selector .content .option {
    height: 2.334em;
    padding: .5em .5em .5em .84em;
    font-size: .75rem;
    line-height: 1rem
}

.event-selector .content .option div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.event-selector .content .option:hover {
    cursor: pointer
}

.event-selector .content .option.active {
    cursor: pointer;
    border-left: 3px solid #fc0;
    padding-left: .6em;
    font-weight: 700
}

.app-installer-close {
    font-size: 1.5em;
    position: absolute;
    top: .3em;
    right: .3em
}

.native-app-installer {
    z-index: 9999
}

.native-app-installer .modal-content {
    color: #000;
    border: 1px solid #191919;
    border-radius: .3125em;
    width: 98%;
    height: 12em;
    padding: 1em
}

.native-app-installer .download-app {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 1em;
    display: flex
}

.native-app-installer .download-app .btn-download-app {
    color: #000;
    text-align: center;
    cursor: pointer;
    background-color: #eaeaea;
    border: 0;
    border-radius: .3125em;
    width: 20em;
    height: 3em;
    margin: 1em;
    padding: 1em 2em;
    font-size: 1em;
    font-weight: 700;
    text-decoration: none;
    display: inline-block
}

.geo-guard-validation {
    z-index: 9999
}

.geo-guard-validation .geo-guard-validation-container {
    flex-direction: column;
    width: 100%;
    display: flex
}

.geo-guard-validation .geo-guard-validation-container .main-header {
    color: #fff;
    background-color: #191919;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 2.5em;
    padding: 1em;
    display: flex
}

.geo-guard-validation .geo-guard-validation-container .underline-text {
    opacity: .8;
    padding: .5em .5em .5em 0
}

.geo-guard-validation .geo-guard-validation-container .underline-text h6 {
    text-align: center;
    border-bottom: 1px solid #191919;
    width: 95%;
    margin: 1em;
    line-height: .1em
}

.geo-guard-validation .geo-guard-validation-container .underline-text h6 span {
    background: #fff;
    padding: 0 .625em
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body {
    padding-left: .625em;
    overflow: scroll
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .geo-modal-title {
    color: #fff
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .header-text {
    padding-bottom: 1em;
    font-size: 1.2em;
    font-weight: 700
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .theme-location-pin {
    color: #f6bd00;
    padding-top: .3em;
    font-size: 5em
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .description-text {
    padding: 0 .5em 2.5em .125em
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .btn-help-text {
    opacity: .8;
    text-align: left;
    padding: 0 0 .5em .5em;
    font-size: .8em
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .step {
    text-align: left;
    padding: .625em;
    font-weight: 700
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .btn {
    text-transform: uppercase;
    width: 95%;
    height: 4em;
    padding: .75rem
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .btn-primary {
    margin-bottom: 1em
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .geo-guard-help {
    text-transform: uppercase;
    flex-direction: row;
    justify-content: space-between;
    padding: 1em 1em .5em 0;
    font-size: .875em;
    display: flex
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .geo-guard-help>div {
    justify-content: space-between
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .geo-guard-help .theme-info {
    color: #1284e0;
    padding-right: .3125em
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .geo-guard-help span {
    text-decoration: underline
}

.geo-guard-validation .geo-guard-validation-container .geo-guard-validation-body .help-text-box {
    color: #fff;
    text-align: left;
    background: #1284e0;
    margin: 0 .625em .625em;
    padding: .625em;
    font-size: .875em
}

.geo-guard-validation .geo-guard-validation-container .help-popup {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    position: relative
}

.geo-guard-validation .geo-guard-validation-container .help-popup .popuptext {
    visibility: hidden;
    color: #fff;
    text-align: center;
    z-index: 1;
    background-color: #1284e0;
    border-radius: .375em;
    padding: .625em;
    position: absolute;
    bottom: 60%
}

.geo-guard-validation .geo-guard-validation-container .help-popup .popuptext:after {
    content: "";
    border: .3125em solid #0000;
    border-top-color: #1284e0;
    position: absolute;
    top: 100%;
    left: 10%
}

.geo-guard-validation .geo-guard-validation-container .help-popup .show {
    visibility: visible;
    animation: 1s fadeIn
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.geo-guard-validation .modal-content {
    height: 100%;
    background-color: #fff !important;
    overflow: scroll !important
}

.geo-comply-error-dialog .geo-comply-error-validation-container .main-header {
    color: #333;
    background-color: #0000;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 2.5em;
    padding: 1em;
    font-size: 14px;
    font-weight: 700;
    display: flex
}

.geo-comply-error-dialog .geo-comply-error-validation-container .main-header .main-header-text {
    width: 100%;
    margin-top: 6%;
    margin-left: 6%;
    font-size: 13px;
    font-weight: 700
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body {
    max-height: 600px;
    margin-top: 4%;
    padding-left: 4.8%;
    overflow: auto
}

@media (min-width:600px) and (max-width:959.98px) {
    .geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body {
        max-height: 250px
    }
}

@media (max-width:599.98px) {
    .geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body {
        max-height: 560px
    }
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body .header-description {
    margin-right: 4%;
    padding-bottom: 1em;
    font-size: 13px;
    font-weight: 400
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body .description-text,
.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body .address-error-info {
    margin-right: 4%;
    padding: 0 .5em 1em .125em;
    font-size: 12px
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body .description-text {
    text-align: left
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body .description-text ul {
    padding-left: 12px
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body .description-text ul li:not(:last-child) {
    text-align: left;
    padding-bottom: 10px
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body .description-text p {
    font-size: 12px
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body .description-text img {
    margin: 0 auto;
    display: block
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body .description-text a {
    text-align: center;
    justify-content: center;
    text-decoration: underline;
    display: flex
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body .address-error-info {
    font-weight: 700
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body button {
    text-transform: uppercase;
    width: 95%;
    margin-bottom: 1em
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body .geo-comply-button {
    text-align: left
}

.geo-comply-error-dialog .geo-comply-error-validation-container .geo-comply-error-validation-body .single-error-message>ul {
    padding-left: 0;
    list-style-type: none
}

.geo-comply-error-dialog .geo-comply-error-validation-container .btn-close {
    cursor: pointer
}

.geo-comply-error-dialog .modal-content {
    border-radius: .25rem;
    width: 90%;
    min-height: 150px;
    max-height: 900px;
    margin: 0 auto
}

@media (min-width:960px) {
    .geo-comply-error-dialog .modal-content {
        width: 30%
    }
}

.geo-guard-toast {
    color: #fff;
    z-index: 9999;
    background-color: #2db343;
    border-color: #2db343;
    border-radius: 3px;
    min-width: 20%;
    min-height: 2.75em;
    margin: 1.5%;
    padding: .5em;
    font-size: .875em;
    position: fixed !important;
    transform: translateY(-100%) !important
}

.geo-guard-toast-failed {
    background-color: #1284e0;
    border-color: #1284e0
}

.geo-guard-toast .ngxp__inner {
    background-color: #2db343;
    padding: 0
}

.geo-guard-toast-failed .ngxp__inner {
    background-color: #1284e0;
    padding: 0
}

.geo-location-message {
    flex-direction: row;
    justify-content: space-between;
    display: flex
}

.geo-location-message>div {
    padding-right: 5px
}

.geo-location-message .theme-success-i:before,
.geo-location-message .theme-info-i:before {
    color: #fff
}

.geo-location-popup .modal-content {
    border-radius: .625em;
    width: 90%;
    padding-bottom: .625em
}

@media (min-width:960px) {
    .geo-location-popup .modal-content {
        width: 28%
    }
}

.geo-location-popup .geo-installer-dialog .geo-location-text {
    text-align: left;
    padding: .625em
}

.geo-location-popup .buttons {
    justify-content: center;
    align-items: center;
    padding: .3125em .625em;
    display: flex
}

.geo-location-popup .buttons .btn.btn-light {
    margin-right: 1em
}

.geo-location-header {
    background-color: #191919;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 2.4em;
    padding: .625em;
    display: flex
}

.geo-location-header .geo-location-header-text {
    color: #f5f5f5;
    font-size: 1em;
    font-weight: 700
}

.geo-location-header .close {
    color: #f5f5f5
}

.geo-location-header .theme-close {
    font-size: 1.2em
}

.wallet-selector-container {
    border-radius: 3px;
    padding: .625em
}

.wallet-selector-container .center-text {
    text-align: center
}

.wallet-selector-container .bold {
    color: #333;
    font-weight: 700
}

.wallet-selector-container .bottom-spacer {
    margin-bottom: .625em
}

.wallet-selector-container .wallet-selector-header {
    font-size: 1.125em;
    line-height: 1.313em
}

.wallet-selector-container .wallet-selector-sub-heading {
    color: #191919;
    font-size: .875em;
    line-height: 1.25em
}

.wallet-selector-container .wallet-selector-wallet-container {
    justify-content: space-evenly;
    align-items: center;
    padding: 1em 0 0;
    display: flex
}

.wallet-selector-container .wallet-selector-wallet-container .wallet-item {
    display: inline-block
}

.wallet-selector-container .wallet-selector-wallet-container .wallet-item input[type=radio]+label {
    padding-left: 2em
}

.wallet-selector-container .wallet-selector-wallet-container .wallet-item input[type=radio]+label:before {
    font-size: 1em;
    top: .25em;
    left: .563em
}

.wallet-selector-container .wallet-selector-wallet-container .wallet-item .wallet-balance {
    justify-content: start;
    margin-bottom: 6px;
    font-size: .938em;
    line-height: .688em;
    display: grid
}

.wallet-selector-container .wallet-selector-wallet-container .wallet-item .wallet-selector-wallet-title {
    color: #707070;
    text-align: left;
    font-size: .688em;
    line-height: .813em
}

.wallet-selector-container .wallet-selector-wallet-container .wallet-item p {
    margin: 0
}

.wallet-selector-container .wallet-selector-wallet-container .wallet-item:last-of-type {
    padding-right: 1em
}

.wallet-selector-container .wallet-selector-footer {
    justify-content: space-between;
    display: flex
}

.wallet-selector-container .wallet-selector-footer .wallet-selector-dont-show-again {
    text-align: left
}

.wallet-selector-container .wallet-selector-footer .wallet-selector-help {
    color: #1284e0;
    cursor: pointer;
    line-height: 1.5
}

.wallet-selector-mobile-betslip {
    max-width: 95%;
    margin: auto;
    padding: 0 15px;
    position: fixed;
    overflow: visible
}

.modal.modal-dialog-wrapper.modal-fit.wallet-selector-mobile-betslip .modal-content {
    width: 100%;
    max-width: 100%;
    overflow-y: auto
}

.wallet-dropdown .select {
    color: #000;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: .25rem;
    flex-direction: row-reverse;
    width: 190px;
    height: 100px;
    padding: 0;
    font-size: 14px;
    display: flex;
    box-shadow: 0 1px 3px 1px #0003
}

.wallet-dropdown .select .option-container {
    width: 100%
}

.wallet-dropdown .select .info-section {
    align-items: center;
    width: 25%;
    display: flex
}

.wallet-dropdown .select .info-section:before {
    content: "";
    background-color: #d6d6d6;
    width: 1px;
    height: 80%
}

.wallet-dropdown .select .info-section .expand-info,
.wallet-dropdown .select .info-section .info {
    color: #adadad
}

.wallet-dropdown .wallet-dropdown-item {
    display: flex
}

.wallet-dropdown .wallet-dropdown-item .wallet-info {
    white-space: nowrap;
    flex-direction: column;
    display: flex
}

.wallet-dropdown .wallet-title-icon {
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    display: inline-block
}

.betslip.in-column {
    flex-direction: column;
    display: flex
}

.betslip.in-column .wallet-dropdown {
    z-index: 1073
}

.betslip .wallet-dropdown {
    z-index: 1073;
    color: #fff;
    cursor: pointer;
    width: 130px;
    margin-top: -3em;
    margin-left: .5em;
    font-size: 14px;
    line-height: 36px;
    position: fixed
}

.betslip .wallet-dropdown .wallet {
    flex-direction: row;
    align-items: center;
    display: flex
}

.betslip .wallet-dropdown .title {
    z-index: 5;
    vertical-align: middle;
    width: 100%;
    max-height: 25px;
    margin-top: 0;
    padding-right: 1.75em;
    display: inline-block;
    position: relative
}

.betslip .wallet-dropdown .group-title {
    font-size: var(--betslip-digital-header-wallet-group-title-font-size);
    white-space: nowrap;
    font-weight: 200
}

.betslip .wallet-dropdown .wallet-title-icon {
    margin-right: 5px;
    display: flex
}

.betslip .wallet-dropdown .wallet-title-icon:before {
    font-size: 16px;
    line-height: 1
}

.betslip .wallet-dropdown .select {
    z-index: 5;
    margin-top: -3px;
    top: 1.75rem
}

.betslip .wallet-dropdown .select .option {
    white-space: normal;
    height: 50%;
    padding: .85rem .75rem;
    line-height: 1em;
    display: grid
}

.betslip .wallet-dropdown .select .option.active {
    border-left: .25rem solid #fc0;
    padding-left: .4rem;
    font-weight: 700
}

.betslip .wallet-dropdown .select .wallet-label {
    color: #707070;
    padding-top: 4px;
    font-size: 12px;
    font-weight: 300
}

.betslip .in-column-wallet .wallet-dropdown {
    margin-top: -2.1em
}

.betslip .in-column-wallet .title {
    flex-direction: row;
    display: flex
}

.betslip .in-column-wallet .group-title {
    display: none
}

.betslip .in-column-wallet .group-arrow {
    margin-left: 7px;
    font-size: 8px
}

.betslip .in-column-wallet .theme-down,
.betslip .in-column-wallet .theme-up {
    position: absolute;
    top: 3px;
    left: 12px
}

.betslip .in-column-wallet .wallet-title-icon {
    margin-right: 10px;
    display: flex;
    bottom: 2px
}

.betslip .in-column-wallet .select {
    margin-top: 5px
}

.betslip .in-column-wallet .option {
    height: unset;
    padding: .45rem .75rem
}

.betslip .in-column-wallet .icon-color-alignment {
    color: #fff
}

.betslip bs-digital-balance-header.epcot .wallet-dropdown .wallet-amount {
    font-size: var(--betslip-wallet-amount-font-size);
    font-weight: var(--betslip-wallet-amount-font-weight)
}

.betslip bs-digital-balance-header .overlay {
    background-color: var(--betslip-overlay-background-color);
    opacity: .5;
    z-index: 1078;
    position: fixed;
    inset: 0
}

.betslip bs-digital-balance-header .wallet-dropdown {
    color: var(--betslip-digital-header-wallet-color);
    line-height: var(--betslip-digital-header-line-height);
    width: auto;
    font-size: var(--betslip-digital-header-font-size);
    font-weight: var(--betslip-digital-header-font-weight);
    margin-top: 0;
    margin-left: 0;
    position: relative
}

.betslip bs-digital-balance-header .wallet-dropdown .title {
    justify-content: center;
    padding-right: 0;
    display: flex
}

.betslip bs-digital-balance-header .wallet-dropdown .help-title {
    margin-left: auto;
    margin-right: auto;
    font-size: 1.125rem;
    font-weight: 700
}

.betslip bs-digital-balance-header .wallet-dropdown .wallet-amount {
    font-size: 14px;
    font-weight: 600
}

.betslip bs-digital-balance-header .wallet-dropdown .help-description p {
    text-align: center;
    margin-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 12px
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options {
    z-index: 1079;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options.paypal-help {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options.paypal-help .line-switcher,
.betslip bs-digital-balance-header .wallet-dropdown.bottom-options.paypal-help .options-close {
    display: none
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options.paypal-help .help-description p {
    margin-top: 1rem;
    font-size: 1rem
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options.paypal-help .select .info-section {
    padding-top: 1rem;
    padding-bottom: 0
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options.paypal-help .btn {
    width: auto;
    margin: 1rem .75rem .75rem
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select {
    width: 100%;
    height: auto;
    margin-top: 0;
    display: block
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .info-section {
    background-color: #fff;
    width: 100%;
    padding: 14px 24px 14px 12px
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .info-section .theme-info {
    width: auto;
    margin-left: 6px
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .info-section .options-close {
    color: var(--theme-body-60);
    position: absolute;
    right: 12px
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .info-section .line-switcher {
    width: fill-available;
    background: var(--theme-body-10);
    height: 1px;
    margin-right: 12px;
    position: absolute;
    top: 44px
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .info-section .options-title {
    color: var(--betslip-digital-header-options-title-color)
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .option-container {
    padding-top: 4px;
    padding-bottom: 4px
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .wallet-dropdown-item {
    border: 1px solid var(--theme-body-10);
    border-radius: 5px;
    padding: 6px
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .wallet-dropdown-item .wallet-info {
    text-align: left
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .wallet-dropdown-item .wallet-icon i {
    margin-right: 8px
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .option {
    white-space: normal;
    border-left: 0;
    height: 50%;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0 .75rem;
    line-height: 1em;
    display: grid
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .active {
    border-left: 0;
    font-weight: 400
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .active .wallet-dropdown-item {
    background-color: #ffcc004d;
    border: 1px solid #fc0
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .active .wallet-info-value {
    font-weight: 700
}

.betslip bs-digital-balance-header .wallet-dropdown.bottom-options .select .wallet-label {
    color: var(--betslip-digital-header-wallet-label-color);
    padding-top: 4px;
    font-size: 11px;
    font-weight: 300
}

.quick-bet__body .wallet-dropdown .wallet-type-title {
    color: #707070;
    font-size: 11px
}

.quick-bet__body .wallet-dropdown .wallet-amount {
    color: #333;
    font-size: 13px
}

.quick-bet__body .wallet-dropdown .group-title {
    font-size: 12px;
    position: relative;
    bottom: 4px
}

.quick-bet__body .wallet-dropdown .group-arrow {
    line-height: initial
}

.quick-bet__body .wallet-dropdown .theme-down,
.quick-bet__body .wallet-dropdown .theme-up {
    vertical-align: text-top;
    width: 12px;
    height: 12px;
    margin-left: .555em;
    padding-top: 0;
    font-size: 11px;
    position: relative;
    top: 1px
}

.quick-bet__body .wallet-dropdown .wallet-title-icon {
    color: #707070;
    width: 14px;
    height: 12.25px;
    margin-right: 4px;
    position: relative;
    bottom: 2px
}

.quick-bet__body .wallet-dropdown .select {
    float: right;
    margin-top: -151px
}

.quick-bet__body .wallet-dropdown .select .option {
    white-space: normal;
    height: 50%;
    padding: .85rem .75rem;
    line-height: 1em;
    display: grid
}

.quick-bet__body .wallet-dropdown .select .option.active {
    border-left: .25rem solid #fc0;
    padding-left: .4rem;
    font-weight: 700
}

.quick-bet__body .wallet-dropdown .select .wallet-label {
    color: #707070;
    padding-top: 4px;
    font-size: 12px;
    font-weight: 300
}

.quick-bet__body .wallet-dropdown .wallet-options {
    width: 99%;
    position: absolute
}

.quick-bet__body .wallet-dropdown.hline-top-bottom {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 5px
}

.quick-bet__body .wallet-dropdown.hline-top-bottom .title {
    justify-content: space-between;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    display: flex
}

.quick-bet__body .wallet-dropdown.hline-top-bottom .title .wallet {
    text-align: right;
    padding-right: 10px
}

.quick-bet__body .wallet-dropdown.hline-top-bottom .title .wallet-title {
    color: #707070;
    margin-left: 10px;
    font-size: 14px
}

.sports-only-wallet:before {
    content: ""
}

.epcot-enabled .betslip bs-digital-balance-header .wallet-dropdown .help-description p {
    font-family: Poppins
}

.inline-tooltip-msg,
.game-notes-tooltip-msg,
.grid-pills-tooltip-msg,
.league-title-tooltip-msg,
.event-name-tooltip-msg,
.option-name-tooltip-msg,
.toggle-markets-tooltip-msg,
.left-nav-event-name {
    color: #fff;
    z-index: 9999;
    background-color: #333;
    font-size: .875em;
    border: 0 !important;
    border-radius: .288em !important;
    padding: 5px !important
}

.inline-tooltip-msg .ngxp__inner,
.game-notes-tooltip-msg .ngxp__inner,
.grid-pills-tooltip-msg .ngxp__inner,
.league-title-tooltip-msg .ngxp__inner,
.event-name-tooltip-msg .ngxp__inner,
.option-name-tooltip-msg .ngxp__inner,
.toggle-markets-tooltip-msg .ngxp__inner,
.left-nav-event-name .ngxp__inner {
    color: #fff;
    box-shadow: none;
    background-color: #0000 !important;
    padding: 0 !important
}

.inline-tooltip-msg .ngxp__arrow,
.game-notes-tooltip-msg .ngxp__arrow,
.grid-pills-tooltip-msg .ngxp__arrow,
.league-title-tooltip-msg .ngxp__arrow,
.event-name-tooltip-msg .ngxp__arrow,
.option-name-tooltip-msg .ngxp__arrow,
.toggle-markets-tooltip-msg .ngxp__arrow,
.left-nav-event-name .ngxp__arrow {
    z-index: -1 !important;
    content: none !important;
    background-color: #333 !important;
    border-width: 7px 8px 7px 0 !important;
    border-right-color: #333 !important;
    width: 14px !important;
    height: 14px !important;
    top: 50% !important;
    transform: translateY(-50%)rotate(45deg) !important
}

.inline-tooltip-msg p,
.game-notes-tooltip-msg p,
.grid-pills-tooltip-msg p,
.league-title-tooltip-msg p,
.event-name-tooltip-msg p,
.option-name-tooltip-msg p,
.toggle-markets-tooltip-msg p,
.left-nav-event-name p {
    margin: 0;
    font-size: .875em
}

.left-nav-event-name,
.toggle-markets-tooltip-msg {
    margin-left: 10px !important
}

.event-name-tooltip-msg {
    margin-left: 22px !important
}

.league-title-tooltip-msg {
    margin-left: 25px !important
}

.league-title-tooltip-msg .ngxp__arrow {
    top: -2px;
    background-color: #333 !important;
    width: 14px !important;
    height: 14px !important
}

.grid-pills-tooltip-msg {
    background-color: #1284e0;
    width: 320px;
    max-width: 320px;
    transform: translateY(5px);
    z-index: 1 !important;
    padding: 8px 16px !important;
    left: calc(50% - 160px) !important
}

.grid-pills-tooltip-msg .ngxp__arrow {
    transform: unset;
    border-width: 0 10px 10px !important;
    border-bottom-color: #1284e0 !important;
    border-right-color: #0000 !important;
    top: -9.3px !important;
    left: calc(50% - 10px) !important
}

.game-notes-tooltip-msg {
    width: 320px;
    max-width: 320px;
    padding: 8px !important
}

.game-notes-tooltip-msg .ngxp__arrow {
    top: 0 !important;
    left: 10% !important
}

.sport-tree-widget {
    --sports-tree-description-font-size: 11px;
    --sports-tree-go-to-font-size: var(--theme-txt-md-font-size);
    --sports-tree-go-to-font-weight: var(--theme-font-normal)
}

@media (hover:hover) and (pointer:fine) {

    .competition-tree .list-item:hover,
    .top-items-widget .list-item:hover {
        cursor: pointer
    }
}

.competition-tree .list-item .icon,
.top-items-widget .list-item .icon {
    color: #333
}

.competition-tree .list-item .icon:empty,
.top-items-widget .list-item .icon:empty {
    padding-right: 0
}

.competition-tree .list-item .count,
.top-items-widget .list-item .count {
    color: #707070;
    padding-right: .75rem;
    font-size: .75rem
}

.competition-tree .list-item .title,
.top-items-widget .list-item .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden
}

.competition-tree .list-item [item-title] ms-inline-tooltip,
.competition-tree .list-item [item-title] .item-title-container,
.top-items-widget .list-item [item-title] ms-inline-tooltip,
.top-items-widget .list-item [item-title] .item-title-container {
    vertical-align: middle;
    max-width: 90%;
    display: inline-block
}

.competition-tree .list-item .league-title,
.top-items-widget .list-item .league-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.competition-tree .list-item .region-title,
.top-items-widget .list-item .region-title {
    color: #707070;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 400;
    overflow: hidden
}

.competition-tree .list-item .badges-wrapper .region-title,
.top-items-widget .list-item .badges-wrapper .region-title {
    line-height: 18px
}

.competition-tree .list-item.us-logo [item-title] ms-inline-tooltip,
.competition-tree .list-item.us-logo [item-title] .item-title-container,
.top-items-widget .list-item.us-logo [item-title] ms-inline-tooltip,
.top-items-widget .list-item.us-logo [item-title] .item-title-container {
    max-width: calc(100% - 29px)
}

.competition-tree .list-item ms-priceboost-count-signpost,
.top-items-widget .list-item ms-priceboost-count-signpost {
    align-self: center;
    margin-left: 7.7px;
    font-size: 10px;
    font-weight: 500
}

.competition-tree .list-item .priceboost-wrapper,
.top-items-widget .list-item .priceboost-wrapper {
    max-width: 100%;
    display: flex
}

.competition-tree .list-item .priceboost-wrapper .league-title,
.top-items-widget .list-item .priceboost-wrapper .league-title {
    max-width: 100%
}

:is(.competition-tree .list-item .item-title:has(.competition-logo), .top-items-widget .list-item .item-title:has(.competition-logo)) {
    align-items: center;
    display: flex
}

@media (min-width:1280px) {

    .competition-tree .list-item .priceboost-wrapper .league-title,
    .top-items-widget .list-item .priceboost-wrapper .league-title {
        max-width: 100%
    }
}

@supports ((-moz-user-select:none)) {

    .competition-tree .list-item .item-title,
    .top-items-widget .list-item .item-title {
        align-items: center;
        display: flex
    }
}

.competition-tree {
    color: #333;
    display: block
}

.competition-tree>ms-calendar-item-list>.calendar-list {
    margin-bottom: 1rem
}

.competition-tree>.item-tree {
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .competition-tree>.item-tree {
    overflow: hidden
}

.competition-tree>.item-tree+ms-calendar-item-list>.calendar-list,
.competition-tree>.item-tree+.item-tree {
    margin-top: 1rem
}

.competition-tree .item-level-0>.list-item {
    font-size: 1rem
}

.competition-tree .item-level-1>.list-item .arrow {
    font-size: .75rem
}

.competition-tree .item-level-1>.list-item+.item-tree {
    border-top: 0
}

.competition-tree .item-level-2>.list-item {
    color: #333;
    background-color: #f5f5f5;
    border-top: 0
}

.competition-tree .item-level-2>.list-item .region-title {
    display: none
}

@media (hover:hover) and (pointer:fine) {
    .competition-tree .item-level-2>.list-item:hover {
        background-color: #e8e8e8
    }
}

.competition-tree .leaf-item.active {
    background-color: #eaeaea
}

@media (hover:hover) and (pointer:fine) {
    .competition-tree .leaf-item.active:hover {
        background-color: #eaeaea
    }
}

.top-items-widget .list-title {
    background-color: inherit;
    font-size: 1rem;
    font-weight: 700
}

.top-items-widget .list-title:hover,
.top-items-widget .list-title:active {
    cursor: default;
    background-color: initial;
    transition: none
}

.top-items-widget .list-title:hover .ms-active-highlight,
.top-items-widget .list-title:active .ms-active-highlight {
    background-color: initial;
    transition: none
}

.top-items-widget .list-all a {
    justify-content: center
}

.top-items-widget .list-all .title {
    flex: unset;
    text-transform: uppercase;
    padding-right: .25rem
}

.top-items-widget .list-item .icon .favourite-icon {
    margin-right: .15rem
}

.top-items-widget .separator-item {
    text-transform: uppercase;
    color: #191919;
    height: 1.5rem;
    padding: 0 .75rem;
    font-size: 12px;
    line-height: 2rem
}

.top-items-widget .separator-item+.list-item {
    border-top: 0
}

.showcase-container {
    margin-bottom: 10px;
    display: block
}

@media (min-width:600px) {
    .card-content .showcase-container {
        border-radius: .25rem;
        overflow: hidden
    }
}

.showcase-container .showcase-header {
    background-color: #191919;
    justify-content: space-between;
    height: 41px;
    display: flex;
    position: relative
}

.showcase-container .showcase-header.expand {
    border-bottom: 1px solid #eaeaea
}

.showcase-container .showcase-header .arrow {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 36px;
    display: flex
}

.showcase-container .showcase-header .header-title {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
    margin: auto 0;
    padding-left: 12px;
    font-weight: 700;
    overflow: hidden
}

.showcase-container .showcase-header .header-title.full-width {
    width: 100%
}

.showcase-container .showcase-header ms-live-alert-item {
    display: inline-block
}

.showcase-container .alert-message-list {
    z-index: 3;
    cursor: pointer;
    color: #fff;
    border-radius: 3px;
    flex-direction: column;
    align-items: flex-end;
    margin: 2px 1px 0 0;
    display: flex;
    position: absolute;
    right: 0;
    overflow: hidden
}

.showcase-container .alert-message-list .ng-scrollbar {
    --scrollbar-thumb-color: #ffffff80;
    --scrollbar-thumb-hover-color: #ffffff80
}

.showcase-container .alert-message-list .arrow {
    color: #fff;
    height: 36px
}

.showcase-container .alert-message-list .alert-list-separator {
    background-color: #0003;
    height: 1px
}

.showcase-container .alert-message-list.alerts-none {
    width: 131px;
    height: 36px
}

@media (min-width:600px) {
    .showcase-container .alert-message-list.alerts-none {
        width: 171px
    }
}

.showcase-container .alert-message-list:not(.alerts-none) {
    width: auto
}

.showcase-container .alert-message-list .notification {
    padding: 5px 4px 3px 10px
}

.showcase-container .alert-message-list.alerts-multiple :not(.alert-list) .notification {
    padding-right: 0
}

.showcase-container .alert-message-list .alert-animation {
    opacity: 1;
    background-color: #474747;
    border-radius: 3px;
    justify-content: space-between;
    align-items: center;
    width: 131px;
    height: 36px;
    display: flex;
    position: absolute;
    left: 131px
}

@media (min-width:600px) {
    .showcase-container .alert-message-list .alert-animation {
        width: 171px;
        left: 171px
    }
}

.showcase-container .alert-message-list .alert-animation.expanded {
    left: 100%
}

.showcase-container .alert-message-list .alert-animation.slide-in {
    opacity: 1;
    transition: left 1s ease-in;
    left: 0
}

.showcase-container .alert-message-list .alert-animation.slide-out {
    opacity: 0;
    transition: opacity 1ms ease-in;
    left: 100%
}

.showcase-container .alert-message-list .alert-last {
    opacity: 1;
    background-color: #474747;
    border-radius: 3px;
    justify-content: space-between;
    align-items: center;
    transition: opacity 1s ease-in;
    display: flex
}

.showcase-container .alert-message-list .alert-last.fade-out {
    opacity: 0;
    transition: opacity 1s ease-in
}

.showcase-container .alert-message-list .alert-last.fade-in {
    opacity: 1;
    transition: none 1s ease-in
}

.showcase-container .alert-message-list .alert-last.expanded {
    max-width: unset;
    border-bottom: 1px solid #0003;
    border-radius: 3px 3px 0 0;
    width: 100%
}

.showcase-container .alert-message-list .alert-list {
    max-height: 180px;
    box-shadow: none;
    -webkit-overflow-scrolling: touch;
    background-color: #474747;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden
}

.showcase-container .alert-message-list .alert-list .alert-message {
    width: 100%;
    max-width: unset;
    border-bottom: 1px solid #0003;
    padding-right: 4px
}

.showcase-container .alert-message-list .alert-message {
    align-items: center;
    max-height: 36px;
    display: block
}

.showcase-container .alert-message-list .alert-message .notification {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 36px;
    font-size: .625em;
    font-weight: 700;
    display: flex
}

.showcase-container .alert-message-list .alert-message .notification .first-row .event {
    color: #fc0
}

.showcase-container .alert-message-list .alert-message .notification .second-row :not(.highlight) {
    opacity: .5
}

.showcase-container .alert-message-list .expanded,
.showcase-container .alert-message-list .expanded .alert-message {
    width: 100%;
    max-width: unset
}

.showcase-container .alert-last,
.showcase-container .alert-animation:not(.expanded) .notification {
    max-width: 131px
}

@media (min-width:600px) {

    .showcase-container .alert-last,
    .showcase-container .alert-animation:not(.expanded) .notification {
        max-width: 171px
    }
}

.showcase-container .alert-last .first-row,
.showcase-container .alert-last .second-row,
.showcase-container .alert-animation:not(.expanded) .notification .first-row,
.showcase-container .alert-animation:not(.expanded) .notification .second-row {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 117px;
    overflow: hidden
}

@media (min-width:600px) {

    .showcase-container .alert-last .first-row,
    .showcase-container .alert-last .second-row,
    .showcase-container .alert-animation:not(.expanded) .notification .first-row,
    .showcase-container .alert-animation:not(.expanded) .notification .second-row {
        max-width: 157px
    }
}

.showcase-container .alerts-multiple .alert-last:not(.expanded) .notification {
    max-width: 95px
}

@media (min-width:600px) {
    .showcase-container .alerts-multiple .alert-last:not(.expanded) .notification {
        max-width: 135px
    }
}

.showcase-container .alerts-multiple .alert-last:not(.expanded) .notification .first-row,
.showcase-container .alerts-multiple .alert-last:not(.expanded) .notification .second-row {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 85px;
    overflow: hidden
}

@media (min-width:600px) {

    .showcase-container .alerts-multiple .alert-last:not(.expanded) .notification .first-row,
    .showcase-container .alerts-multiple .alert-last:not(.expanded) .notification .second-row {
        max-width: 125px
    }
}

.showcase-container .alerts-multiple .alert-last.expanded .notification {
    width: 100%;
    max-width: unset
}

.showcase-container .alerts-multiple .alert-last.expanded .notification .first-row,
.showcase-container .alerts-multiple .alert-last.expanded .notification .second-row {
    width: 100%;
    max-width: unset;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.showcase-container .showcase-subheader {
    background-color: #191919;
    border-bottom: 1px solid #eaeaea
}

.showcase-container .showcase-subheader .showcase-scoreboard-timer {
    text-align: center
}

.showcase-container .showcase-subheader .showcase-scoreboard-timer .grid-event-info {
    display: block
}

.showcase-container .showcase-subheader .showcase-scoreboard-timer .grid-event-timer {
    color: #adadad
}

.showcase-container .showcase-subheader .showcase-scoreboard-timer .live-icon,
.showcase-container .showcase-subheader .showcase-scoreboard-timer ms-event-timer {
    font-size: 11px
}

.showcase-container .showcase-subheader .score {
    height: 19px;
    margin: 0 3px;
    overflow: hidden
}

.showcase-container .showcase-subheader .showcase-scoreboard-participants {
    display: flex
}

.showcase-container .showcase-subheader .showcase-scoreboard-participants .away-indicator-showcase,
.showcase-container .showcase-subheader .showcase-scoreboard-participants .score-separator {
    white-space: pre
}

.showcase-container .showcase-subheader .showcase-scoreboard-participants .showcase-scoreboard-live {
    display: flex
}

.showcase-container .showcase-subheader .showcase-scoreboard-participants-score {
    color: #fff;
    display: flex
}

.showcase-container .showcase-content-container {
    background-color: #191919;
    background-position: 50%;
    background-size: cover;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    display: flex
}

@media (max-width:599.98px) {
    .showcase-container .showcase-content-container {
        border-radius: 0;
        height: auto
    }
}

.showcase-container .showcase-content-container .scoreboard .baseball-live .theme-baseball-indicator {
    color: #e6a31b
}

.showcase-container .showcase-content-container .showcase-scoreboard-market-image {
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: flex
}

.showcase-container .showcase-content-container .showcase-content-container-overlay {
    background-color: #191919b3;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 15px;
    display: flex
}

@media (max-width:599.98px) {
    .showcase-container .showcase-content-container .showcase-content-container-overlay {
        padding: 8px 8px 15px
    }
}

.showcase-container .showcase-content-container .showcase-scoreboard-market {
    width: 100%;
    height: 100%;
    display: flex
}

@media (max-width:599.98px) {
    .showcase-container .showcase-content-container .showcase-scoreboard-market {
        flex-wrap: wrap;
        height: auto
    }
}

.showcase-container .showcase-content-container .showcase-scoreboard-market .showcase-market-container {
    width: 50%;
    display: flex
}

@media (hover:hover) and (pointer:fine) {
    .showcase-container .showcase-content-container .showcase-scoreboard-market .showcase-market-container {
        margin-left: 8px
    }
}

@media (max-width:599.98px) {
    .showcase-container .showcase-content-container .showcase-scoreboard-market .showcase-market-container {
        width: 100%;
        padding-left: unset
    }
}

@media screen and (max-width:699px) {
    .showcase-container .showcase-content-container .showcase-scoreboard-market {
        flex-wrap: wrap;
        height: auto
    }

    .showcase-container .showcase-content-container .showcase-scoreboard-market .showcase-scoreboard-container,
    .showcase-container .showcase-content-container .showcase-scoreboard-market .showcase-market-container {
        width: 100%
    }

    .showcase-container .showcase-content-container .showcase-scoreboard-market .stats-container {
        margin: 0
    }
}

@media (min-width:600px) and (max-width:959.98px) {
    .showcase-container .showcase-content-container .showcase-scoreboard-market {
        flex-wrap: wrap;
        height: auto
    }

    .showcase-container .showcase-content-container .showcase-scoreboard-market .showcase-scoreboard-container,
    .showcase-container .showcase-content-container .showcase-scoreboard-market .showcase-market-container {
        width: 100%;
        margin-right: unset
    }

    .showcase-container .showcase-content-container .showcase-scoreboard-market .stats-container {
        margin: 0
    }
}

.showcase-container .showcase-content-container .statistics-expander .statistics-toggle.statistics-toggle-mobile.expanded {
    margin-bottom: 0
}

.showcase-container ms-highlights-marquee {
    width: 100%;
    margin-bottom: unset
}

.showcase-container ms-highlights-marquee .cards {
    background-color: unset;
    padding: unset;
    padding-top: 8px
}

.showcase-container ms-highlights-marquee .marquee-card .card-special-image .market-name-span,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .line-span,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .correct-score-market-name,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .card-league,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .card-date,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .card-special .card-event,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .card-special .card-market,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .event-info .cs-text,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .event-info .card-event-date,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .card-special-price-prev .cs-text,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .card-special-price-prev .cs-price,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .card-tennis-live .card-player .player-name,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .ms-dropdown .title .group-title,
.showcase-container ms-highlights-marquee .marquee-card .card-special-image .ms-dropdown .title .group-arrow {
    color: #fff
}

.showcase-container ms-highlights-marquee .marquee-card .card-special-image .divider {
    background-color: #fff
}

.showcase-container ms-highlights-marquee .marquee-card .card-special-image .six-pack-market-name {
    color: #fff
}

.showcase-container ms-highlights-marquee .marquee-card {
    color: #adadad;
    background-color: #191919
}

.showcase-container ms-highlights-marquee .marquee-card ms-event-pick>div {
    color: #fff;
    background-color: #474747;
    box-shadow: inset 0 0 0 1px #474747
}

.showcase-container ms-highlights-marquee .marquee-card ms-event-pick>div .option-value,
.showcase-container ms-highlights-marquee .marquee-card ms-event-pick>div .option-attribute {
    color: #fff
}

.showcase-container ms-highlights-marquee .marquee-card ms-event-pick>div.selected {
    color: #fff;
    background-color: #ffcc004d;
    box-shadow: inset 0 0 0 1px #fc0
}

.showcase-container ms-highlights-marquee .marquee-card ms-event-pick>div.selected .option-attribute,
.showcase-container ms-highlights-marquee .marquee-card ms-event-pick>div.selected .option-value {
    color: #fff
}

.showcase-container ms-highlights-marquee .marquee-card ms-event-pick>div.selected .card-result-name {
    color: #ffffffb3
}

@media (hover:hover) and (pointer:fine) {
    .showcase-container ms-highlights-marquee .marquee-card ms-event-pick>div:hover {
        background-color: #3a3a3a
    }

    .showcase-container ms-highlights-marquee .marquee-card ms-event-pick>div.selected:hover {
        background-color: #cca3004d
    }
}

.showcase-container ms-highlights-marquee .marquee-card .card-bet-now-button {
    color: #fff
}

.showcase-container ms-highlights-marquee .marquee-card .six-pack-market-name,
.showcase-container ms-highlights-marquee .marquee-card .market-name-span,
.showcase-container ms-highlights-marquee .marquee-card .line-span,
.showcase-container ms-highlights-marquee .marquee-card .correct-score-market-name {
    color: #adadad
}

.showcase-container ms-highlights-marquee .marquee-card .divider {
    background-color: #adadad
}

.showcase-container ms-highlights-marquee .marquee-card .ms-dropdown .title .group-title,
.showcase-container ms-highlights-marquee .marquee-card .ms-dropdown .title .group-arrow,
.showcase-container ms-highlights-marquee .marquee-card .card-scoreboard_info-video-badge {
    color: #adadad
}

.showcase-container ms-highlights-marquee .marquee-card .video-badge-live {
    color: #fc0
}

.showcase-container ms-highlights-marquee .marquee-card ms-betbuilder-card .card-promotional .card-league {
    color: #fff
}

.showcase-container ms-highlights-marquee .marquee-card .card-league,
.showcase-container ms-highlights-marquee .marquee-card .card-date,
.showcase-container ms-highlights-marquee .marquee-card .card-tennis-live .card-player .player-name,
.showcase-container ms-highlights-marquee .marquee-card .card-tennis-live .set-game-scoreboard .cell {
    color: #adadad
}

.showcase-container ms-highlights-marquee .marquee-card .card-tennis-live .set-game-scoreboard .highlight {
    color: #adadad !important
}

.showcase-container ms-highlights-marquee .marquee-card ms-highlights-special-card .card-promotional .card-league {
    color: #333
}

.showcase-container ms-highlights-marquee .marquee-card ms-highlights-special-card .card-promotional .card-league:before {
    background-color: #fc0
}

.showcase-container ms-highlights-marquee .no-promotion-card {
    box-shadow: unset;
    border: 1px solid #707070
}

.showcase-container ms-highlights-marquee .card-special .card-event,
.showcase-container ms-highlights-marquee .card-special .card-market,
.showcase-container ms-highlights-marquee .card-special-price-prev .cs-text,
.showcase-container ms-highlights-marquee .card-special-price-prev .cs-price,
.showcase-container ms-highlights-marquee ms-betbuilder-card .card-special-price .card-special-odds-prev .card-option-group ms-betbuilder-pick>div.selected ms-font-resizer,
.showcase-container ms-highlights-marquee ms-betbuilder-card .card-special-price .card-special-odds-prev .card-option-group ms-betbuilder-group-pick>div.selected ms-font-resizer,
.showcase-container ms-highlights-marquee ms-betbuilder-card .card-special-price .card-special-odds-prev .card-option-group ms-betbuilder-pick>div ms-font-resizer,
.showcase-container ms-highlights-marquee ms-betbuilder-card .card-special-price .card-special-odds-prev .card-option-group ms-betbuilder-group-pick>div ms-font-resizer {
    color: #fff
}

.showcase-container ms-highlights-marquee ms-betbuilder-card .card-promotional .card-league:before {
    background-color: #eb7e13
}

.showcase-container ms-highlights-marquee ms-betbuilder-card .event-info .cs-text,
.showcase-container ms-highlights-marquee ms-betbuilder-card .event-info .card-event-date {
    color: #fff
}

.showcase-container ms-highlights-marquee .card-bet-now-button {
    background-color: #474747;
    box-shadow: inset 0 0 0 1px #474747
}

.showcase-container ms-highlights-marquee ms-crm-promotion-banner .terms {
    font-size: 7px
}

.showcase-container ms-highlights-marquee ms-crm-promotion-banner .info-panel {
    top: 50%
}

.showcase-container ms-crm-promotion-container {
    margin: 8px 0 0
}

.showcase-container ms-crm-promotion-container ms-crm-promotion-banner .terms {
    font-size: 7px
}

.showcase-container ms-crm-promotion-container ms-crm-promotion-banner .info-panel {
    top: 70px
}

.showcase-container .showcase-promotion-container {
    width: 100%;
    margin-top: 36px;
    display: flex
}

.showcase-container .showcase-promotion-container .card-option-group ms-event-pick>div,
.showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-pick>div,
.showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-group-pick>div {
    background-color: #474747;
    box-shadow: inset 0 0 0 1px #474747
}

.showcase-container .showcase-promotion-container .card-option-group ms-event-pick>div.selected,
.showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-pick>div.selected,
.showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-group-pick>div.selected {
    color: #fff;
    background-color: #ffcc004d;
    box-shadow: inset 0 0 0 1px #fc0
}

.showcase-container .showcase-promotion-container .card-option-group ms-event-pick>div.selected .card-result-name,
.showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-pick>div.selected .card-result-name,
.showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-group-pick>div.selected .card-result-name {
    color: #ffffffb3
}

@media (hover:hover) and (pointer:fine) {

    .showcase-container .showcase-promotion-container .card-option-group ms-event-pick>div:hover,
    .showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-pick>div:hover,
    .showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-group-pick>div:hover {
        background-color: #3a3a3a
    }

    .showcase-container .showcase-promotion-container .card-option-group ms-event-pick>div.selected:hover,
    .showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-pick>div.selected:hover,
    .showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-group-pick>div.selected:hover {
        background-color: #cca3004d
    }
}

.showcase-container .showcase-promotion-container .card-option-group ms-event-pick>div.offline,
.showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-pick>div.offline,
.showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-group-pick>div.offline {
    box-shadow: inset 0 0 0 1px #474747
}

.showcase-container .showcase-promotion-container .card-option-group ms-event-pick .card-result-name,
.showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-pick .card-result-name,
.showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-group-pick .card-result-name {
    color: #ffffffb3
}

.showcase-container .showcase-promotion-container .card-option-group ms-event-pick .card-result-name-inner,
.showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-pick .card-result-name-inner,
.showcase-container .showcase-promotion-container .card-option-group ms-betbuilder-group-pick .card-result-name-inner {
    border-bottom: 1px hidden unset
}

.showcase-container .showcase-scoreboard-container {
    background-color: #ffffff4d;
    border-radius: 3px;
    flex-direction: column;
    align-self: center;
    width: 50%;
    margin-right: 8px;
    display: flex
}

@media (max-width:599.98px) {
    .showcase-container .showcase-scoreboard-container {
        margin-right: unset
    }
}

.showcase-container .showcase-scoreboard-container .scoreboard.started .baseball-live,
.showcase-container .showcase-scoreboard-container .scoreboard.started .period-game-live {
    justify-content: center;
    margin-bottom: 12px
}

.showcase-container .showcase-scoreboard-container .event-animation {
    height: 180px;
    max-width: unset;
    display: inline-flex
}

.showcase-container .showcase-scoreboard-container .event-animation.betradar-animation {
    height: auto;
    max-height: unset
}

.showcase-container .showcase-scoreboard-container .event-animation .betradar-visualization-container {
    width: 100%
}

.showcase-container .showcase-scoreboard-container .baseball-live .inning-block.dt-gt-20-inning-block {
    width: unset
}

@media (max-width:599.98px) {
    .showcase-container .showcase-scoreboard-container .baseball-live .inning-block {
        justify-content: flex-start
    }
}

.showcase-container .showcase-scoreboard-container .baseball-live .set {
    width: 24px
}

@media (max-width:599.98px) {
    .showcase-container .showcase-scoreboard-container .baseball-live .set {
        width: 18px
    }
}

.showcase-container .showcase-scoreboard-container .medium .baseball .participant,
.showcase-container .showcase-scoreboard-container .medium .baseball .participant-info,
.showcase-container .showcase-scoreboard-container .medium .pair-game .participant,
.showcase-container .showcase-scoreboard-container .medium .pair-game .participant-info,
.showcase-container .showcase-scoreboard-container .medium .period-game .participant,
.showcase-container .showcase-scoreboard-container .medium .period-game .participant-info {
    align-items: center
}

.showcase-container .showcase-scoreboard-container .medium .baseball .participant:nth-child(3) ms-participant-image,
.showcase-container .showcase-scoreboard-container .medium .pair-game .participant:nth-child(3) ms-participant-image,
.showcase-container .showcase-scoreboard-container .medium .period-game .participant:nth-child(3) ms-participant-image {
    padding-right: 0
}

.showcase-container .showcase-scoreboard-container .medium .baseball .participant:nth-child(2) ms-participant-image,
.showcase-container .showcase-scoreboard-container .medium .pair-game .participant:nth-child(2) ms-participant-image,
.showcase-container .showcase-scoreboard-container .medium .period-game .participant:nth-child(2) ms-participant-image {
    padding-left: 0
}

.showcase-container .showcase-scoreboard-container .medium .baseball .participant-name,
.showcase-container .showcase-scoreboard-container .medium .pair-game .participant-name,
.showcase-container .showcase-scoreboard-container .medium .period-game .participant-name {
    text-align: center;
    justify-content: center
}

.showcase-container .showcase-scoreboard-container .small .prematch .participant,
.showcase-container .showcase-scoreboard-container .small .prematch .participant-info {
    align-items: center
}

.showcase-container .showcase-scoreboard-container .small .prematch .participant:nth-child(3) ms-participant-image {
    padding-right: 0
}

.showcase-container .showcase-scoreboard-container .small .prematch .participant:nth-child(2) ms-participant-image {
    padding-left: 0
}

.showcase-container .showcase-scoreboard-container .small .prematch .participant-name {
    text-align: center;
    justify-content: center
}

.showcase-container .showcase-scoreboard-container .pair-game .participant:last-child .participant-name .participant-name-value {
    margin-left: unset;
    margin-right: unset
}

.showcase-container .showcase-scoreboard-container .baseball .main-score .participant:nth-child(2) .participant-logo {
    padding-left: 0
}

.showcase-container .showcase-scoreboard-container .baseball .main-score .participant:nth-child(3) .participant-logo {
    padding-right: 0
}

.showcase-container .showcase-scoreboard-container ms-scoreboard,
.showcase-container .showcase-scoreboard-container ms-event-header {
    background-image: none !important
}

@media (max-width:599.98px) {
    .showcase-container .showcase-scoreboard-container {
        width: 100%;
        padding-right: unset;
        border-radius: 0
    }

    .showcase-container .showcase-scoreboard-container.stats-container {
        margin: 0
    }

    .showcase-container .showcase-scoreboard-container.stats-container .stats-background {
        width: 100%;
        margin: 0;
        padding: 0
    }
}

.showcase-container .league-title-media {
    flex-direction: row;
    width: 100%;
    height: 40px;
    display: flex
}

.showcase-container .league-title-media .league-title-logo {
    flex-direction: row;
    align-items: center;
    width: 50%;
    padding: 0 0 0 8px;
    display: flex
}

.showcase-container .league-title-media .league-title-logo .league-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    overflow: hidden
}

.showcase-container .league-title-media .league-title-logo .league-logo {
    margin-bottom: 2px;
    padding-right: 8px
}

.showcase-container .league-title-media .league-title-logo .league-logo .competition-logo {
    width: 25px
}

.showcase-container .league-title-media ms-showcase-media {
    width: 50%
}

.showcase-container .league-title-media ms-showcase-media .icon vn-icon {
    cursor: pointer
}

.showcase-container .league-title-media .showcase-media-desktop {
    flex-direction: row-reverse;
    padding: 10px 10px 10px 15px;
    display: flex
}

.showcase-container .league-title-media .showcase-media-desktop .stats-icon {
    color: #fff
}

.showcase-container .league-title-media .showcase-media-desktop .stats-icon .media-stats-icon {
    color: #fff;
    visibility: visible
}

.showcase-container .league-title-media .showcase-media-desktop .media {
    align-self: center;
    padding-right: 8px
}

.showcase-container .scoreboard-background {
    cursor: pointer;
    width: 100%
}

.showcase-container .scoreboard-background .scoreboard .participant-favourite,
.showcase-container .scoreboard-background .scoreboard .away-indicator,
.showcase-container .scoreboard-background .scoreboard .statistics-button {
    display: none
}

@media (max-width:599.98px) {
    .showcase-container .scoreboard-background .scoreboard.started .baseball-live {
        margin-left: 0
    }
}

.showcase-container .scoreboard-background .stats-background {
    width: 100%;
    margin: 0;
    padding: 0
}

.showcase-container .scoreboard-background .period-game .participant:nth-child(2) .participant-logo {
    padding-left: unset
}

.showcase-container .scoreboard-background .period-game .participant:nth-child(3) .participant-logo {
    padding-right: unset
}

.showcase-market-container {
    align-items: center;
    width: 50%;
    display: flex
}

@media (hover:hover) and (pointer:fine) {
    .showcase-market-container {
        margin-left: 10px
    }
}

.showcase-market-container .six-pack-market-view {
    align-items: center
}

.showcase-market-container .six-pack-market-view .option-group:last-child {
    margin-right: unset
}

.showcase-market-container .default-market-view {
    flex-direction: column
}

.showcase-market-container .default-market-view .option-group {
    align-items: flex-start !important;
    margin-top: 3px !important
}

.showcase-market-container .default-market-view .option-group ms-event-pick {
    margin-bottom: 4px;
    margin-right: 4px
}

.showcase-market-container .default-market-view .option-group ms-event-pick:last-child {
    margin-right: unset
}

.showcase-market-container .default-market-view,
.showcase-market-container .six-pack-market-view {
    width: 100%;
    margin-top: 8px;
    display: flex
}

.showcase-market-container .option-group {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-right: 4px;
    display: flex;
    position: relative
}

.showcase-market-container .option-group .name {
    margin-bottom: 2px;
    font-size: .75em;
    line-height: 16px
}

.showcase-market-container .option-group ms-event-pick {
    flex: 1;
    width: 100%;
    height: 38px;
    max-height: 38px;
    margin-bottom: 5px;
    display: block;
    position: relative
}

.showcase-market-container .option-group ms-event-pick>div {
    z-index: 1;
    cursor: pointer;
    color: #fff;
    background-color: #474747;
    border-radius: 3px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

.showcase-market-container .option-group ms-event-pick>div.selected {
    color: #fff;
    background-color: #ffcc004d;
    font-weight: 700;
    box-shadow: inset 0 0 0 1px #fc0
}

.showcase-market-container .option-group ms-event-pick>div.selected .option-attribute {
    color: #fff;
    font-weight: 700
}

@media (hover:hover) and (pointer:fine) {
    .showcase-market-container .option-group ms-event-pick>div:not(.result-disabled):hover {
        background-color: #3a3a3a
    }

    .showcase-market-container .option-group ms-event-pick>div.selected:hover {
        background-color: #cca3004d
    }
}

.showcase-market-container .option-group .row-view {
    width: 100%;
    display: flex
}

.showcase-market-container .option-group .column-view {
    width: 100%
}

@media (max-width:599.98px) {
    .showcase-market-container .grid-option-selectable {
        white-space: nowrap
    }
}

.showcase-market-container .grid-option-selectable>div.offline {
    color: #adadad;
    white-space: nowrap
}

.showcase-market-container .grid-option-selectable>div.offline vn-icon {
    cursor: none !important
}

@media (hover:hover) and (pointer:fine) {
    .showcase-market-container .grid-option-selectable>div.result-disabled:hover {
        cursor: default
    }
}

.showcase-market-container .grid-option-selectable .option-attribute {
    color: #adadad;
    width: 100%;
    padding-left: 8px;
    font-size: .875em;
    font-weight: 400
}

@media (max-width:599.98px) {
    .showcase-market-container .grid-option-selectable .option-attribute {
        padding-right: 5px
    }
}

.showcase-market-container .grid-option-selectable .option-position {
    justify-content: center !important
}

.showcase-market-container .grid-option-selectable .result-odds {
    z-index: 1;
    border: 1px solid #0000;
    border-radius: 3px;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-right: 8px;
    font-size: .875em;
    display: flex;
    position: relative;
    overflow: hidden
}

.showcase-market-container .grid-option-selectable .option-indicator.increased .option-value:after {
    border-top: .8em solid #2db343;
    border-bottom-width: .8em;
    border-left-width: .8em;
    top: 0;
    right: 0
}

.showcase-market-container .grid-option-selectable .option-indicator.decreased .option-value:after {
    border-bottom: .8em solid #ff3b30;
    border-left-width: .8em;
    bottom: 0;
    right: 0
}

.showcase-widget .showcase-container {
    box-shadow: 0 1px 3px 1px #0003
}

.showcase-container .medium .pair-game .main-score .participant.show-red-card:nth-child(2) ms-participant-image {
    padding-left: 0;
    padding-right: 14px
}

.showcase-container .medium .pair-game .main-score .participant.show-red-card:nth-child(3) ms-participant-image {
    padding-left: 14px;
    padding-right: 0
}

@keyframes pause-and-play-button-animation {
    to {
        opacity: 0;
        width: 80px;
        height: 80px;
        padding-top: 7px;
        font-size: 32px
    }
}

.modal-backdrop.story-details-popup-no-backdrop {
    background-color: #0000
}

.story-content-container {
    color: #191919;
    background-color: #fff;
    flex-direction: column;
    margin-bottom: 15px;
    display: flex;
    box-shadow: 0 1px 3px 1px #0003
}

.card-content .story-content-container {
    border-radius: .25rem;
    overflow: hidden
}

.story-content-container.expanded {
    padding-bottom: 10px
}

.story-content-container .story-list {
    justify-content: center;
    display: flex
}

.story-content-container .header {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 700;
    display: flex
}

.story-content-container .header .icon {
    font-size: 12px
}

.story-content-container .header .header-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden
}

.story-content-container .scroll-adapter {
    padding: 0 6px
}

@media (min-width:960px) {
    .story-content-container .scroll-adapter {
        padding: 0 10px
    }
}

.story-content-container .scroll-adapter__content {
    min-width: 100%
}

.story-content-container.single .scroll-adapter__content {
    max-width: 100%
}

.story-content-container .story-preview {
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.story-content-container .story-preview .item-image {
    border: 2px solid var(--theme-body-20);
    background-color: #000;
    background-position: 50%;
    background-size: cover;
    background-clip: content-box;
    padding: 2px;
    position: relative
}

.story-content-container .story-preview .item-image.item-image--has-img {
    background: 0 0
}

.story-content-container .story-preview .item-image .item-background {
    object-fit: cover;
    padding: 4px
}

.story-content-container .story-preview.with-border .item-image {
    border: 2px solid #fc0
}

.story-content-container .story-preview .item-icon {
    color: #fc0;
    font-size: 25px;
    display: flex
}

.story-content-container .story-preview .item-icon span {
    justify-content: center;
    align-items: flex-start;
    width: 25px;
    height: 25px;
    display: flex
}

.story-content-container .story-preview .item-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    overflow: hidden
}

.story-content-container.circle:not(.single) .story-preview {
    margin-right: 20px
}

.story-content-container.circle:not(.single) .story-preview .item-image {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    display: flex
}

.story-content-container.circle:not(.single) .story-preview .item-image .item-background {
    border-radius: 50%
}

.story-content-container.circle:not(.single) .story-preview.with-border {
    width: 64px
}

.story-content-container.circle:not(.single) .story-preview .item-title {
    text-align: center;
    width: 64px;
    padding-top: 3px;
    font-weight: 500
}

.story-content-container.square:not(.single) .story-preview {
    margin-right: 6px
}

.story-content-container.square:not(.single) .story-preview .item-image {
    border-radius: 8px;
    width: 90px;
    height: 168px
}

@media (min-width:960px) {
    .story-content-container.square:not(.single) .story-preview .item-image {
        width: 188px;
        height: 108px
    }
}

.story-content-container.square:not(.single) .story-preview .item-image .item-background {
    border-radius: 8px
}

.story-content-container.square:not(.single) .story-preview .item-icon {
    justify-content: flex-start;
    align-items: center;
    padding: 8px 0 0 9px;
    display: flex;
    position: relative
}

.story-content-container.square:not(.single) .story-preview .item-title {
    text-align: left;
    color: #fff;
    width: calc(100% - 20px);
    font-weight: 700;
    position: absolute;
    bottom: 12px;
    left: 12px
}

@media (max-width:959.98px) {
    .story-content-container.square:not(.single) .story-preview .item-title {
        width: 70%;
        white-space: initial;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
}

.story-content-container.single .story-preview {
    width: 100%
}

.story-content-container.single .story-preview .item-image {
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 74px;
    display: flex
}

.story-content-container.single .story-preview .item-button {
    border-radius: 5px;
    width: auto;
    max-width: 45%;
    height: 24px;
    margin-right: 10px;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 400
}

.story-content-container.single .story-preview .item-button i:before {
    padding-top: 2px;
    padding-right: 6px;
    font-size: 7px
}

.story-content-container.single .story-preview .icon-title {
    z-index: 1;
    align-items: center;
    max-width: 45%;
    margin-left: 10px;
    display: flex
}

@media (max-width:959.98px) {
    .story-content-container.single .story-preview .icon-title {
        font-size: 14px
    }
}

.story-content-container.single .story-preview .item-icon {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
    position: relative
}

.story-content-container.single .story-preview .item-title {
    color: #fff;
    margin-left: 10px;
    padding-bottom: 1px;
    font-size: 14px
}

.story-content-container.circle:not(.single) .scroll-adapter__arrow {
    top: calc(50% - 8px)
}

.story-content-container:not(.single) .story-preview:last-child {
    margin-right: unset
}

@media (min-width:600px) {
    html:not(.device-mobile-phone) .story-content-modal.modal.modal-popup .modal-content {
        width: 60%;
        height: 743px
    }

    html:not(.device-mobile-phone) .story-content .slide-control-button-title-group .story-title {
        max-width: 160px
    }
}

@media screen and (min-width:600px) and (max-height:800px) {
    html:not(.device-mobile-phone) .story-content-modal.modal.modal-popup .modal-content {
        width: 65%;
        height: 566px
    }
}

@media (min-width:600px) {
    html.isTablet .story-content-modal.modal.modal-popup .modal-content {
        width: 98%;
        height: 743px
    }

    html.isTablet .story-content .slide-control-button-title-group .story-title {
        max-width: 55px
    }

    html.isTablet.landscape .story-content-modal.modal.modal-popup .modal-content {
        width: 98%;
        height: 743px
    }

    html.isTablet.landscape .story-content .slide-control-button-title-group .story-title {
        max-width: 170px
    }
}

@media (min-width:960px) {
    html.isTablet .story-content .slide-control-button-title-group .story-title {
        max-width: 160px
    }
}

@media (min-width:1280px) {
    html.isTablet.landscape .story-content-modal.modal.modal-popup .modal-content {
        width: 74%;
        height: 743px
    }

    html.isTablet.landscape .story-content .slide-control-button-title-group .story-title {
        max-width: 170px
    }
}

.story-content {
    flex-direction: column;
    height: 100%;
    display: flex
}

.story-content.rotation-msg ms-slideshow {
    display: none
}

.story-content:not(.rotation-msg) {
    background-color: var(--theme-body)
}

.story-content .story-header {
    background-color: var(--theme-brand-03);
    z-index: 5;
    width: 100%;
    height: 52px;
    padding: 11px 16px;
    font-size: 16px;
    font-weight: 700
}

@media (min-width:600px) {
    .story-content .story-header {
        height: 76px;
        padding: 20px 16px;
        font-size: 18px
    }
}

.story-content .duration-bar-container {
    margin-bottom: 5px;
    display: flex
}

.story-content .duration-bar {
    margin-right: 7px
}

.story-content .duration-bar:last-child {
    margin-right: 0
}

.story-content .ms-progress-bar-background-bar {
    position: unset;
    background-color: #ffffff1a;
    height: 2px !important
}

.story-content .ms-progress-bar-background-bar .ms-progress-bar-indicator {
    width: 0;
    background-color: var(--theme-body-50) !important
}

.story-content .filled {
    background-color: var(--theme-body-50)
}

.story-content .unfilled {
    background-color: #ffffff1a
}

.story-content .story-title-container {
    color: #fff;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    display: flex
}

.story-content .story-title {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    overflow: hidden
}

.story-content .close {
    text-align: right;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 3px;
    font-size: 14px;
    overflow: hidden
}

.story-content .story-body-container {
    height: 100%
}

.story-content ms-story-body {
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.story-content .slide-controls,
.story-content .story-tap-overlay,
.story-content .story-click-overlay-desktop {
    display: none
}

.story-content .story-body {
    background-color: #000;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.story-content .story-body ms-sub-story-body {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

.story-content .story-body ms-sub-story-body img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.story-content .story-body ms-sub-story-body ms-crm-promotion-banner {
    border-radius: unset;
    height: 100%;
    position: absolute
}

.story-content .story-body ms-sub-story-body ms-story-content-video,
.story-content .story-body ms-sub-story-body video {
    width: 100%;
    height: 100%
}

.story-content .story-body ms-sub-story-body .video-mute-unmute-button {
    color: #fff;
    cursor: pointer;
    height: 32px;
    position: absolute;
    bottom: 12px;
    right: 12px
}

.story-content .story-body ms-sub-story-body .theme-sound-mute:before,
.story-content .story-body ms-sub-story-body .theme-sound-loud:before {
    font-size: 32px
}

.story-content .story-body ms-promotion-status-button-wrapper {
    width: 100%
}

.story-content .story-body ms-story-promotion ms-crm-promotion-status-button div {
    align-items: center;
    height: 32px;
    display: flex
}

.story-content .story-body ms-story-promotion .content-wrapper {
    height: 100%
}

.story-content .story-body ms-story-promotion .info-panel {
    width: 100%;
    margin-top: unset;
    margin-left: unset;
    top: unset;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    display: flex;
    position: relative
}

.story-content .see-more {
    background: var(--theme-body-20);
    color: var(--theme-body);
    cursor: pointer;
    border-radius: 15px;
    height: 32px;
    padding: 7px 15px;
    font-size: 14px;
    display: flex;
    position: absolute;
    bottom: 12px
}

.story-content .see-more .see-more-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
    display: inline-block;
    overflow: hidden
}

.story-content .see-more .see-more-icon {
    margin-left: 6px;
    padding-top: 3px;
    font-size: 12px
}

.story-content .see-more .theme-right {
    margin-left: -2px
}

@media (max-width:599.98px) {
    .story-content .story-header {
        background-color: #0000;
        position: absolute
    }

    .story-content .story-body {
        flex: 1
    }

    .story-content .story-tap-overlay {
        z-index: 3;
        justify-content: space-between;
        height: calc(100% - 96px);
        display: flex;
        position: absolute;
        top: 52px;
        left: 0;
        right: 0
    }

    .story-content .story-tap-overlay .left-tap,
    .story-content .story-tap-overlay .right-tap {
        width: 30%;
        height: 100%
    }
}

@media (min-width:600px) {
    .story-content .story-header {
        background-color: var(--theme-brand-03)
    }

    .story-content .story-title-container,
    .story-content .close {
        color: #fff
    }

    .story-content .close {
        font-size: 20px
    }

    .story-content .ms-progress-bar-background-bar {
        background-color: #d6d6d666
    }

    .story-content .ms-progress-bar-background-bar .ms-progress-bar-indicator {
        background-color: var(--theme-body-40) !important
    }

    .story-content .filled {
        background-color: var(--theme-body-40)
    }

    .story-content .unfilled {
        background-color: #d6d6d666
    }

    .story-content:not(.rotation-msg) .story-body-container {
        justify-content: space-between;
        align-items: center;
        height: 667px;
        display: flex
    }
}

@media screen and (min-width:600px) and (max-height:800px) {
    .story-content:not(.rotation-msg) .story-body-container {
        height: 490px
    }
}

@media (min-width:600px) {
    .story-content .slide-controls {
        flex: 1;
        justify-content: space-between;
        margin: 0 20px;
        display: flex
    }

    .story-content .slide-control-button {
        color: #fff;
        cursor: pointer;
        background-color: #00000080;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 40px;
        min-width: 40px;
        height: 40px;
        font-size: 16px;
        display: flex
    }

    .story-content .slide-control-button.pause-button,
    .story-content .slide-control-button.play-button {
        animation: .5s ease-out forwards pause-and-play-button-animation
    }

    .story-content .slide-control-button .theme-move-left,
    .story-content .slide-control-button .theme-left {
        margin: 3px 3px 0 0
    }

    .story-content .slide-control-button .theme-move-right,
    .story-content .slide-control-button .theme-right,
    .story-content .slide-control-button .theme-play-solid {
        margin: 3px 0 0 3px
    }

    .story-content .slide-control-button .theme-pause {
        margin-top: 3px
    }

    .story-content .slide-control-button-title-group {
        color: #fff;
        align-items: center;
        display: flex
    }

    .story-content .slide-control-button-title-group .story-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        overflow: hidden
    }
}

@media (min-width:600px) and (max-width:959.98px) {
    .story-content .slide-control-button-title-group .story-title {
        font-size: 12px
    }
}

@media (min-width:600px) {
    .story-content .slide-control-button-title-group .story-title.previous-title {
        margin-left: 5px
    }

    .story-content .slide-control-button-title-group .story-title.next-title {
        margin-right: 5px
    }

    .story-content .story-body {
        width: 375px
    }
}

@media screen and (min-width:600px) and (max-height:800px) {
    .story-content .story-body {
        width: 275px
    }
}

@media (min-width:600px) {
    .story-content .story-click-overlay-desktop {
        cursor: pointer;
        justify-content: center;
        align-items: center;
        width: 375px;
        height: 623px;
        padding-top: 44px;
        display: flex;
        position: absolute;
        top: 76px
    }
}

@media screen and (min-width:600px) and (max-height:800px) {
    .story-content .story-click-overlay-desktop {
        width: 275px;
        height: 446px
    }
}

@media (min-width:600px) {
    html.isTablet .story-content:not(.rotation-msg) .story-body-container {
        height: 667px
    }

    html.isTablet .story-content .story-body {
        width: 375px
    }

    html.isTablet .story-content .story-click-overlay-desktop {
        width: 375px;
        height: 623px
    }
}

.story-content-details {
    flex-direction: column;
    height: 100%;
    display: flex
}

.story-content-details .story-details-header {
    background-color: var(--theme-brand-03);
    width: 100%;
    height: 52px;
    padding: 11px 16px;
    font-size: 16px;
    font-weight: 700
}

@media (min-width:600px) {
    .story-content-details .story-details-header {
        height: 52px;
        padding: 20px 16px;
        font-size: 18px
    }
}

.story-content-details .story-details-title-container {
    color: #fff;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    display: flex
}

.story-content-details .story-title {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    overflow: hidden
}

.story-content-details .close {
    text-align: right;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    overflow: hidden
}

.story-content-details .story-details-body {
    color: var(--theme-body);
    text-align: left;
    background-color: #fff;
    flex-direction: column;
    flex: 100%;
    display: flex;
    position: relative
}

.story-content-details .story-details-body img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.story-content-details .header-text {
    padding: 16px;
    font-size: 28px
}

.story-content-details .body-content {
    padding: 16px;
    font-size: 16px
}

.story-content-details .body-content ul {
    list-style: inside
}

.story-content-details .body-content ol {
    list-style: inside decimal
}

.rotation-message-container {
    color: #191919;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.rotation-message-container .icon {
    font-size: 75px
}

.rotation-message-container .msg-close {
    font-size: 14px;
    position: absolute;
    top: 20px;
    right: 20px
}

.modal-backdrop.close-animation.hide-backdrop {
    opacity: 0
}

ms-loading-indicator .loading {
    z-index: 2
}

.mybet-taxation-info {
    color: #fff;
    z-index: 5;
    background-color: #333;
    border-radius: 4px;
    width: 96%;
    margin: 10px;
    padding: 15px;
    font-size: .9rem;
    font-weight: lighter;
    position: absolute;
    bottom: 6em;
    left: 0;
    box-shadow: 4px 4px #adadad80
}

.mybet-taxation-info_ok_text {
    text-align: center;
    font-weight: 400;
    font-size: initial;
    margin-bottom: unset;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    padding-top: 14px;
    display: block
}

.mybet-taxation-info_text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.mybet-taxation-info_text>span {
    color: #fc0;
    cursor: pointer;
    text-decoration: underline
}

.tournament-groups {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    display: block;
    overflow: hidden
}

.tournament-groups .group-container {
    white-space: nowrap;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    list-style-type: none;
    display: flex
}

.tournament-groups .group-container.card-container {
    padding-top: 8px;
    padding-bottom: 8px
}

.tournament-groups .group-container.card-container a {
    height: 82px
}

.tournament-groups .group-container.card-container a .favourite-icon {
    margin-top: 25px
}

.tournament-groups .group-container.card-container a .favourite-icon:before {
    height: 22px;
    top: 46px
}

.tournament-groups .group-container .no-participants a .favourite-icon {
    margin-top: 19px
}

.tournament-groups .group-container .no-participants a .favourite-icon:before {
    top: 40px
}

.tournament-groups .group-item a {
    color: #333;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    min-width: 44px;
    margin-right: 8px;
    padding: 8px 0 8px 8px;
    font-size: 12px;
    display: flex;
    position: relative
}

.tournament-groups .group-item.active a {
    background-color: #eaeaea;
    border-color: #adadad;
    font-weight: 700
}

.tournament-groups .group-item.active a:after {
    content: none
}

.tournament-groups .group-item .title {
    text-align: center;
    margin: auto;
    padding-right: 8px;
    font-size: 14px
}

.tournament-groups .group-item .title.pills {
    padding-left: 4px;
    padding-right: 12px
}

.tournament-groups .group-item .pills-template {
    margin: auto;
    display: flex
}

.tournament-groups .group-item .cards-template {
    margin: auto
}

.tournament-groups .group-item .cards-template .cards-participants-container {
    justify-content: center;
    padding-top: 8px;
    display: flex
}

.tournament-groups .group-item .cards-template .cards-participant-item {
    text-align: center;
    padding-right: 8px
}

.tournament-groups .group-item .cards-template .participant-image {
    width: 24px;
    height: 24px
}

.tournament-groups .group-item .cards-template .participant-code {
    margin-top: 4px
}

.tournament-groups .favourite-icon {
    height: 12px
}

.tournament-groups .favourite-icon:before {
    content: "";
    background-color: #eaeaea;
    width: 1px;
    height: 12px;
    display: block;
    position: absolute;
    top: 50%;
    right: 27px;
    transform: translateY(-50%)
}

.tournament-groups .group-item.active .favourite-icon:before {
    background-color: #adadad
}

.tournament-groups .favourite {
    padding: 3px 7px;
    display: flex
}

.tournament-groups .card-container .favourite {
    padding: 7px
}

.tournament-groups .scroll-adapter>div ::-webkit-scrollbar {
    display: none
}

.tournament-groups .scroll-adapter .arrow {
    top: 43%
}

.tournament-groups .scroll-adapter .arrow>span {
    font-size: .8em;
    line-height: 3em
}

.tournament-groups .scroll-adapter .arrow.disabled>span,
.tournament-groups .scroll-adapter .arrow.disabled:active {
    opacity: .7
}

.form-coupon .selectors-container {
    width: 100%;
    padding: .65rem;
    display: flex;
    overflow: hidden
}

.form-coupon .form-coupon-pills,
.form-coupon .selectors-container {
    background: #fff;
    border-bottom: 1px solid #eaeaea
}

.form-coupon .scroll-adapter__content {
    width: 100%
}

.form-coupon .btn.add-to-betslip {
    text-transform: capitalize;
    width: auto;
    font-size: .85rem;
    line-height: 0;
    font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    height: 24px;
    margin-right: .5rem
}

.form-coupon .btn.add-to-betslip span:before {
    margin-top: -4px;
    padding-right: 0;
    font-size: 1rem
}

.fixture-form {
    flex-direction: column;
    padding-top: .35em;
    padding-left: .5em;
    display: flex
}

.fixture-form>div {
    flex-direction: column;
    justify-content: center;
    display: flex
}

.fixture-form .round {
    z-index: 2;
    background: #adadad;
    border-radius: 50%;
    width: 7px;
    height: 7px
}

.fixture-form .round.won {
    background: #2db343
}

.fixture-form .round.lost {
    background: #ff3b30
}

.fixture-form .round:nth-of-type(5) {
    margin-right: 7px
}

.fixture-form .round:not(:first-child) {
    margin-left: 4px
}

.fixture-form .timeline-arrow {
    z-index: 1;
    background: #adadad;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.fixture-form .timeline-arrow:after {
    content: "";
    border-top: 3px solid #0000;
    border-bottom: 3px solid #0000;
    border-left: 3px solid #adadad;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: -1px;
    transform: translateY(-50%)
}

.fixture-form .arrow-right {
    border-top: 3px solid #0000;
    border-bottom: 3px solid #0000;
    border-left: 3px solid #adadad;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.fixture-form .form-indicators {
    display: flex;
    position: relative
}

.edit-header {
    background-color: #fc0;
    flex-direction: row;
    align-items: center;
    height: 36px;
    display: flex
}

.edit-header-info {
    flex: 0 25%;
    padding-left: 11px;
    font-size: 1.2em
}

.edit-header-info .betslip-icon:before {
    color: #333
}

.edit-header-info .theme-info-i {
    line-height: 0;
    display: block
}

.edit-header-info .theme-info-i:before {
    cursor: pointer
}

.edit-header-title {
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    color: #191919;
    flex: 50%;
    font-weight: 700
}

.edit-header-cancel {
    text-align: right;
    color: #191919;
    cursor: pointer;
    flex: 0 25%;
    padding-right: 15px
}

.modal-dialog-backdrop.modal-backdrop.edit-exit-confirmation-dialog-backdrop {
    z-index: 1075
}

.modal.modal-dialog-wrapper.confirmation-dialog.edit-exit-confirmation-dialog-window {
    z-index: 1076
}

.ms-dropdown {
    cursor: pointer;
    line-height: 1.9em;
    position: relative
}

.ms-dropdown.grid-dropdown .select {
    z-index: 5;
    width: 174px
}

.ms-dropdown:last-child {
    margin-right: 0
}

.ms-dropdown-menu {
    z-index: 1;
    flex-direction: row;
    display: flex !important
}

.ms-dropdown .dropdown-icon {
    display: inline-flex
}

.ms-dropdown .title {
    background-color: unset;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #eaeaea;
    border-radius: .25rem;
    width: 100%;
    padding-left: .5em;
    padding-right: 1.75em;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.ms-dropdown .title.title-single {
    padding-right: 0
}

.ms-dropdown .title .sport-icon {
    font-size: 1rem;
    position: absolute;
    top: .65em;
    left: 0
}

.ms-dropdown .title .group-title {
    font-size: .8571em
}

.ms-dropdown .title .group-arrow {
    line-height: initial;
    position: absolute;
    top: .45em;
    right: .5em
}

@media (hover:hover) and (pointer:fine) {
    .ms-dropdown .title.multiple:hover {
        background-color: #adadad1f
    }
}

.ms-dropdown .select {
    background-color: #fff;
    border: none;
    border-radius: .25rem;
    height: auto;
    margin: calc(-1px - .3em) 0 0;
    padding: .25rem 0;
    font-size: .875em;
    display: block;
    position: absolute;
    top: 1.75rem;
    overflow: hidden;
    box-shadow: 0 1px 3px 1px #0003
}

@media (hover:none) and (pointer:coarse) {
    .ms-dropdown .select {
        font-size: 1em
    }
}

.ms-dropdown .select.dropdown-expanded .title {
    background-color: #0000000a;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ms-dropdown.dropdown-disabled {
    opacity: .5
}

.dropdown-popper {
    width: 189px;
    font-size: .875em;
    transform: translate(-17px, -8px);
    z-index: 2 !important;
    border: unset !important;
    background-color: #fff !important;
    border-radius: .288em !important;
    margin: calc(-4px - .3em) 22px 0 !important;
    padding: 0 !important
}

@media (hover:hover) and (pointer:fine) {
    .dropdown-popper {
        margin: 0 0 0 28px !important
    }
}

.dropdown-popper .ngxp__inner {
    color: #333;
    background-color: #fff !important;
    padding: 0 !important
}

.dropdown-popper .ngxp__inner .select {
    z-index: 5;
    color: #333;
    background-color: #fff;
    border: none;
    border-radius: .25rem;
    width: 174px;
    height: auto;
    margin: calc(-1px - .3em) 22px 0 0;
    padding: .25rem 0;
    font-size: .875em;
    font-weight: 400;
    display: block;
    position: absolute;
    top: .25rem;
    right: 0;
    overflow: hidden;
    box-shadow: 0 1px 3px 1px #0003
}

@media (hover:none) and (pointer:coarse) {
    .dropdown-popper .ngxp__inner .select {
        font-size: 1em
    }
}

.dropdown-popper .ngxp__inner .select:hover {
    cursor: pointer
}

@media (max-width:599.98px) {
    .dropdown-popper .ngxp__inner .select {
        margin: calc(-1px - .3em) 16px 0 0
    }
}

.dropdown-popper .option {
    white-space: normal;
    padding: .65rem .68rem;
    line-height: 1em
}

.dropdown-popper .option:hover {
    cursor: pointer;
    background-color: #0000000a
}

.dropdown-popper .option.active {
    border-left: 3px solid #fc0;
    padding-left: .4rem;
    font-weight: 700
}

.dropdown-popper .option.divider {
    border-top: 1px solid #eaeaea;
    margin: .3em .75em;
    padding: 0
}

.dropdown-popper .option:not(.divider) {
    min-height: 2.668em
}

@media (hover:none) and (pointer:coarse) {
    .dropdown-popper .option:not(.divider) {
        min-height: 2.572em
    }
}

.dropdown-popper .option .option-name {
    overflow: hidden
}

.dropdown-popper .option .theme-right,
.dropdown-popper .option .dropdown-right-icon {
    float: right;
    padding-left: .3em
}

.dropdown-popper .option .theme-left,
.dropdown-popper .option .dropdown-left-icon {
    float: left;
    padding-right: .3em
}

.dropdown-popper .option .dropdown-popper-icon {
    display: inline-flex
}

.dropdown-popper .ngxp__arrow {
    display: none !important
}

.ngxp__container.dropdown-popper {
    font-family: unset !important;
    line-height: 1.9em !important
}

.ngxp__container.search-popper {
    z-index: 1070 !important
}

.ms-dropdown.option-sets-dropdown {
    height: 2em;
    margin-top: .2em;
    display: block
}

.ms-dropdown.option-sets-dropdown .title.title.title {
    display: inline-block
}

.ms-dropdown.option-sets-dropdown .select {
    z-index: 1;
    width: 174px;
    margin-top: -1px
}

.scroll-adapter {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

.scroll-adapter .scroll-adapter__content:not(.scroll-adapter__stretch) {
    display: inline-block !important
}

.scroll-adapter.scroll-adapter--large-arrows .scroll-adapter__container--scrollable-left:before,
.scroll-adapter.scroll-adapter--large-arrows .scroll-adapter__container--scrollable-right:after {
    width: 52px
}

.scroll-adapter.scroll-adapter--large-arrows .scroll-adapter__arrow {
    width: 36px;
    height: 36px
}

.scroll-adapter.scroll-adapter--large-arrows .scroll-adapter__arrow>span {
    font-size: .9rem
}

.scroll-adapter__container {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
    min-height: 2em;
    margin-bottom: -7px;
    padding-bottom: 7px;
    overflow: auto hidden
}

.scroll-adapter__container.no-overflow {
    overflow: unset
}

.scroll-adapter__container::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.scroll-adapter__container--scrollable-left:before,
.scroll-adapter__container--scrollable-right:after {
    content: "";
    width: 35px;
    display: inline-block
}

.scroll-adapter__arrow {
    cursor: pointer;
    text-align: center;
    z-index: 1;
    background: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    line-height: 1;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 2px 5px 2px #0000004d
}

.scroll-adapter__arrow>span {
    font-size: .6rem;
    color: #333 !important
}

.scroll-adapter__arrow>span:before {
    float: left
}

.scroll-adapter__arrow--hidden {
    display: none
}

@keyframes slide-in-from-right {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes slide-out-to-bottom {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(115%)
    }
}

@keyframes slide-in-from-bottom {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slide-out-to-right {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(115%)
    }
}

.popup-animate {
    width: 100%;
    position: fixed;
    inset: 0
}

@keyframes blinker {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

#Stats .menu-item .new {
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 5
}

@keyframes fade {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes slide-in-from-top {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.slide-from-top,
.slidefromtop {
    animation: 1s forwards slide-in-from-top
}

.loading,
#sports-nav,
.popup-animate,
.page-animate {
    transform: translateZ(0)
}

@keyframes bubble-highlight {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes spinner-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.rotating {
    animation-name: spinner-rotate;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes slide-in-from-left {
    to {
        transform: translate(0%)
    }
}

.match-simulation {
    text-align: center;
    display: block
}

@media (max-width:959.98px) {
    .match-simulation {
        margin-bottom: -4px
    }
}

.next-to-go {
    --next-to-go-right-icon-margin-left: var(--site-spacer-xs);
    --next-to-go-show-more-icon-margin-left: var(--site-spacer-xs)
}

.next-to-go-events .next-to-go-event:first-child {
    border-top: 1px solid #eaeaea
}

.next-to-go-events .next-to-go-event {
    display: block;
    position: relative
}

.next-to-go-events .next-to-go-event:after {
    content: "";
    background-color: #eaeaea;
    height: 1px;
    margin: 0 .7rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.next-to-go-events .next-to-go-event:last-child:after {
    content: none
}

.next-to-go-events .next-to-go-event .grid-event-wrapper {
    padding-bottom: .3em
}

.next-to-go-events .next-to-go-event .grid-info-wrapper {
    align-items: center
}

.next-to-go-events .next-to-go-event .grid-info-wrapper .icon {
    padding-left: 6px
}

.next-to-go-events .next-to-go-event .grid-info-wrapper .participant-wrapper {
    margin-bottom: 0
}

.next-to-go-events .next-to-go-event .theme-right {
    color: #707070;
    margin-left: .3em;
    padding-top: .3em;
    font-size: .8em
}

.next-to-go-events .next-to-go-event .grid-event-name {
    width: 100%;
    padding-left: 5px
}

.next-to-go-events .next-to-go-event .grid-event-timer {
    color: #707070;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.next-to-go-events .next-to-go-event .grid-event-timer .starting-time {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.next-to-go-events .next-to-go-event .grid-event-timer b {
    color: #ff3b30;
    font-weight: 400
}

.next-to-go-events .next-to-go-event .grid-event-timer-mobile {
    color: #707070;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: .688em;
    display: block;
    overflow: hidden
}

.next-to-go-events .next-to-go-event .grid-event-timer-mobile b {
    color: #ff3b30;
    font-weight: 400
}

.next-to-go-events .next-to-go-event .grid-event-timer-mobile .starting-time {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
    margin-top: 10px;
    padding-left: 5px;
    overflow: hidden
}

.next-to-go-events .next-to-go-event .grid-option-group.empty {
    text-align: right
}

@media (min-width:600px) {
    .next-to-go-events {
        flex-flow: wrap;
        display: flex
    }

    .next-to-go-events .next-to-go-event:nth-child(-n+2) {
        border-top: 1px solid #eaeaea
    }

    .next-to-go-events .next-to-go-event {
        width: 50%
    }
}

@media (min-width:600px) and (hover:hover) and (pointer:fine) {
    .next-to-go-events .next-to-go-event:hover:not(.swiped) .grid-event-wrapper {
        background: #adadad1f
    }

    .next-to-go-events .next-to-go-event:active {
        background-color: #0000000a
    }

    .next-to-go-events .next-to-go-event:active:not(:hover) {
        border-top: 1px solid #eaeaea;
        margin-top: -1px
    }
}

@media (min-width:600px) {
    .next-to-go-events .next-to-go-event:after {
        content: "";
        background-color: #eaeaea;
        height: 1px;
        margin: 0 .7rem;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .next-to-go-events .next-to-go-event:nth-child(2n):after {
        margin-left: 0
    }

    .next-to-go-events .next-to-go-event:nth-child(odd) {
        border-right: 1px solid #eaeaea
    }

    .next-to-go-events .next-to-go-event:nth-child(odd):after {
        margin-right: 0
    }

    .next-to-go-events .next-to-go-event:last-child:after {
        content: none
    }

    .next-to-go-events .next-to-go-event:last-child .grid-event-wrapper {
        padding-bottom: .3em
    }

    .next-to-go-events .next-to-go-event:nth-last-child(2):nth-child(odd):after {
        content: none
    }

    .next-to-go-events .grid-event-detail {
        width: 40%;
        padding-left: 6px
    }

    .next-to-go-events .timer-theme-right-multiple {
        justify-content: flex-end;
        width: 52%;
        display: flex
    }

    .next-to-go-events .grid-event-timer {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .next-to-go-events_odds,
    .next-to-go-events_single {
        border-top: 1px solid #eaeaea
    }

    .next-to-go-events_odds .next-to-go-event_odds,
    .next-to-go-events_odds .next-to-go-event_single,
    .next-to-go-events_single .next-to-go-event_odds,
    .next-to-go-events_single .next-to-go-event_single {
        z-index: 0;
        width: 100%;
        display: block;
        position: relative
    }

    .next-to-go-events_odds .next-to-go-event_odds:after,
    .next-to-go-events_odds .next-to-go-event_single:after,
    .next-to-go-events_single .next-to-go-event_odds:after,
    .next-to-go-events_single .next-to-go-event_single:after {
        content: "";
        background-color: #eaeaea;
        height: 1px;
        margin: 0 .7rem;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .next-to-go-events_odds .next-to-go-event_odds:last-child:after,
    .next-to-go-events_odds .next-to-go-event_single:last-child:after,
    .next-to-go-events_single .next-to-go-event_odds:last-child:after,
    .next-to-go-events_single .next-to-go-event_single:last-child:after {
        content: none
    }

    .next-to-go-events_odds .next-to-go-event_odds:last-child .grid-event-wrapper,
    .next-to-go-events_odds .next-to-go-event_single:last-child .grid-event-wrapper,
    .next-to-go-events_single .next-to-go-event_odds:last-child .grid-event-wrapper,
    .next-to-go-events_single .next-to-go-event_single:last-child .grid-event-wrapper {
        padding-bottom: .3em
    }
}

@media (min-width:600px) and (hover:hover) and (pointer:fine) {

    .next-to-go-events_odds .next-to-go-event_odds:hover:not(.swiped) .grid-event-wrapper,
    .next-to-go-events_odds .next-to-go-event_single:hover:not(.swiped) .grid-event-wrapper,
    .next-to-go-events_single .next-to-go-event_odds:hover:not(.swiped) .grid-event-wrapper,
    .next-to-go-events_single .next-to-go-event_single:hover:not(.swiped) .grid-event-wrapper {
        background: #adadad1f
    }

    .next-to-go-events_odds .next-to-go-event_odds:active,
    .next-to-go-events_odds .next-to-go-event_single:active,
    .next-to-go-events_single .next-to-go-event_odds:active,
    .next-to-go-events_single .next-to-go-event_single:active {
        background-color: #0000000a
    }

    .next-to-go-events_odds .next-to-go-event_odds:active:not(:hover),
    .next-to-go-events_odds .next-to-go-event_single:active:not(:hover),
    .next-to-go-events_single .next-to-go-event_odds:active:not(:hover),
    .next-to-go-events_single .next-to-go-event_single:active:not(:hover) {
        border-top: 1px solid #eaeaea;
        margin-top: -1px
    }
}

@media (min-width:600px) {

    .next-to-go-events_odds .next-to-go-event_odds .grid-info-wrapper,
    .next-to-go-events_odds .next-to-go-event_single .grid-info-wrapper,
    .next-to-go-events_single .next-to-go-event_odds .grid-info-wrapper,
    .next-to-go-events_single .next-to-go-event_single .grid-info-wrapper {
        padding: 5px 5px 5px 0
    }

    .next-to-go-events_odds .next-to-go-event_odds .grid-info-wrapper .grid-event-name,
    .next-to-go-events_odds .next-to-go-event_single .grid-info-wrapper .grid-event-name,
    .next-to-go-events_single .next-to-go-event_odds .grid-info-wrapper .grid-event-name,
    .next-to-go-events_single .next-to-go-event_single .grid-info-wrapper .grid-event-name {
        width: 100%;
        padding: 5px
    }

    .next-to-go-events_odds .next-to-go-event_odds .grid-info-wrapper .icon,
    .next-to-go-events_odds .next-to-go-event_single .grid-info-wrapper .icon,
    .next-to-go-events_single .next-to-go-event_odds .grid-info-wrapper .icon,
    .next-to-go-events_single .next-to-go-event_single .grid-info-wrapper .icon {
        padding-left: 6px
    }

    .next-to-go-events_odds .next-to-go-event_odds .grid-event-timer,
    .next-to-go-events_odds .next-to-go-event_single .grid-event-timer,
    .next-to-go-events_single .next-to-go-event_odds .grid-event-timer,
    .next-to-go-events_single .next-to-go-event_single .grid-event-timer {
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #707070;
        overflow: hidden
    }

    .next-to-go-events_odds .next-to-go-event_odds .grid-event-timer b,
    .next-to-go-events_odds .next-to-go-event_single .grid-event-timer b,
    .next-to-go-events_single .next-to-go-event_odds .grid-event-timer b,
    .next-to-go-events_single .next-to-go-event_single .grid-event-timer b {
        color: #ff3b30;
        font-weight: 400
    }

    .next-to-go-events_odds .next-to-go-event_odds .theme-right,
    .next-to-go-events_odds .next-to-go-event_single .theme-right,
    .next-to-go-events_single .next-to-go-event_odds .theme-right,
    .next-to-go-events_single .next-to-go-event_single .theme-right {
        color: #707070;
        margin-left: .3em;
        padding-top: .3em;
        font-size: .8em
    }

    .next-to-go-events_odds .next-to-go-event_odds .grid-option-group.empty,
    .next-to-go-events_odds .next-to-go-event_single .grid-option-group.empty,
    .next-to-go-events_single .next-to-go-event_odds .grid-option-group.empty,
    .next-to-go-events_single .next-to-go-event_single .grid-option-group.empty {
        text-align: center
    }

    .next-to-go-events_odds .next-to-go-event_odds .grid-event-wrapper.image .grid-event-name,
    .next-to-go-events_odds .next-to-go-event_single .grid-event-wrapper.image .grid-event-name,
    .next-to-go-events_single .next-to-go-event_odds .grid-event-wrapper.image .grid-event-name,
    .next-to-go-events_single .next-to-go-event_single .grid-event-wrapper.image .grid-event-name {
        padding: 0
    }

    .next-to-go-events_odds .next-to-go-event_odds .grid-event-wrapper.image .icon,
    .next-to-go-events_odds .next-to-go-event_single .grid-event-wrapper.image .icon,
    .next-to-go-events_single .next-to-go-event_odds .grid-event-wrapper.image .icon,
    .next-to-go-events_single .next-to-go-event_single .grid-event-wrapper.image .icon {
        padding-left: 0
    }

    .next-to-go-events_odds .next-to-go-event_odds .odds-timer-container {
        justify-content: space-between;
        display: flex
    }

    .next-to-go-events_odds .next-to-go-event_odds .timer-theme-right-with-odds {
        text-overflow: ellipsis;
        white-space: nowrap;
        justify-content: flex-end;
        align-items: center;
        display: flex;
        overflow: hidden
    }

    .next-to-go-events_odds .next-to-go-event_odds .grid-event-detail {
        padding-left: 6px
    }

    .next-to-go-events_odds .next-to-go-event_odds .competition-logo-container {
        width: 21px
    }

    .next-to-go-events_odds .next-to-go-event_odds .grid-info-wrapper.fixed {
        max-width: 240px
    }

    .next-to-go-events_odds .next-to-go-event_odds .grid-event-wrapper.image .grid-event-detail {
        padding-left: 0
    }

    .next-to-go-events_single .next-to-go-event_single .timer-theme-right {
        justify-content: flex-end;
        align-items: center;
        width: 26%;
        display: flex
    }

    .next-to-go-events_single .next-to-go-event_single .grid-info-wrapper {
        align-items: center;
        margin-left: 1px;
        padding: 5px 5px 5px 0
    }

    .next-to-go-events_single .next-to-go-event_single .grid-event-detail {
        width: 70%;
        padding-left: 6px
    }

    .next-to-go-events_single .next-to-go-event_single .grid-event-name {
        width: 100%;
        padding: 5px 5px 5px 0
    }

    .next-to-go-events_single .next-to-go-event_single .grid-event-wrapper.image .icon {
        font-size: 24px
    }

    .next-to-go-events_single .next-to-go-event_single .grid-event-wrapper.image .grid-event-detail {
        padding-left: 12px
    }
}

ms-next-to-go-show-more .toggle {
    cursor: pointer;
    border-top: 1px solid #eaeaea;
    justify-content: center;
    padding: 15px;
    font-size: 14px;
    display: flex
}

ms-next-to-go-show-more .toggle .theme-down,
ms-next-to-go-show-more .toggle .theme-up {
    font-size: 12px;
    display: block;
    position: relative;
    top: 2px;
    left: 5px
}

ms-next-to-go-show-more .toggle.expanded {
    bottom: 4em
}

.next-to-go-events_odds .odds-timer-group-x2,
.next-to-go-events .odds-timer-group-x2 {
    width: 356px
}

.next-to-go-events_odds .odds-timer-group-fav-enabled-x2,
.next-to-go-events .odds-timer-group-fav-enabled-x2 {
    width: 373px
}

.next-to-go-events_odds .grid-group-container,
.next-to-go-events .grid-group-container {
    width: 166px;
    margin-left: 0
}

.next-to-go-events_odds .grid-option,
.next-to-go-events .grid-option {
    display: flex
}

.next-to-go-events_odds .grid-option .grid-option-selectable>div,
.next-to-go-events .grid-option .grid-option-selectable>div {
    width: 100%
}

.next-to-go-events_odds .grid-info-wrapper.fixed,
.next-to-go-events .grid-info-wrapper.fixed {
    align-items: center;
    margin-right: 10px
}

.next-to-go-events_odds .grid-event-wrapper.image,
.next-to-go-events .grid-event-wrapper.image {
    height: 86px
}

.next-to-go-events_odds .grid-event-wrapper.image .icon,
.next-to-go-events .grid-event-wrapper.image .icon {
    margin-right: 5px;
    font-size: 24px
}

.next-to-go-events_odds .grid-event-wrapper.image .competition-logo-container,
.next-to-go-events .grid-event-wrapper.image .competition-logo-container {
    width: 30px;
    margin-right: 6px
}

.next-to-go-events_odds ms-event-pick,
.next-to-go-events ms-event-pick {
    text-align: center;
    width: 100%;
    height: 50px;
    margin-right: 8px;
    display: flex
}

.next-to-go-events_odds ms-event-pick:first-child .event-pick-data,
.next-to-go-events_odds ms-event-pick:last-child .event-pick-data,
.next-to-go-events ms-event-pick:first-child .event-pick-data,
.next-to-go-events ms-event-pick:last-child .event-pick-data {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.next-to-go-events_odds ms-event-pick:first-child .result-odds,
.next-to-go-events_odds ms-event-pick:last-child .result-odds,
.next-to-go-events ms-event-pick:first-child .result-odds,
.next-to-go-events ms-event-pick:last-child .result-odds {
    padding-bottom: unset;
    padding-top: unset;
    direction: ltr
}

.next-to-go-events_odds ms-event-pick:last-child,
.next-to-go-events ms-event-pick:last-child {
    margin-right: 0
}

.next-to-go-events_odds ms-event-pick .event-pick-data,
.next-to-go-events ms-event-pick .event-pick-data {
    color: #333;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px;
    display: flex
}

@media (min-width:1280px) {

    .next-to-go-events_odds ms-event-pick .event-pick-data,
    .next-to-go-events ms-event-pick .event-pick-data {
        padding: 0 6px
    }
}

.next-to-go-events_odds ms-event-pick .event-pick-data.regular-odd,
.next-to-go-events ms-event-pick .event-pick-data.regular-odd {
    justify-content: center
}

.next-to-go-events_odds ms-event-pick .option-attribute,
.next-to-go-events ms-event-pick .option-attribute {
    color: #707070;
    width: inherit;
    align-self: center;
    font-size: 14px;
    font-weight: 400
}

.next-to-go-events_odds ms-event-pick .selected .option-attribute,
.next-to-go-events ms-event-pick .selected .option-attribute {
    color: #333;
    font-weight: 700
}

.next-to-go-events_odds ms-event-pick .selected ms-font-resizer,
.next-to-go-events ms-event-pick .selected ms-font-resizer {
    color: #333
}

.next-to-go-events_odds ms-event-pick .name,
.next-to-go-events ms-event-pick .name {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-self: center;
    max-width: 60px;
    font-size: 11px;
    overflow: visible
}

.next-to-go-events_odds ms-event-pick .result-odds,
.next-to-go-events ms-event-pick .result-odds {
    align-self: center
}

.next-to-go-events_odds ms-event-pick ms-font-resizer,
.next-to-go-events ms-event-pick ms-font-resizer {
    color: #333
}

@media (max-width:599.98px) {
    .next-to-go-events .next-to-go-event .timer-theme-right-multiple {
        justify-content: flex-end;
        width: 47%;
        margin-top: 10px;
        display: flex
    }

    .next-to-go-events .next-to-go-event .grid-event-timer {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .next-to-go-events .next-to-go-event .timer-theme-right {
        justify-content: flex-end;
        width: 55%;
        padding-top: 10px;
        display: flex
    }

    .next-to-go-events .next-to-go-event .grid-event-detail {
        width: 53%;
        padding-left: 6px
    }

    .next-to-go-events .next-to-go-event .grid-event-detail-mobile-with-odds {
        width: 90%;
        padding-left: 6px
    }

    .next-to-go-events .next-to-go-event .competition-logo-odds {
        width: 27px;
        margin-right: -5px
    }

    .next-to-go-events .next-to-go-event .grid-event-wrapper.image .grid-event-detail-mobile-with-odds {
        width: 100%;
        padding-left: 0
    }

    .next-to-go-events .next-to-go-event .grid-event-wrapper.image .grid-event-detail-mobile-with-odds .participants-tournament-game {
        margin-top: 10px
    }

    .next-to-go-events .next-to-go-event .grid-event-wrapper.image .grid-event-name {
        margin-bottom: 4px;
        padding-left: 0
    }

    .next-to-go-events .next-to-go-event .grid-event-wrapper.image .icon-logo-odds {
        margin-right: 5px;
        padding-bottom: 10px;
        padding-left: 0
    }

    .next-to-go-events .next-to-go-event .grid-event-wrapper.image .grid-event-timer-mobile {
        padding-top: 3px
    }

    .next-to-go-events .next-to-go-event .grid-event-wrapper.image .grid-event-timer-mobile.no-participant-image {
        margin-left: -30px;
        padding-top: 0
    }

    .next-to-go-events .next-to-go-event .grid-event-wrapper.image .grid-event-timer-mobile .starting-time {
        padding-left: 0
    }

    .next-to-go-events .next-to-go-event .grid-event-wrapper.image .competition-logo-odds {
        padding-bottom: 10px
    }

    .next-to-go-events .next-to-go-event .grid-event-wrapper.image .odds-timer-container {
        margin-top: -15px
    }

    .next-to-go-events .next-to-go-event .grid-info-wrapper.fixed {
        max-width: 240px
    }

    .next-to-go-events .next-to-go-event .grid-info-wrapper .icon-logo-odds {
        padding-left: 6px
    }

    .next-to-go-events_odds .odds-timer-group-x2,
    .next-to-go-events .odds-timer-group-x2 {
        width: 356px
    }

    .next-to-go-events_odds .odds-timer-group-fav-enabled-x2,
    .next-to-go-events .odds-timer-group-fav-enabled-x2 {
        width: 373px
    }

    .next-to-go-events_odds .grid-group-container,
    .next-to-go-events .grid-group-container {
        white-space: nowrap;
        flex-grow: 0;
        flex-shrink: 0;
        margin-left: auto
    }
}

ms-top-bottom-sectionlinks .grid-view {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: .25rem;
    flex: 0 0 45.4%;
    max-width: 45.4%;
    height: 80px;
    margin-bottom: 8px;
    margin-left: 3%;
    padding: 0;
    font-weight: 400;
    box-shadow: 0 1px 3px 1px #0003
}

ms-top-bottom-sectionlinks .grid-view a {
    flex-direction: column;
    height: 80px;
    margin-top: 0;
    display: flex
}

ms-top-bottom-sectionlinks .grid-view a div.icon {
    justify-content: center;
    align-items: center;
    margin-top: .9rem;
    padding: 0;
    display: flex
}

ms-top-bottom-sectionlinks .grid-view a div.title {
    white-space: normal;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 97%;
    margin-top: 3px;
    padding: 0;
    font-size: 14px
}

@media screen and (max-width:960px) {
    ms-top-bottom-sectionlinks .grid-view {
        flex: 0 0 46.5%;
        max-width: 46.5%;
        height: 40px;
        margin-left: 2.3%
    }

    ms-top-bottom-sectionlinks .grid-view a {
        flex-direction: row;
        height: 40px;
        margin-top: 0;
        display: flex
    }

    ms-top-bottom-sectionlinks .grid-view a div.icon {
        margin-top: -1px;
        margin-left: 12px;
        margin-right: 8px
    }

    ms-top-bottom-sectionlinks .grid-view a div.icon .base-icon span,
    ms-top-bottom-sectionlinks .grid-view a div.icon ms-competition-logo span {
        font-size: 16px
    }

    ms-top-bottom-sectionlinks .grid-view a div.icon .base-icon span:before,
    ms-top-bottom-sectionlinks .grid-view a div.icon ms-competition-logo span:before,
    ms-top-bottom-sectionlinks .grid-view a div.icon .main-sport-icon {
        width: 16px;
        height: 16px
    }

    ms-top-bottom-sectionlinks .grid-view a div.title {
        white-space: normal;
        text-align: left;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: -2px;
        padding: 0;
        font-size: 14px
    }
}

@media screen and (min-width:1920px) {
    ms-top-bottom-sectionlinks .grid-view a {
        flex-direction: row;
        display: flex
    }

    ms-top-bottom-sectionlinks .grid-view a div.icon {
        margin-top: 0;
        margin-left: 24px;
        margin-right: 11px
    }

    ms-top-bottom-sectionlinks .grid-view a div.title {
        white-space: normal;
        text-align: left;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 0;
        padding: 0
    }

    ms-top-bottom-sectionlinks .grid-view.us-logo.list-item:not(.header-item):not(.leaf-item) .icon {
        margin-left: 16px
    }

    ms-top-bottom-sectionlinks .grid-view.us-logo.list-item:not(.header-item):not(.leaf-item) .icon .competition-logo-container.expand-logo .competition-logo {
        margin-left: 43px
    }
}

@media screen and (min-width:961px) {

    ms-top-bottom-sectionlinks .grid-view a div.icon .base-icon span,
    ms-top-bottom-sectionlinks .grid-view a div.icon .base-icon span:before,
    ms-top-bottom-sectionlinks .grid-view a div.icon .base-icon,
    ms-top-bottom-sectionlinks .grid-view a div.icon ms-competition-logo span,
    ms-top-bottom-sectionlinks .grid-view a div.icon ms-competition-logo span:before,
    ms-top-bottom-sectionlinks .grid-view a div.icon ms-competition-logo,
    ms-top-bottom-sectionlinks .grid-view a div.icon .main-sport-icon span,
    ms-top-bottom-sectionlinks .grid-view a div.icon .main-sport-icon span:before,
    ms-top-bottom-sectionlinks .grid-view a div.icon .main-sport-icon {
        width: 24px;
        height: 24px;
        font-size: 24px;
        line-height: 24px
    }

    ms-top-bottom-sectionlinks .grid-view a div.icon .coloured-icon {
        width: 24px;
        height: 24px
    }

    ms-top-bottom-sectionlinks .grid-view.us-logo.list-item:not(.header-item):not(.leaf-item) .icon .competition-logo-container .competition-logo {
        width: 40px;
        height: 40px
    }

    ms-top-bottom-sectionlinks .grid-view.us-logo.list-item:not(.header-item):not(.leaf-item) .icon .competition-logo-container.expand-logo .competition-logo {
        width: 3rem;
        max-width: 3.5rem;
        height: 3rem
    }

    ms-top-bottom-sectionlinks .grid-view.us-logo.list-item:not(.header-item):not(.leaf-item) .title {
        white-space: nowrap
    }
}

@media screen and (max-width:959px) {
    ms-top-bottom-sectionlinks .grid-view.col-6 {
        max-width: 46.5%
    }
}

ms-top-bottom-sectionlinks .grid-view:first-child,
ms-top-bottom-sectionlinks .grid-view:nth-child(2) {
    margin-top: unset
}

ms-top-bottom-sectionlinks .stacked-view {
    flex: 0 0 100%;
    max-width: 100%
}

ms-top-bottom-sectionlinks .stacked-view a div.icon .base-icon span,
ms-top-bottom-sectionlinks .stacked-view a div.icon ms-competition-logo span {
    font-size: 16px
}

ms-top-bottom-sectionlinks .stacked-view a div.icon .base-icon span:before,
ms-top-bottom-sectionlinks .stacked-view a div.icon ms-competition-logo span:before,
ms-top-bottom-sectionlinks .stacked-view a div.icon .main-sport-icon {
    width: 16px;
    height: 16px
}

ms-top-bottom-sectionlinks .stacked-view.us-logo.list-item:not(.header-item):not(.leaf-item) .icon {
    padding-left: 8px;
    padding-right: 5px
}

ms-top-bottom-sectionlinks .stacked-view .coloured-icon {
    margin-bottom: 3px
}

ms-top-bottom-sectionlinks .tiles-carousel-view {
    text-align: left;
    vertical-align: top;
    color: #333;
    background-color: #fff;
    background-size: cover;
    border: 1px solid #d6d6d6;
    border-radius: .25rem;
    width: 109px;
    height: 80px;
    margin-top: 0;
    margin-bottom: 16px;
    margin-right: 12px;
    padding: 0;
    font-weight: 400;
    display: inline-block;
    box-shadow: 0 1px 3px 1px #0003
}

ms-top-bottom-sectionlinks .tiles-carousel-view a {
    flex-direction: column;
    width: 109px;
    height: 80px;
    display: flex
}

ms-top-bottom-sectionlinks .tiles-carousel-view a div.icon {
    justify-content: center;
    align-items: center;
    height: 32px;
    margin-top: 15px;
    margin-right: 2px;
    padding: 0;
    display: flex
}

ms-top-bottom-sectionlinks .tiles-carousel-view a div.title {
    white-space: nowrap;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 97%;
    margin-top: 6px;
    margin-right: 2px;
    padding: 0 4px;
    font-size: 14px
}

ms-top-bottom-sectionlinks .tiles-carousel-view .coloured-icon {
    width: 32px;
    height: 32px;
    margin-top: 5px;
    margin-bottom: 3px
}

ms-top-bottom-sectionlinks .tiles-carousel-view .base-icon,
ms-top-bottom-sectionlinks .tiles-carousel-view ms-competition-logo,
ms-top-bottom-sectionlinks .tiles-carousel-view .main-sport-icon {
    max-height: 40px
}

ms-top-bottom-sectionlinks .tiles-carousel-view .base-icon span,
ms-top-bottom-sectionlinks .tiles-carousel-view .base-icon span:before,
ms-top-bottom-sectionlinks .tiles-carousel-view .base-icon,
ms-top-bottom-sectionlinks .tiles-carousel-view ms-competition-logo span,
ms-top-bottom-sectionlinks .tiles-carousel-view ms-competition-logo span:before,
ms-top-bottom-sectionlinks .tiles-carousel-view ms-competition-logo,
ms-top-bottom-sectionlinks .tiles-carousel-view .main-sport-icon span,
ms-top-bottom-sectionlinks .tiles-carousel-view .main-sport-icon span:before,
ms-top-bottom-sectionlinks .tiles-carousel-view .main-sport-icon {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 40px
}

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

    ms-top-bottom-sectionlinks .tiles-carousel-view,
    ms-top-bottom-sectionlinks .tiles-carousel-view a {
        width: 90px
    }

    ms-top-bottom-sectionlinks .tiles-carousel-view a div.icon {
        margin-top: 16px
    }

    ms-top-bottom-sectionlinks .tiles-carousel-view a div.title {
        width: 98%;
        margin-top: 6px;
        font-size: 12px
    }
}

ms-top-bottom-sectionlinks .tiles-carousel-view.us-logo.list-item:not(.header-item):not(.leaf-item) .competition-logo-container .competition-logo {
    width: 40px;
    height: 40px
}

ms-top-bottom-sectionlinks .tiles-carousel-view.us-logo.list-item:not(.header-item):not(.leaf-item) .competition-logo-container.expand-logo .competition-logo {
    width: 3rem;
    max-width: 3.5rem;
    height: 3rem;
    margin-top: 4px
}

@media (max-width:599.98px) {
    ms-top-bottom-sectionlinks .tiles-carousel-view.us-logo.list-item:not(.header-item):not(.leaf-item) .competition-logo-container.expand-logo .competition-logo {
        margin-top: 3px
    }
}

ms-top-bottom-sectionlinks .tiles-carousel-view.us-logo.list-item:not(.header-item):not(.leaf-item) .title {
    white-space: nowrap
}

ms-top-bottom-sectionlinks .tiles-carousel-view:not(.small-icons) a div.title {
    margin-top: 10px
}

ms-top-bottom-sectionlinks .small-icons.us-logo.list-item:not(.header-item):not(.leaf-item) .competition-logo-container .competition-logo {
    width: 36px;
    height: 36px
}

ms-top-bottom-sectionlinks .small-icons.us-logo.list-item:not(.header-item):not(.leaf-item) .title {
    white-space: initial;
    margin-top: 5px
}

ms-top-bottom-sectionlinks .small-icons.us-logo.list-item:not(.header-item):not(.leaf-item) .title span {
    height: 30px
}

ms-top-bottom-sectionlinks .small-icons a div.icon {
    height: 28px
}

@media screen and (max-width:599px) {
    ms-top-bottom-sectionlinks .small-icons a div.icon {
        height: 28px
    }
}

ms-top-bottom-sectionlinks .small-icons a div.title {
    white-space: initial;
    margin-top: 5px
}

ms-top-bottom-sectionlinks .small-icons .title span {
    height: 30px;
    line-height: 15px
}

ms-top-bottom-sectionlinks .small-icons .base-icon,
ms-top-bottom-sectionlinks .small-icons ms-competition-logo {
    height: 28px;
    max-height: 40px;
    margin-bottom: 7px
}

ms-top-bottom-sectionlinks .small-icons .base-icon span,
ms-top-bottom-sectionlinks .small-icons .base-icon span:before {
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height: 28px
}

ms-top-bottom-sectionlinks .small-icons .coloured-icon {
    width: 28px;
    height: 28px;
    margin-bottom: 7px
}

ms-top-bottom-sectionlinks .mini-carousel-view {
    width: auto;
    padding: 0;
    line-height: 16px;
    display: inline-block
}

ms-top-bottom-sectionlinks .mini-carousel-view a div.icon {
    min-height: 20px;
    padding-left: .5rem;
    padding-right: .25rem
}

ms-top-bottom-sectionlinks .mini-carousel-view a div.icon .base-icon span,
ms-top-bottom-sectionlinks .mini-carousel-view a div.icon ms-competition-logo span {
    font-size: 16px
}

ms-top-bottom-sectionlinks .mini-carousel-view a div.icon .base-icon span:before,
ms-top-bottom-sectionlinks .mini-carousel-view a div.icon ms-competition-logo span:before,
ms-top-bottom-sectionlinks .mini-carousel-view a div.icon .main-sport-icon {
    width: 16px;
    height: 16px
}

ms-top-bottom-sectionlinks .mini-carousel-view a div.icon .coloured-icon {
    margin-bottom: 5px
}

ms-top-bottom-sectionlinks .mini-carousel-view a div.title {
    min-height: 16px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-right: 8px;
    padding-right: 0
}

ms-top-bottom-sectionlinks .mini-carousel-view a div.title.no-title {
    margin-right: 4px
}

ms-top-bottom-sectionlinks .mini-carousel-view.us-logo.list-item:not(.header-item):not(.leaf-item) .icon {
    padding-left: .5rem;
    padding-right: .38rem
}

ms-top-bottom-sectionlinks .mini-carousel-view.us-logo.list-item:not(.header-item):not(.leaf-item) .icon .competition-logo-container .competition-logo {
    top: -2px
}

ms-top-bottom-sectionlinks .mini-carousel-view:first-child {
    margin-left: 12px
}

ms-top-bottom-sectionlinks .mini-carousel-view:first-child.us-logo.list-item:not(.header-item):not(.leaf-item) .icon,
ms-top-bottom-sectionlinks .mini-carousel-view:first-child a .icon {
    padding-left: 0
}

ms-top-bottom-sectionlinks .list .grid-view.list-item:after,
ms-top-bottom-sectionlinks .list .grid-view.list-item:before,
ms-top-bottom-sectionlinks .list .tiles-carousel-view.list-item:after,
ms-top-bottom-sectionlinks .list .tiles-carousel-view.list-item:before {
    background-color: #0000
}

ms-top-bottom-sectionlinks .list .mini-carousel-view.list-item:before {
    width: 0;
    bottom: 0
}

ms-top-bottom-sectionlinks .list .mini-carousel-view.list-item:after {
    background-color: #0000;
    border-right: 1px solid #eaeaea;
    height: 114%;
    top: -3px
}

ms-top-bottom-sectionlinks ms-promo-item .coloured-icon {
    width: 16px;
    height: 16px
}

ms-top-bottom-sectionlinks .us-logo.list-item:not(.header-item):not(.leaf-item) .icon {
    padding: 0
}

ms-top-bottom-sectionlinks .us-logo.list-item:not(.header-item):not(.leaf-item) .icon .competition-logo-container .competition-logo {
    position: relative;
    right: 0
}

ms-top-bottom-sectionlinks .us-logo.list-item:not(.header-item):not(.leaf-item) .icon .competition-logo-container span {
    margin-right: 0
}

ms-top-bottom-sectionlinks .has-bgcolor .ms-active-highlight:active {
    background-color: #0000
}

ms-top-bottom-sectionlinks .col-6 {
    max-width: 100%
}

ms-top-bottom-sectionlinks .tiles-carousel-view a div.icon .base-icon span,
ms-top-bottom-sectionlinks .grid-view a div.icon .base-icon span,
ms-top-bottom-sectionlinks .mini-carousel-view a div.icon .base-icon span {
    padding-left: 0;
    padding-right: 0
}

.link-list-widget.link-list-grid ms-promo-item-list {
    grid-gap: .5rem;
    background: 0 0;
    grid-template-columns: 1fr 1fr;
    display: grid
}

@media (max-width:599.98px) {
    .link-list-widget.link-list-grid ms-promo-item-list {
        padding: 0 .4375em
    }
}

.link-list-widget.link-list-grid ms-promo-item {
    border-width: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    display: block
}

.link-list-widget.link-list-grid.list .item-header {
    border-width: 0
}

.link-list-widget.link-list-grid.list ms-promo-item-list {
    padding: 0 .75rem .75rem
}

.link-list-widget.link-list-grid.list ms-promo-item {
    box-shadow: none;
    border-width: 1px
}

.link-list-widget.link-list-mini-carousel .scroll-adapter .scroll-adapter__content {
    display: inline-flex !important
}

.link-list-widget.link-list-mini-carousel .list-item {
    flex: none;
    display: block
}

.link-list-widget.link-list-mini-carousel .list-item+.list-item {
    border-left: 1px solid #eaeaea;
    align-items: center;
    display: flex
}

.link-list-widget.link-list-mini-carousel .list-item>a {
    padding: 12px 8px
}

.link-list-widget.link-list-mini-carousel .list-item:before,
.link-list-widget.link-list-mini-carousel .list-item:after {
    content: none
}

.link-list-widget.link-list-mini-carousel .list-item:first-child {
    margin-left: .25rem
}

.link-list-widget.link-list-mini-carousel .list-item:first-child .icon {
    padding-left: .5rem
}

.link-list-widget.link-list-mini-carousel .list-item:last-child {
    margin-right: .5rem
}

.link-list-widget.link-list-mini-carousel .list-item .icon {
    margin-top: .1rem
}

.link-list-widget.link-list-tiles-carousel ms-promo-item-list {
    background: 0 0;
    margin: -.4375em 0;
    display: block
}

.link-list-widget.link-list-tiles-carousel .scroll-adapter {
    margin-top: -.4375em;
    margin-bottom: -.4375em
}

.link-list-widget.link-list-tiles-carousel .scroll-adapter__content {
    padding: .4375em 0
}

.link-list-widget.link-list-tiles-carousel ms-promo-item {
    border-width: 0;
    margin: 0 .5em
}

.link-list-widget.link-list-tiles-carousel ms-promo-item .title {
    width: 100%;
    margin: 0;
    padding: .125rem .25rem 0
}

.link-list-widget.link-list-tiles-carousel ms-promo-item:first-child {
    margin-left: 0
}

.link-list-widget.link-list-tiles-carousel ms-promo-item:last-child {
    margin-right: 0
}

@media (max-width:599.98px) {

    .link-list-widget.link-list-tiles-carousel ms-promo-item:first-child,
    .link-list-widget.link-list-tiles-carousel ms-promo-item:last-child {
        margin-left: .4375em
    }
}

.link-list-widget.link-list-tiles-carousel.list .item-header {
    border-width: 0
}

.link-list-widget.link-list-tiles-carousel.list ms-promo-item-list {
    padding-top: .25rem;
    padding-bottom: .75rem
}

.link-list-widget.link-list-tiles-carousel.list ms-promo-item {
    box-shadow: none;
    border-width: 1px
}

.link-list-widget.link-list-tiles-carousel.list ms-promo-item:first-child,
.link-list-widget.link-list-tiles-carousel.list ms-promo-item:last-child {
    margin-left: .75em
}

.link-list-mini-carousel ms-promo-item-list ms-scroll-adapter {
    height: 40px
}

html:not(.card-content) .widget-layout {
    margin-left: 0;
    margin-right: 0
}

html:not(.card-content):not(.landscape) .widget-layout.home-lobby .reward-tokens-banner:first-child,
html:not(.card-content):not(.landscape) .widget-layout.home-lobby .rotating-teaser-widget:first-child,
html:not(.card-content):not(.landscape) .widget-layout.home-lobby .reward-tokens-banner+.rotating-teaser-widget,
html:not(.card-content):not(.landscape) .widget-layout.home-lobby .rotating-teaser-widget+.reward-tokens-banner {
    margin-top: -1em
}

.widget-slot {
    display: block;
    position: relative
}

html:not(.card-content) .widget-slot {
    padding-left: 0;
    padding-right: 0
}

.widget-slot>:not(:empty) {
    margin-bottom: 1em;
    display: block
}

.widget-slot>.widget--proxied {
    margin-bottom: 0
}

.composable,
.standings-widget,
.competition-header-widget,
.competition-teams-widget {
    background-color: #fff;
    border-radius: .25rem;
    overflow: hidden;
    box-shadow: 0 1px 3px 1px #0003
}

.composable .composable-header-slot {
    border-bottom: 1px solid #eaeaea
}

.composable .composable-title {
    color: #333;
    border-bottom: 1px solid #eaeaea;
    align-items: center;
    height: 2.5rem;
    padding: 0 .75rem;
    font-weight: 700;
    display: flex
}

.composable.show-background-color .grid-header:not(ms-grid-pills-header),
.composable.show-background-color ms-grid-pills-header .grid-title {
    background-color: var(--theme-gray-tint);
    cursor: pointer
}

@media (hover:hover) and (pointer:fine) {

    .composable.show-background-color .grid-header:not(ms-grid-pills-header):hover,
    .composable.show-background-color ms-grid-pills-header .grid-title:hover {
        background-color: #ddd
    }
}

.composable .errors {
    border-radius: 0
}

.composable .widget-slot>* {
    box-shadow: none;
    border-radius: 0;
    margin: 0
}

.composable .composable-accordions {
    margin-bottom: 0
}

.composable .composable-accordions .ms-dropdown .title {
    border: 1px solid var(--theme-body-20)
}

.card-content .grid .composable .composable-accordions.grid-wrapper {
    border-radius: 0
}

.composable .composable-accordions .grid-header .group-selector:last-of-type {
    cursor: pointer;
    margin-right: 0
}

.composable .composable-accordions .grid-footer {
    border-top: 1px solid #eaeaea
}

.composable .composable-accordions .grid-footer .title {
    text-transform: uppercase
}

.composable .composable-accordions .grid-padding {
    padding-left: .7rem
}

.composable .composable-accordions .grid-border-bottom {
    border-bottom: 1px solid var(--theme-body-20);
    border-radius: 0
}

.composable .composable-accordions .toggle {
    cursor: pointer;
    color: #333;
    justify-content: flex-end;
    margin-left: auto;
    padding: 15px;
    font-size: 14px;
    display: flex
}

.composable .composable-accordions .toggle.showmore {
    color: #333;
    border-top: 1px solid #eaeaea;
    justify-content: center
}

.composable .composable-accordions .group-selector+.toggle>.theme-up {
    margin-right: -15px
}

.composable .competition-logo-container .competition-logo:not(.composable-header-slot *) {
    width: 1.125rem;
    max-width: 1.125rem;
    height: auto;
    position: relative;
    top: -2px
}

.composable .competition-logo-container span {
    border: 0;
    display: block
}

.widget-tab-bar {
    background: #fff
}

.outrights-stacked-widget .grid-footer.show-more,
.tabbed-grid-widget .grid-footer.show-more {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex
}

.outrights-stacked-widget .grid-footer.show-more vn-icon,
.tabbed-grid-widget .grid-footer.show-more vn-icon {
    align-self: center;
    margin-left: 5px;
    display: flex
}

.tabbed-grid-widget {
    margin-bottom: 0
}

.tabbed-grid-widget .grid-footer .title {
    text-transform: uppercase
}

.tabbed-grid-widget .grid-footer .title b {
    color: #ff3b30;
    padding-right: .2em;
    font-style: italic
}

.tabbed-grid-widget .grid-footer .spinner-img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAF3klEQVRo3t2bXWgdRRSAv927SXpr89NSa2mlWltibLEoVnxILYJWQXzQByuCCj5UfLIg1AcRsc+CL76IUhDpk6+KWn/xDyFt0aI1VdKI9afaNv+J6U1yd3zYM81kMrPZu01u7ubAMHvv3uzut+fMmTNnTmBppB14CHgR+Ag4D1wGpoBp4DVWiDwOHAWGgVFgDJgA/rOAZ4CDGa8ZNBpkO3AI6AMGgEEBHhHgcQO4YgB/nhE2BErSrho+uoq/bQMOAM8IdAgoOafk4cxe5XjgwGoRUJWm6gn8APAKsMUCMoEXAvyyBlMOjM8R0CTDo0qON1irVl8GHjXMLTCOQ+O70DDD0GqvA89n1G7ouVcgwJdr0XYtGt4MvAHsBGK5qe6xtKxf5DDwLfAj8I1891WN5ozVm61JXupkVm1n1fAt4n3bMmg1BN4FPpCWVwLLQnxa1gxjWaCzAHcB74hjcpmZbmPAEeAt8dCLJSWxxDAFWHOMygyQG7gLeFs06xuzAfApcBj4Y4mmvgBoFhP2AZvDaCYPcCtwzIB1aXcceAH4uE5zfgSUF9C2knig6jMXnxwFNhmfleU8eoEngO/rGOTEor1mx/g24Vt83jv0XPgQ0Ck30E0Z/c/Ak8CfyxDZxeIv4hQH2iKWSRbgOyQmjq2pRrde4ClxEMslShxj1TFT6NYGrMpi0m/K+DUvruVX4Gl5w40gFYGKPNNk2VaMreEDwEaHKSv5w5caCFab96DBYpt4E7DWB9wKPOYYs7q9CvzSgEvSqkC7pssQ6DA5TeAHgTWGRk3tngDea+B1+KQsJkJHi0wHZgLvd5ix/ny4AMmHix7gEFhnA++VsevS7vuSoml0mZFAyBWMNGtHrIH3OKYh/flIgVJMAylabrOBlcOkTxZEu1qmJYeWCrwduMah3Rj4sICJxHFPBNYElCPgNk9KRgFfFxB41Fo9mbImAraJNu2oqk/eVtGkKhHYase5cghc54iXY+AHiiuucRwALRGwy9CwKf8UGHiauWljvaRti5ibXjXHb1+BgScd41gBQeQZvytBQosrAFSahov+AszszBXoiPm7BqwQ2NBKTSmdFIsdsCvBvG0NzzNpZWlXraAxfEXDoWM5qI+3Fhi2lfk56wAIQ5J9H1fgsb7AwGXcyb2REPgXdyp2R4GB13oWEJUQ6HeYdAzcIKuooolO6bgSARMhcNqzNFTA7gICb8C92xgAwyHwm6yKXPmsvQUEvt7jsKrAuHbdPR5P3QVcWzBntR73TsQlc67q8eSzYuDhAgF3erQbAH+bwMeBCx7oPQWZolaLo3XlsyrAEMzfW9rlgd5CUqvRyHKXJ8uhszfDpoYhKSOa8IzlTuC+BobdLr7GZcozwF/6hyUrSzAF3Ip7m3SrTGGjDQbbAdyJf6/7DEm+Ghw/OkayZWEXmCnxgM9K3yjSDHRL76r5mJRpF5eGtZyTi7i0vEpCzhMsUC1TJ9h7mbvTb6dme0jqPFOBL8ngv8njwFpJ6rZOLiN0M7CP2b3fwAF91tauDxjgJ+B2eXuuGspWOd9H/TfI1wH3k9SN+dbsI8B3rhNpVTzHJbRs8kCXSXYtpoHf6wS7E7hb7u1KSSl5nk9wp55TgafFK++WFYgLugTcTLJ7cZakVGipFvT7JNRd6Jm/sMdtVmBkCjKhfSmgDonIOpgt918s0G7gHpLqBFfqSX+eIik6H86S6MqyAjkoXlp50kJm3y9OrTcHfIs4zC6SwrjYcw+zr4gZD2XN7GVdiTwnD7EQtPn9efGWQ8xu39jjb4M4yM0St7vAfLADJKWPU7WkMmuRR8SZqRTwWo/z9qdlrs0spRzAZ8RBbWNupZvt0PBoM+1YZTw3BnxGjjKqUk5nMshsZfsm4zo+h1LLOZXSV4BTJOXKufauF+N/gsok9ZndRjCQZWyrjGau6ypPiUanruZhF/ufoHZI2Nkl3rYWQPt4UoZOvytEbBRgUzYCN0rfLkmENMBzoskLJGXJF5fiof4HoBtVGbakqZoAAAAASUVORK5CYII=) 50%/1.5em 1.5em no-repeat;
    width: 1.5em;
    animation-name: loadingspinnerrotate;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.tabbed-grid-widget .competition-logo-container .competition-logo {
    width: 1.125rem;
    max-width: 1.125rem;
    height: auto;
    position: relative;
    top: -2px
}

.widget-header.grid-outer-title {
    column-gap: 8px
}

.widget-header.grid-outer-title:empty {
    display: none
}

.widget-header.grid-outer-title .title {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.widget-header.grid-outer-title .globalLink {
    max-width: 30%;
    margin-left: auto
}

.widget-header.grid-outer-title .globalLink.clickable-widget-header {
    cursor: pointer
}

.widget-header.grid-outer-title .globalLink ms-item {
    height: 2.4rem
}

.widget-header.grid-outer-title .globalLink ms-item:hover,
.widget-header.grid-outer-title .globalLink ms-item a:active {
    background-color: initial
}

.widget-header.grid-outer-title .globalLink .title {
    color: #707070;
    text-align: right;
    max-width: fit-content;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 14px;
    font-weight: 400
}

.widget-header.grid-outer-title .globalLink .icon:empty {
    display: none
}

.widget-header.grid-outer-title .globalLink a .arrow {
    padding-right: .75rem
}

.competition-teams-widget {
    background-color: #f5f5f5
}

.competition-teams-widget .teams-tab-bar {
    box-shadow: none
}

.hidden-market-container {
    box-shadow: 0 1px 3px 1px rgba(var(--theme-body-10), .3);
    background-color: rgba(var(--theme-body-10), .3);
    color: #fff;
    background-position: 50%;
    background-size: cover;
    border-radius: .25rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px
}

.hidden-market-container:not(.hidden) {
    display: flex !important
}

.hidden-market-container>div {
    width: 100%;
    max-width: 469px;
    margin: 8px
}

.hidden-market-container>div .offer-title {
    font-size: 20px;
    font-weight: 700
}

.hidden-market-container>div ms-event-timer {
    color: var(--theme-body-30);
    font-size: 11px
}

.hidden-market-container>div ms-event-timer ms-prematch-timer b {
    color: #ff3b30
}

.hidden-market-container>div .offer-title {
    font-size: 16px
}

@media (min-width:600px) {
    .hidden-market-container>div {
        width: 335px
    }
}

@media (min-width:1600px) {
    .hidden-market-container>div {
        width: 402px
    }
}

@media (min-width:1920px) {
    .hidden-market-container>div {
        width: 469px
    }
}

.hidden-market-container ms-option-panel,
.hidden-market-container .option-panel {
    color: var(--theme-body);
    background-color: unset;
    border-radius: .25rem;
    font-size: 14px;
    display: block;
    position: relative;
    overflow: visible
}

.hidden-market-container ms-option-panel ms-market-help-toggle .theme-info:before,
.hidden-market-container .option-panel ms-market-help-toggle .theme-info:before {
    color: var(--theme-body);
    cursor: pointer
}

.hidden-market-container ms-option-panel ms-promotion-badge .badge,
.hidden-market-container .option-panel ms-promotion-badge .badge {
    position: absolute;
    top: -4px;
    transform: translateY(-5px)
}

.hidden-market-container ms-option-panel .market-help,
.hidden-market-container .option-panel .market-help {
    color: var(--theme-body);
    border-bottom: 1px solid var(--theme-body-10);
    background-color: #f5f5f5
}

.hidden-market-container ms-option-panel .market-help .theme-info-i:before,
.hidden-market-container .option-panel .market-help .theme-info-i:before {
    color: #1284e0
}

.hidden-market-container ms-option-panel .option-group-container,
.hidden-market-container .option-panel .option-group-container {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px
}

.hidden-market-container ms-option-panel .option-group-container .option-indicator .option-value,
.hidden-market-container .option-panel .option-group-container .option-indicator .option-value {
    color: var(--theme-body);
    font-size: 14px;
    font-weight: 700
}

.hidden-market-container ms-option-panel .option-group-container .option .name,
.hidden-market-container .option-panel .option-group-container .option .name {
    font-size: 14px
}

.hidden-market-container ms-option-panel .option-group-container .option-pick>div,
.hidden-market-container .option-panel .option-group-container .option-pick>div {
    background-color: #fff
}

.hidden-market-container ms-option-panel .option-group-container .option-pick>div.selected,
.hidden-market-container .option-panel .option-group-container .option-pick>div.selected {
    color: #fff;
    background-color: #ffcc0080
}

.hidden-market-container ms-option-panel .option-group-container .option-pick>div.selected.option-indicator .option-value,
.hidden-market-container .option-panel .option-group-container .option-pick>div.selected.option-indicator .option-value {
    color: #fff;
    font-weight: 700
}

@media (hover:hover) and (pointer:fine) {

    .hidden-market-container ms-option-panel .option-group-container .option-pick>div:hover,
    .hidden-market-container .option-panel .option-group-container .option-pick>div:hover {
        background-color: #f7f7f7
    }

    .hidden-market-container ms-option-panel .option-group-container .option-pick>div.selected:hover,
    .hidden-market-container .option-panel .option-group-container .option-pick>div.selected:hover {
        background-color: #e6b80080
    }
}

.hidden-market-container ms-option-panel .option-group-name,
.hidden-market-container .option-panel .option-group-name {
    background-color: var(--theme-body-10);
    width: 100%;
    min-height: 2.5rem;
    color: var(--theme-body);
    border-radius: .25rem .25rem 0 0;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    display: flex
}

.hidden-market-container ms-option-panel .option-group-name>div,
.hidden-market-container .option-panel .option-group-name>div {
    font-size: 14px
}

.hidden-market-container ms-option-panel .option-group-name .event-info,
.hidden-market-container .option-panel .option-group-name .event-info {
    cursor: pointer
}

.hidden-market-container ms-option-panel .option-group-name .theme-info-i:before,
.hidden-market-container .option-panel .option-group-name .theme-info-i:before {
    cursor: pointer;
    width: 12px;
    height: 12px;
    color: var(--theme-body)
}

.hidden-market-container ms-option-panel .option-group-name .theme-info:before,
.hidden-market-container .option-panel .option-group-name .theme-info:before {
    width: 12px;
    height: 12px
}

.hidden-market-container ms-option-panel .option-group-name:not(.nonClickable):hover,
.hidden-market-container .option-panel .option-group-name:not(.nonClickable):hover {
    background-color: var(--theme-body-10);
    cursor: auto
}

@media (max-width:599.98px) {
    .hidden-market-container {
        margin: 16px 8px;
        padding: 0 12px
    }
}

.scorecast-option-group {
    padding: 0 10px;
    display: block
}

.scorecast-option-group-col {
    flex-basis: 100%;
    min-width: 0
}

.scorecast-option-group-col.double {
    flex-basis: calc(50% - 12px)
}

.scorecast-option-group-col.double:first-of-type {
    margin-right: 24px
}

.scorecast-option-group-col.single {
    margin-left: auto;
    margin-right: 0 !important
}

.scorecast-option-group-col .option {
    display: flex
}

.scorecast-option-group-col .option-indicator {
    background-color: #f5f5f5;
    border-radius: 3px;
    flex-shrink: 1;
    justify-content: center;
    align-items: center;
    width: 123px;
    height: 32px;
    display: flex;
    box-shadow: inset 0 0 0 1px #d6d6d6
}

.scorecast-option-group-col .option-indicator .name {
    display: none
}

.scorecast-option-group-col .option-indicator>div {
    flex: 0 auto;
    align-items: center
}

.scorecast-option-group-col .option-indicator:not(.offline):hover {
    cursor: pointer;
    background-color: #e8e8e8
}

.scorecast-option-group-col .option-indicator.selected {
    color: #333;
    background-color: #ffeda7;
    font-weight: 700;
    box-shadow: inset 0 0 0 1px #fc0
}

.scorecast-option-group-col .option-indicator.selected:hover {
    background-color: #ffe374
}

.scorecast-option-group-col .option-indicator.selected .option-attribute {
    color: #333;
    font-weight: 700
}

.scorecast-option-group-col .multi-column-select,
.scorecast-option-group-col .multi-column-select .ngxp__inner .select {
    max-width: unset
}

.scorecast-option-group-title {
    font-weight: 700
}

.scorecast-option-group-name {
    color: var(--theme-body-60);
    padding: .55rem .55rem .55rem 0;
    font-size: .875rem;
    line-height: 1rem;
    display: inline-block
}

.scorecast-option-group-body {
    flex-wrap: nowrap;
    display: flex
}

.scorecast-option-group-body>.scorecast-option-group-col {
    flex-grow: 1;
    flex-basis: auto
}

.scorecast-option-group-body>.scorecast-option-group-col:first-of-type {
    margin-right: 15px
}

.scorecast-option-group-body>.scorecast-option-group-col:last-of-type {
    flex-grow: 0;
    flex-shrink: 1;
    width: 40%;
    min-width: 90px
}

.scorecast-option-group-body.single-column-layout {
    flex-wrap: wrap
}

.scorecast-option-group-body.single-column-layout>.scorecast-option-group-col {
    flex-grow: 1;
    flex-shrink: 0;
    width: 100%;
    margin-right: 0
}

ms-wincast-two-way-scorer-option-group .scorecast-option-group-body>.scorecast-option-group-col:first-of-type {
    margin-right: 0
}

ms-wincast-two-way-scorer-option-group .scorecast-option-group-body>.scorecast-option-group-col:last-of-type {
    width: 100%
}

.scorecast-option-group-footer {
    border-top: solid 1px var(--theme-body-10);
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 12px -10px 0;
    padding: 8px 12px;
    display: flex
}

.scorecast-option-group-footer>.scorecast-option-group-col {
    flex: 0 auto
}

.scorecast-option-group-footer>.scorecast-option-group-col:last-of-type {
    text-align: end
}

.scorecast-option-groups-scores .multicolumn-option,
.scorecast-option-groups-scores .multicolumn-group-title {
    text-align: center
}

.scorecast-option-group-default-stake {
    color: var(--theme-body-60);
    font-size: .75rem
}

.scorecast-option-group-possible-return {
    color: #333;
    font-size: 1rem;
    font-weight: 700
}

.scorecast-warning-message {
    color: var(--theme-body-60);
    font-size: .875rem;
    line-height: 1rem;
    display: flex
}

.scorecast-warning-message:before {
    color: var(--theme-accent-01);
    font-weight: 1rem;
    margin: 0 7px 0 0
}

.scorecast-warning-message>span {
    display: inline-block
}

.scorecast-warning-message .error-icon {
    color: var(--theme-accent-01);
    margin-right: 7px;
    display: inline-flex
}

.multi-column {
    display: block
}

.multi-column ms-participant-image {
    float: left;
    margin-right: 5px
}

.multi-column .group-title {
    width: calc(100% - 1.75em);
    display: flex
}

.multi-column-option {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    padding: 8px 12px;
    font-size: .875rem;
    line-height: 1.25rem;
    overflow: hidden
}

.multi-column-option:not(:last-child) {
    border-right: 1px solid var(--theme-body-10)
}

.multi-column-option:not(.multi-column-option--disabled):hover {
    cursor: pointer;
    background-color: #adadad1f
}

.multi-column-option--selected {
    border-left: 3px solid var(--theme-accent-01);
    padding-left: 9px;
    font-weight: 700
}

.multi-column-option--disabled {
    color: var(--theme-body-40)
}

.multi-column-header,
.multi-column-group {
    display: flex
}

.multi-column-any .multi-column-option {
    border-top: solid 1px var(--theme-body-10)
}

.multi-column-header .multi-column-option {
    color: #707070;
    border-bottom: solid 1px var(--theme-body-10);
    font-size: .875rem
}

.multi-column-title-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: -1.75em;
    display: block;
    overflow: hidden
}

body {
    --multi-column-select-width: 400px
}

.multi-column-select {
    margin-left: 0 !important
}

.multi-column-select .select {
    margin-right: -3px !important;
    padding: 0 !important
}

.multi-column-select,
.multi-column-select .select {
    width: var(--multi-column-select-width) !important;
    min-width: 295px !important
}

@media (hover:none) and (pointer:coarse) {
    .multi-column-select[x-placement=bottom-end] .select {
        margin-right: -9px !important;
        margin-left: unset !important
    }

    .multi-column-select[x-placement=bottom-start] .select {
        margin-right: unset !important;
        right: unset !important;
        margin-left: -9px !important
    }
}

.multi-column-header,
.multi-column-option--disabled {
    pointer-events: none
}

.multi-column-header:hover,
.multi-column-option--disabled:hover {
    cursor: default
}

.multi-column ms-participant-image,
.multi-column-header ms-participant-image {
    display: inline-block
}

.multi-column .player-shirt,
.multi-column-header .player-shirt {
    border-radius: 15px
}

.multi-column .player-shirt>img,
.multi-column-header .player-shirt>img {
    width: 15px;
    height: 15px;
    margin: -2px 5px 0 0
}

ms-panic-button.panic-button-widget .panic-button-container {
    color: #fff;
    background-color: #d45050;
    border-radius: .25rem;
    flex-direction: row;
    align-items: center;
    padding: 1.125rem .75rem;
    font-size: .75rem;
    display: flex;
    box-shadow: 0 1px 3px 1px #0003
}

ms-panic-button.panic-button-widget .panic-button-container .panic-text {
    font-size: .625rem;
    line-height: .75rem
}

ms-panic-button.panic-button-widget .panic-button-container .panic-text span {
    margin: auto 0
}

ms-panic-button.panic-button-widget .panic-button-container .panic-text .panic-heading {
    padding-bottom: .125rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.0625rem
}

bs-betslip-panicslider .betslip-panicslider {
    color: #fff;
    background-color: #d45050;
    justify-content: space-between;
    padding: .625rem .5rem .625rem 0;
    font-size: .75rem;
    display: flex
}

bs-betslip-panicslider .betslip-panicslider span {
    margin: auto 0
}

bs-betslip-panicslider .betslip-panicslider i:before {
    margin: auto;
    font-size: 1.375rem
}

bs-betslip-panicslider .betslip-panicslider .arrow-right i:before {
    padding: .125rem 0;
    font-size: 1.625rem
}

bs-betslip-panicslider .betslip-panicslider .betslip-panicslider-label {
    z-index: 2;
    background-color: #d45050;
    flex: 1;
    min-height: 1.875rem;
    padding-left: .5rem;
    line-height: 1.0625rem;
    display: flex;
    position: relative
}

bs-betslip-panicslider .betslip-panicslider-slider {
    color: #d45050;
    background-color: #fff;
    border-radius: .9375rem;
    justify-content: space-between;
    width: 11.625rem;
    height: 1.875rem;
    margin: auto;
    padding-right: .9375rem;
    display: flex;
    position: relative;
    box-shadow: inset 0 0 6px #00000040
}

bs-betslip-panicslider .betslip-panicslider-slider:before {
    content: "";
    z-index: 2;
    background: radial-gradient(circle at 100%, #0000 .875rem, #d45050 .9375rem);
    width: .9375rem;
    height: 1.875rem;
    position: absolute;
    top: 0%;
    left: 0%
}

bs-betslip-panicslider .betslip-panicslider-slider:after {
    content: "";
    z-index: 3;
    background-color: #0000;
    border: .0625rem solid #fff;
    border-right: 0;
    border-top-left-radius: 11.625rem;
    border-bottom-left-radius: 11.625rem;
    width: .9375rem;
    height: 1.875rem;
    position: absolute;
    top: 0;
    left: 0
}

bs-betslip-panicslider .betslip-panicslider-slider i:before {
    margin: auto;
    padding: .0625rem;
    font-size: 1.75rem
}

bs-betslip-panicslider .betslip-panicslider-slider .swipe-actions {
    z-index: 1;
    background-color: #f2f2f2;
    border-top-left-radius: .9375rem;
    border-bottom-left-radius: .9375rem;
    width: 9.75rem;
    height: 1.875rem;
    position: absolute;
    right: 11.625rem
}

bs-betslip-panicslider .betslip-panicslider-slider .swipe-actions .swipped-in {
    color: #fff;
    background-color: #b83535;
    border: .0625rem solid #fff;
    border-right: 0;
    border-top-left-radius: .9375rem;
    border-bottom-left-radius: .9375rem;
    place-content: center;
    height: 1.875rem;
    display: flex
}

bs-betslip-panicslider .betslip-panicslider-slider .swipe-actions .swipped-in:before {
    content: "";
    background: #b83535;
    border: .0625rem solid #fff;
    border-width: .0625rem 0;
    width: 1.0625rem;
    height: 1.875rem;
    position: absolute;
    top: 0;
    left: calc(100% - .125rem)
}

.ms-progress-bar {
    display: block
}

.ms-progress-bar-background-bar {
    background-color: var(--theme-body-30);
    border-radius: 3px;
    height: 6px
}

.ms-progress-bar-indicator {
    background-color: #2db343;
    border-radius: 20px;
    height: 100%;
    padding: 0
}

.ms-progress-bar-information {
    justify-content: space-between;
    width: 100%;
    padding-bottom: 4px;
    display: flex
}

.ms-progress-bar-information-text {
    margin-left: 10px;
    font-size: .875rem
}

.ms-progress-bar-information-value {
    margin-right: 10px;
    font-size: .875rem
}

.search-input {
    width: 100%
}

.precreated-build-a-bet {
    width: 100%;
    height: auto
}

.precreated-build-a-bet .bet-builder-icon {
    color: #fff;
    text-transform: uppercase;
    background-color: #eb7e13;
    border-radius: 3px;
    margin-left: .4em;
    padding: .48px 3px 0;
    font-size: 10px;
    font-weight: 700;
    display: inline;
    position: relative;
    top: 22px;
    left: 10px
}

.precreated-build-a-bet .pre-created-option {
    direction: rtl;
    width: 20%;
    height: 50px
}

.precreated-build-a-bet .pre-created-option:not(.option-group-attribute)+.precreated-build-a-bet .pre-created-option {
    margin-left: 8px
}

.precreated-build-a-bet .pre-created-option.option-group-attribute {
    text-align: center;
    color: #707070;
    margin-right: 8px;
    font-size: .85em;
    font-weight: 400;
    line-height: 50px
}

.precreated-build-a-bet .pre-created-option .pre-created-option-selectable>div {
    z-index: 1;
    height: 50px;
    direction: initial;
    background: #f5f5f5;
    border-radius: 3px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #d6d6d6
}

.precreated-build-a-bet .pre-created-option .pre-created-option-selectable>div.offline {
    color: #adadad;
    white-space: nowrap;
    font-size: .8em;
    box-shadow: inset 0 0 0 1px #eaeaea
}

.precreated-build-a-bet .pre-created-option .pre-created-option-selectable>div.selected {
    color: #333;
    background: #ffeda7;
    font-weight: 700;
    box-shadow: inset 0 0 0 1px #fc0
}

.precreated-build-a-bet .pre-created-option .pre-created-option-selectable .option-indicator:after {
    content: "";
    border-left: .5em solid #0000;
    position: absolute
}

.precreated-build-a-bet .pre-created-option .pre-created-option-selectable .option-indicator.increased:after {
    border-top: .5em solid #2db343;
    animation: .3s 12 alternate forwards option-indicator-blinking-increased, .5s 30s forwards option-indicator-static-increased;
    top: 4px;
    right: 4px
}

.precreated-build-a-bet .pre-created-option .pre-created-option-selectable .option-indicator.decreased:after {
    border-bottom: .5em solid #ff3b30;
    animation: .3s 12 alternate forwards option-indicator-blinking-decreased, .5s 30s forwards option-indicator-static-decreased;
    bottom: 4px;
    right: 4px
}

.precreated-build-a-bet .pre-created-option .pre-created-option-selectable .option-indicator .option-value:after {
    content: none
}

@media (hover:hover) and (pointer:fine) {
    .precreated-build-a-bet .pre-created-option .pre-created-option-selectable>div:not(.selected):hover {
        background-color: #e8e8e8
    }

    .precreated-build-a-bet .pre-created-option .pre-created-option-selectable>div.selected:hover {
        background-color: #ffe374
    }
}

.precreated-build-a-bet .pre-created-option .pre-created-option-selectable:before {
    content: "";
    z-index: -1;
    background-color: #0000;
    transition: background-color .5s step-end;
    position: absolute;
    inset: 0
}

@media (max-width:599.98px) {
    .precreated-build-a-bet .pre-created-option.option-group-attribute {
        display: none
    }
}

@media (min-width:600px) {
    .precreated-build-a-bet .pre-created-option .option-group-attribute {
        display: none
    }
}

.precreated-build-a-bet .bab-header {
    background-color: #eaeaea;
    border-radius: .25rem;
    width: 100%;
    min-height: 40px
}

.precreated-build-a-bet .bab-title {
    font-size: 14px;
    font-family: var(--theme-body);
    position: relative;
    top: 10px;
    left: 14px
}

.precreated-build-a-bet .help-text-icon {
    font-size: small;
    position: relative;
    top: 12px;
    left: 24px
}

.precreated-build-a-bet .count {
    color: #707070
}

.precreated-build-a-bet .title {
    color: #333
}

.precreated-build-a-bet .bab-option-group-renderer {
    padding-bottom: 1px;
    position: relative
}

.precreated-build-a-bet .bab-option-group-renderer .betbuilder-market-card {
    align-items: center;
    justify-content: unset;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    flex-flow: wrap;
    margin: 8px;
    padding: 8px;
    display: flex
}

.precreated-build-a-bet .edit-pre-created-bab-button {
    margin-top: 12px;
    display: flex
}

.precreated-build-a-bet .edit-pre-created-bab-button vn-icon {
    margin-left: 2px
}

.precreated-build-a-bet .precreated-tab-bar {
    border-bottom: 1px solid #eaeaea
}

.precreated-build-a-bet .legs {
    width: 80%;
    font-size: 14px
}

.precreated-build-a-bet .legs .market-leg {
    padding-bottom: .4em
}

.precreated-build-a-bet .legs .market-leg:last-child {
    padding-bottom: 0
}

.precreated-build-a-bet .option-indicator {
    width: 50px;
    height: 50px
}

.precreated-build-a-bet .btn-build-your-bet {
    margin: 8px
}

.precreated-build-a-bet .btn-build-your-bet .betbuilder-button {
    justify-content: center;
    display: flex
}

.precreated-build-a-bet .btn-build-your-bet .betbuilder-button button {
    width: 100%
}

.precreated-build-a-bet .show-more-less-button .theme-down,
.precreated-build-a-bet .show-more-less-button .theme-up {
    margin-top: 3px;
    margin-left: 5px;
    font-size: 12px
}

.option-panel .bet-builder-icon {
    color: #fff;
    text-transform: uppercase;
    background-color: #eb7e13;
    border-radius: 3px;
    margin-left: .4em;
    padding: .48px 3px 0;
    font-size: 10px;
    font-weight: 700;
    display: inline;
    position: absolute;
    top: -4px;
    left: -4px
}

.logobar {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    flex: 100%;
    height: 44px;
    margin-top: 12px;
    padding-top: 12px;
    font-weight: 700;
    display: flex
}

.logobar .competition-logo {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    margin-right: 8px;
    display: flex
}

.logobar .logo {
    width: 10%
}

.logobar .teaser-title {
    position: relative
}

.logobar .fallback-logo {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-right: 8px;
    display: flex
}

ms-betslip-teaserbet-keypoints {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    align-items: center;
    height: 53px;
    padding-left: 11px;
    display: flex
}

ms-betslip-teaserbet-keypoints .buy-points {
    text-align: center;
    min-width: 78.5px;
    max-width: 78.5px;
    color: var(--theme-body);
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

ms-betslip-teaserbet-keypoints .keypoints-scroller {
    align-items: center;
    height: 100%;
    display: flex
}

ms-betslip-teaserbet-keypoints .keypoints-scroller .keypoints-list {
    display: flex
}

ms-betslip-teaserbet-keypoints .keypoints-scroller .keypoints-list .keypoint {
    width: 50px;
    height: 36px;
    color: var(--theme-body);
    border: 1px solid var(--theme-body-20);
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    margin: 0 4px;
    font-size: 12px;
    display: flex
}

ms-betslip-teaserbet-keypoints .keypoints-scroller .keypoints-list .selected {
    background-color: var(--theme-accent-01);
    border: 0;
    font-size: 14px;
    font-weight: 700
}

ms-betslip-teaserbet-keypoints .keypoints-scroller .keypoints-list .disabled,
ms-betslip-teaser .teaserdisabled {
    opacity: .4
}

ms-betslip-teaser .betslip-teaser-error-container {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    height: auto;
    display: flex
}

ms-betslip-teaser .betslip-teaser-error-container .pc-text {
    width: 100%;
    margin-top: 7px
}

ms-betslip-teaser-pick .option-points {
    color: var(--theme-body);
    font-weight: 400
}

ms-betslip-teaser-pick .option-oldvalue {
    color: var(--theme-body-70);
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through
}

ms-betslip-teaser-pick .option-newvalue {
    color: var(--theme-body);
    font-size: 14px;
    font-weight: 700
}

ms-betslip-teaserbet-receipt .option-points {
    color: var(--theme-body);
    font-weight: 400
}

ms-betslip-teaserbet-receipt .option-oldvalue {
    color: var(--theme-body-70);
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through
}

ms-betslip-teaserbet-receipt .option-newvalue {
    color: var(--theme-body);
    font-size: 14px;
    font-weight: 700
}

ms-betslip-teaserbet-receipt .logobar {
    background-color: #f5f5f5
}

.help-teaser-bet {
    width: auto;
    margin: 5px;
    padding: .5em .5em .5em 0
}

.help-teaser-bet .helpboxheader-badge span {
    background: var(--theme-cta-01);
    color: #000;
    text-transform: uppercase;
    border-radius: 1px;
    align-items: center;
    width: auto;
    height: 10px;
    margin-left: 1.6em;
    padding: 0 1px;
    font-family: Roboto Condensed;
    font-size: 9px;
    font-weight: 700
}

.help-teaser-bet .text a {
    color: #fc0;
    text-decoration: underline
}

.c228 {
    background-position: -289px -51px
}

.event-list .standings,
.widget-slot .standings {
    background: #fff;
    display: block
}

.event-list .standings .header-count,
.widget-slot .standings .header-count {
    display: none
}

.count-signpost-container {
    background-color: var(--theme-accent-01);
    font-family: var(--theme-font-family-base);
    border-radius: 1px;
    place-items: center;
    display: inline-flex
}

.epcot-signpost.count-signpost-container {
    background-color: inherit
}

.count-signpost {
    height: 12px;
    color: var(--theme-body);
    padding: 0 2px;
    line-height: 12px
}

.count-signpost .priceboost-signpost-count {
    padding-left: 2px;
    font-size: 10px;
    font-weight: 500
}

.count-signpost span.priceboost-signpost-icon {
    height: 8px;
    font-size: 8px;
    line-height: 1
}

@media (min-width:1600px) and (max-width:1919.98px) {
    .count-signpost .priceboost-signpost-icon {
        margin-top: 2.4px
    }
}

.large-signpost {
    border-radius: 3px;
    justify-content: center;
    height: 20px;
    padding: 0 6px
}

.large-signpost .priceboost-signpost-count {
    font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    color: var(--theme-body);
    align-self: center;
    padding-top: 1px;
    padding-left: 2px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    display: inline
}

.large-signpost .priceboost-signpost-count ms-font-resizer {
    vertical-align: middle
}

.large-signpost .priceboost-signpost-icon {
    width: 12px;
    height: 12px;
    color: var(--theme-body);
    font-size: 12px;
    line-height: 1
}

.was-price {
    font-family: var(--theme-font-family-secondary, var(--theme-font-family-base));
    color: var(--theme-body-70);
    text-decoration: line-through
}

.was-price-betslip {
    text-align: right;
    min-width: 40px;
    height: 18px;
    font-size: 15px;
    font-weight: 400
}

.display-mode-linear .was-price-betslip {
    font-size: 12px
}

.was-price-grid {
    text-align: center;
    min-width: 21px;
    margin-left: 10px;
    margin-right: 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    top: 3px
}

.priceboost-icon {
    display: flex
}

.option-panel .option-group-container .option-pick.priceboost>div {
    min-height: 43px
}

.onboarding-tooltip {
    background-color: #1284e0;
    border-radius: 3px;
    max-width: 95%;
    padding: 0 10px;
    display: flex;
    box-shadow: 1px 1px 7px -2px #0009
}

.onboarding-tooltip:after {
    content: "";
    clip-path: polygon(120% -25%, 120% 120%, -25% 120%);
    background-color: #1284e0;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-5px, 5px)rotate(225deg);
    box-shadow: 1px 1px 3px -1px #0009
}

.onboarding-tooltip .message {
    font-size: .875em;
    line-height: initial;
    padding: 10px 0
}

.onboarding-tooltip .close-button {
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    font-size: .8em;
    display: flex
}

.reward-token-eligible-tag {
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    border-radius: 2px;
    height: 14px;
    margin-left: 8px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: .65em;
    line-height: 1.4em
}

.reward-token-eligible-tag--rewards {
    color: #333;
    background-color: #fc0
}

.reward-token-eligible-tag--freebet {
    background-color: #2db343
}

.reward-token-eligible-tag--odds-boost {
    background-color: #cc003a
}

.reward-token-eligible-tag--acca-boost {
    background-color: var(--theme-promo-acca-boost)
}

.reward-token-eligible-tag--risk-free {
    background-color: #0064b5
}

.slot-header {
    transition: top .3s ease-in-out
}

.common-button {
    color: #fff;
    cursor: pointer;
    background-color: #191919;
    border: 1px solid #33333347;
    border-radius: 16px;
    width: 150px;
    height: 24px;
    margin-top: 12px;
    margin-left: 20px;
    padding: 0 12px;
    font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 500
}

.item {
    text-align: center;
    flex: 1
}

.store-actions {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.button-row {
    flex-direction: row;
    display: flex
}

.text-row {
    text-align: center
}

.widget-skeleton--marquee:empty {
    display: none
}

.widget-skeleton--marquee .marquee-card {
    background-color: #fff;
    border-radius: .25rem;
    width: 17.5em;
    height: 8.75em;
    position: relative;
    box-shadow: 0 1px 3px 1px #0003
}

.widget-skeleton--marquee .marquee-card.marquee-card-with-img {
    border: unset;
    box-shadow: none
}

.widget-skeleton--marquee .marquee-card.marquee-card-without-img {
    box-shadow: none;
    border: 1px solid #eaeaea
}

.widget-skeleton--marquee .marquee-card .marquee-background-image {
    border-radius: .25rem;
    height: 140px;
    padding: 0;
    position: absolute;
    inset: 0
}

.widget-skeleton--marquee .component-loader {
    justify-content: center;
    align-items: center;
    height: 8.75em;
    display: flex
}

.widget-skeleton--marquee .component-loader div {
    width: var(--component-loader-height, 2em)
}

.market-header-bet-builder-signposting.float-ui-container {
    width: 360px
}

.market-header-bet-builder-signposting.float-ui-container .float-ui-arrow.float-ui-arrow {
    background-color: var(--market-header-bet-builder-badge-active-background-color)
}

.market-header-bet-builder-signposting .ngxp__inner {
    background-color: var(--market-header-bet-builder-badge-active-background-color);
    color: var(--market-header-bet-builder-badge-active-text-color)
}

.device-mobile-phone .market-header-bet-builder-signposting.float-ui-container {
    width: 320px
}

:root {
    --vt-cross-fade-opacity: 0;
    --vt-mini-slide-offset: 50px;
    --vt-full-slide-offset: 100%;
    --vt-old-snapshot-brightness: 40%;
    --vt-base-delay: .1s;
    --vt-mini-slide-duration: .3s;
    --vt-mini-slide-fade-duration: .15s;
    --vt-mini-slide-timing-function: cubic-bezier(.4, 0, .2, 1);
    --vt-mini-slide-fade-in-timing-function: cubic-bezier(.4, 0, .2, 1);
    --vt-mini-slide-fade-out-timing-function: cubic-bezier(.4, 0, 1, 1);
    --vt-full-slide-timing-function: cubic-bezier(0, .2, .2, 1);
    --vt-epcot-cross-fade-delay: .15s;
    --vt-epcot-cross-fade-duration: .15s;
    --vt-full-slide-duration: .4s
}

@keyframes vt-fade-in {
    0% {
        opacity: var(--vt-cross-fade-opacity)
    }
}

@keyframes vt-fade-out {
    to {
        opacity: var(--vt-cross-fade-opacity)
    }
}

@keyframes vt-darken {
    to {
        filter: brightness(var(--vt-old-snapshot-brightness))
    }
}

@keyframes vt-lighten {
    0% {
        filter: brightness(var(--vt-old-snapshot-brightness))
    }
}

@keyframes vt-mini-slide-from-left {
    0% {
        transform: translateX(calc(var(--vt-mini-slide-offset)*-1))
    }
}

@keyframes vt-mini-slide-from-right {
    0% {
        transform: translateX(var(--vt-mini-slide-offset))
    }
}

@keyframes vt-mini-slide-to-left {
    to {
        transform: translateX(calc(var(--vt-mini-slide-offset)*-1))
    }
}

@keyframes vt-mini-slide-to-right {
    to {
        transform: translateX(var(--vt-mini-slide-offset))
    }
}

@keyframes vt-slide-from-left {
    0% {
        transform: translateX(calc(var(--vt-full-slide-offset)*-1))
    }
}

@keyframes vt-slide-from-right {
    0% {
        transform: translateX(var(--vt-full-slide-offset))
    }
}

@keyframes vt-slide-to-left {
    to {
        transform: translateX(calc(var(--vt-full-slide-offset)*-1))
    }
}

@keyframes vt-slide-to-right {
    to {
        transform: translateX(var(--vt-full-slide-offset))
    }
}

.betslip-bar {
    view-transition-name: betslip-bar
}

header {
    view-transition-name: header-nav
}

.bottom-nav {
    view-transition-name: bottom-nav
}

.quick-bet-container {
    view-transition-name: quick-bet
}

::view-transition-group(*) {
    animation: none
}

::view-transition-old(*) {
    animation: none
}

::view-transition-new(*) {
    animation: none
}

::view-transition-old(*) {
    will-change: transform, opacity, filter
}

::view-transition-new(*) {
    will-change: transform, opacity, filter
}

::view-transition-old(root) {
    animation: var(--vt-mini-slide-fade-duration)var(--vt-mini-slide-fade-out-timing-function)both vt-fade-out, var(--vt-mini-slide-duration)var(--vt-mini-slide-timing-function)both vt-mini-slide-to-left
}

::view-transition-new(root) {
    animation: var(--vt-mini-slide-duration)var(--vt-mini-slide-fade-in-timing-function)var(--vt-mini-slide-fade-duration)both vt-fade-in, var(--vt-mini-slide-duration)var(--vt-mini-slide-timing-function)var(--vt-mini-slide-fade-duration)both vt-mini-slide-from-right
}

.view-transition-backwards::view-transition-old(root) {
    animation: var(--vt-mini-slide-fade-duration)var(--vt-mini-slide-fade-out-timing-function)both vt-fade-out, var(--vt-mini-slide-duration)var(--vt-mini-slide-timing-function)both vt-mini-slide-to-right
}

.view-transition-backwards::view-transition-new(root) {
    animation: var(--vt-mini-slide-duration)var(--vt-mini-slide-fade-in-timing-function)var(--vt-mini-slide-fade-duration)both vt-fade-in, var(--vt-mini-slide-duration)var(--vt-mini-slide-timing-function)var(--vt-mini-slide-fade-duration)both vt-mini-slide-from-left
}

.view-transition-epcot::view-transition-old(root) {
    animation: var(--vt-epcot-cross-fade-duration)ease-in var(--vt-epcot-cross-fade-delay)both vt-fade-out
}

.view-transition-epcot::view-transition-new(root) {
    animation: var(--vt-epcot-cross-fade-duration)ease-in var(--vt-epcot-cross-fade-delay)both vt-fade-in
}

.view-transition-epcot:not(.view-transition-full-slide)::view-transition-old(root) {
    mix-blend-mode: plus-lighter
}

.view-transition-epcot:not(.view-transition-full-slide)::view-transition-new(root) {
    mix-blend-mode: plus-lighter
}

::view-transition-old(header-nav) {
    mix-blend-mode: plus-lighter
}

::view-transition-new(header-nav) {
    mix-blend-mode: plus-lighter
}

::view-transition-old(header-nav) {
    animation: .1s ease-out var(--vt-base-delay)both vt-fade-out
}

::view-transition-new(header-nav) {
    animation: .1s ease-out var(--vt-base-delay)both vt-fade-in
}

.view-transition-full-slide header,
.view-transition-full-slide .betslip-bar,
.view-transition-full-slide .quick-bet-container,
.view-transition-full-slide .bottom-nav {
    view-transition-name: none
}

.view-transition-full-slide::view-transition-old(root) {
    animation: var(--vt-full-slide-duration)var(--vt-full-slide-timing-function)var(--vt-base-delay)both vt-darken, var(--vt-full-slide-duration)var(--vt-full-slide-timing-function)var(--vt-base-delay)both vt-mini-slide-to-left
}

.view-transition-full-slide::view-transition-new(root) {
    animation: var(--vt-full-slide-duration)var(--vt-full-slide-timing-function)var(--vt-base-delay)both vt-slide-from-right
}

.view-transition-full-slide.view-transition-backwards::view-transition-old(root) {
    z-index: 2147483647;
    animation: var(--vt-full-slide-duration)var(--vt-full-slide-timing-function)var(--vt-base-delay)both vt-slide-to-right
}

.view-transition-full-slide.view-transition-backwards::view-transition-new(root) {
    animation: var(--vt-full-slide-duration)var(--vt-full-slide-timing-function)var(--vt-base-delay)both vt-lighten, var(--vt-full-slide-duration)var(--vt-full-slide-timing-function)var(--vt-base-delay)both vt-mini-slide-from-left
}

.view-transition-modifier-exclude-none header,
.view-transition-modifier-exclude-none .betslip-bar,
.view-transition-modifier-exclude-none .quick-bet-container,
.view-transition-modifier-exclude-none .bottom-nav {
    view-transition-name: none
}

.view-transition-modifier-exclude-header header {
    view-transition-name: header-nav
}

.view-transition-modifier-exclude-bottom-nav .bottom-nav {
    view-transition-name: bottom-nav
}

.view-transition-modifier-exclude-betslip .betslip-bar {
    view-transition-name: betslip-bar
}

.view-transition-modifier-exclude-quick-bet .quick-bet-container {
    view-transition-name: quick-bet
}

.view-transitions.cdk-global-scrollblock {
    position: static;
    overflow: hidden
}

.sports-sports-lcp-candidate {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPgogIDxnPgogICAgPHBhdGggZD0nbTI5My43OCA0LjkxLTIuODQgMTMuOGMtLjE3Ljc4LS44NSAxLjMzLTEuNjUgMS4zM2gtMTguMzFjLTEuMDcgMC0xLjg3LS45OS0xLjY1LTIuMDRsMi45MS0xMy44Yy4xNy0uNzguODUtMS4zMyAxLjY1LTEuMzNoMTguMjRjMS4wNyAwIDEuODcuOTkgMS42NSAyLjA0Wicgc3R5bGU9J3N0cm9rZS13aWR0aDogMDsgZmlsbDogdHJhbnNwYXJlbnQnLz4KICA8L2c+Cjwvc3ZnPg==);
    background-size: contain;
    display: block
}

@font-face {
    font-family: sportsicons;
    src: url(../fonts/sportsicons.4in.woff2)format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

 [class^=sports-],
 [class*=\ sports-],
 [class^=sports-],
 [class*=\ sports-] {
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: sportsicons !important
}

.sports-4:before {
    content: ""
}

.sports-5:before {
    content: ""
}

.sports-6:before {
    content: ""
}

.sports-7:before {
    content: ""
}

.sports-8:before {
    content: ""
}

.sports-9:before {
    content: ""
}

.sports-10:before {
    content: ""
}

.sports-11:before {
    content: ""
}

.sports-12:before {
    content: ""
}

.sports-13:before {
    content: ""
}

.sports-14:before {
    content: ""
}

.sports-15:before {
    content: ""
}

.sports-16:before {
    content: ""
}

.sports-17:before {
    content: ""
}

.sports-18:before {
    content: ""
}

.sports-21:before {
    content: ""
}

.sports-22:before {
    content: ""
}

.sports-23:before {
    content: ""
}

.sports-24:before {
    content: ""
}

.sports-25:before {
    content: ""
}

.sports-26:before {
    content: ""
}

.sports-27:before {
    content: ""
}

.sports-28:before {
    content: ""
}

.sports-29:before {
    content: ""
}

.sports-30:before {
    content: ""
}

.sports-31:before {
    content: ""
}

.sports-32:before {
    content: ""
}

.sports-33:before {
    content: ""
}

.sports-34:before {
    content: ""
}

.sports-35:before {
    content: ""
}

.sports-36:before {
    content: ""
}

.sports-37:before {
    content: ""
}

.sports-38:before {
    content: ""
}

.sports-39:before {
    content: ""
}

.sports-40:before {
    content: ""
}

.sports-41:before {
    content: ""
}

.sports-42:before {
    content: ""
}

.sports-43:before {
    content: ""
}

.sports-44:before {
    content: ""
}

.sports-45:before {
    content: ""
}

.sports-46:before {
    content: ""
}

.sports-47:before {
    content: ""
}

.sports-48:before {
    content: ""
}

.sports-49:before {
    content: ""
}

.sports-50:before {
    content: ""
}

.sports-51:before {
    content: ""
}

.sports-52:before {
    content: ""
}

.sports-53:before {
    content: ""
}

.sports-54:before {
    content: ""
}

.sports-55:before {
    content: ""
}

.sports-56:before {
    content: ""
}

.sports-57:before {
    content: ""
}

.sports-58:before {
    content: ""
}

.sports-59:before {
    content: ""
}

.sports-60:before {
    content: ""
}

.sports-61:before {
    content: ""
}

.sports-62:before {
    content: ""
}

.sports-63:before {
    content: ""
}

.sports-64:before {
    content: ""
}

.sports-65:before {
    content: ""
}

.sports-66:before {
    content: ""
}

.sports-67:before {
    content: ""
}

.sports-68:before {
    content: ""
}

.sports-69:before {
    content: ""
}

.sports-70:before {
    content: ""
}

.sports-71:before {
    content: ""
}

.sports-72:before {
    content: ""
}

.sports-73:before {
    content: ""
}

.sports-74:before {
    content: ""
}

.sports-75:before {
    content: ""
}

.sports-76:before {
    content: ""
}

.sports-77:before {
    content: ""
}

.sports-78:before {
    content: ""
}

.sports-79:before {
    content: ""
}

.sports-80:before {
    content: ""
}

.sports-81:before {
    content: ""
}

.sports-82:before {
    content: ""
}

.sports-83:before {
    content: ""
}

.sports-84:before {
    content: ""
}

.sports-85:before {
    content: ""
}

.sports-86:before {
    content: ""
}

.sports-87:before {
    content: ""
}

.sports-88:before {
    content: ""
}

.sports-89:before {
    content: ""
}

.sports-90:before {
    content: ""
}

.sports-91:before {
    content: ""
}

.sports-92:before {
    content: ""
}

.sports-93:before {
    content: ""
}

.sports-94:before {
    content: ""
}

.sports-95:before {
    content: ""
}

.sports-96:before {
    content: ""
}

.sports-97:before {
    content: ""
}

.sports-98:before {
    content: ""
}

.sports-99:before {
    content: ""
}

.sports-100:before {
    content: ""
}

.sports-101:before {
    content: ""
}

.sports-102:before {
    content: ""
}

.sports-103:before {
    content: ""
}

.sports-104:before {
    content: ""
}

.sports-105:before {
    content: ""
}

.sports-106:before {
    content: ""
}

.sports-107:before {
    content: ""
}

.sports-108:before {
    content: ""
}

.sports-109:before {
    content: ""
}

.sports-12-match-active:before {
    content: ""
}

.sports-12-match:before {
    content: ""
}

.sports-13-match-active:before {
    content: ""
}

.sports-13-match:before {
    content: ""
}

.sports-4-match-active:before {
    content: ""
}

.sports-4-match:before {
    content: ""
}

.sports-5-match-active:before {
    content: ""
}

.sports-5-match:before {
    content: ""
}

.sports-7-match-active:before {
    content: ""
}

.sports-7-match:before {
    content: ""
}

.sports-alert-multiple-o:before {
    content: ""
}

.sports-alert-multiple:before {
    content: ""
}

.sports-alert-o:before {
    content: ""
}

.sports-alert:before {
    content: ""
}

.sports-all:before {
    content: ""
}

.sports-badge-live:before {
    content: ""
}

.sports-baseball-inning-button:before {
    content: ""
}

.sports-bat:before {
    content: ""
}

.sports-beta:before {
    content: ""
}

.sports-build-a-bet:before {
    content: ""
}

.sports-calendar:before {
    content: ""
}

.sports-check:before {
    content: ""
}

.sports-circle-minus:before {
    content: ""
}

.sports-circle-plus:before {
    content: ""
}

.sports-competition:before {
    content: ""
}

.sports-country:before {
    content: ""
}

.sports-coupons-arrow-description:before {
    content: ""
}

.sports-coupons-bg:before {
    content: ""
}

.sports-coupons-icon:before {
    content: ""
}

.sports-each-way:before {
    content: ""
}

.sports-edit-bet-delete:before {
    content: ""
}

.sports-edit-stake:before {
    content: ""
}

.sports-favourites:before {
    content: ""
}

.sports-filter:before {
    content: ""
}

.sports-gd-home:before {
    content: ""
}

.sports-globe:before {
    content: ""
}

.sports-glove:before {
    content: ""
}

.sports-glyph-video-i:before {
    content: ""
}

.sports-greyhounds-race-off:before {
    content: ""
}

.sports-greyhounds-sorting:before {
    content: ""
}

.sports-handle-reversed:before {
    content: ""
}

.sports-handle:before {
    content: ""
}

.sports-highlights:before {
    content: ""
}

.sports-home:before {
    content: ""
}

.sports-league:before {
    content: ""
}

.sports-live:before {
    content: ""
}

.sports-match:before {
    content: ""
}

.sports-minus:before {
    content: ""
}

.sports-new-badge:before {
    content: ""
}

.sports-odd-range-arrow:before {
    content: ""
}

.sports-paypal:before {
    content: ""
}

.sports-priced:before {
    content: ""
}

.sports-protektor-i:before {
    content: ""
}

.sports-protektor:before {
    content: ""
}

.sports-race-resulted:before {
    content: ""
}

.sports-refresh:before {
    content: ""
}

.sports-sb-2point-b:before {
    content: ""
}

.sports-sb-3point-b:before {
    content: ""
}

.sports-sb-ace-t:before {
    content: ""
}

.sports-sb-ace:before {
    content: ""
}

.sports-sb-assist-b:before {
    content: ""
}

.sports-sb-break-t:before {
    content: ""
}

.sports-sb-card:before {
    content: ""
}

.sports-sb-circle-i:before {
    content: ""
}

.sports-sb-corner:before {
    content: ""
}

.sports-sb-cricket-turn:before {
    content: ""
}

.sports-sb-darts:before {
    content: ""
}

.sports-sb-double-fault:before {
    content: ""
}

.sports-sb-doublefault:before {
    content: ""
}

.sports-sb-drop-out:before {
    content: ""
}

.sports-sb-empty-net:before {
    content: ""
}

.sports-sb-even:before {
    content: ""
}

.sports-sb-extra-time:before {
    content: ""
}

.sports-sb-fault:before {
    content: ""
}

.sports-sb-flag-revoked:before {
    content: ""
}

.sports-sb-flag:before {
    content: ""
}

.sports-sb-football:before {
    content: ""
}

.sports-sb-foul:before {
    content: ""
}

.sports-sb-free-kick-f:before {
    content: ""
}

.sports-sb-freethrow-b:before {
    content: ""
}

.sports-sb-freethrow-missed-b:before {
    content: ""
}

.sports-sb-goal-f:before {
    content: ""
}

.sports-sb-goal-h:before {
    content: ""
}

.sports-sb-goal-hand:before {
    content: ""
}

.sports-sb-goal-kick-f:before {
    content: ""
}

.sports-sb-intermission:before {
    content: ""
}

.sports-sb-no-base:before {
    content: ""
}

.sports-sb-offside:before {
    content: ""
}

.sports-sb-penalty-f:before {
    content: ""
}

.sports-sb-penalty-h:before {
    content: ""
}

.sports-sb-penalty-hand:before {
    content: ""
}

.sports-sb-penalty-missed-hand:before {
    content: ""
}

.sports-sb-penalty-scored-hand:before {
    content: ""
}

.sports-sb-penalty-shootout-f:before {
    content: ""
}

.sports-sb-pit-stop:before {
    content: ""
}

.sports-sb-point-t:before {
    content: ""
}

.sports-sb-point-v:before {
    content: ""
}

.sports-sb-power-play:before {
    content: ""
}

.sports-sb-powerplay:before {
    content: ""
}

.sports-sb-race-to:before {
    content: ""
}

.sports-sb-rebound:before {
    content: ""
}

.sports-sb-retirement-t:before {
    content: ""
}

.sports-sb-safety-car:before {
    content: ""
}

.sports-sb-score-b:before {
    content: ""
}

.sports-sb-set-point:before {
    content: ""
}

.sports-sb-set-won:before {
    content: ""
}

.sports-sb-setball-t:before {
    content: ""
}

.sports-sb-setball-v:before {
    content: ""
}

.sports-sb-substitution:before {
    content: ""
}

.sports-sb-summary:before {
    content: ""
}

.sports-sb-tennis:before {
    content: ""
}

.sports-sb-throw-in:before {
    content: ""
}

.sports-sb-tiebreaks-end:before {
    content: ""
}

.sports-sb-tiebreaks-start:before {
    content: ""
}

.sports-sb-timeout:before {
    content: ""
}

.sports-sb-weather-0-i:before {
    content: ""
}

.sports-sb-weather-0:before {
    content: ""
}

.sports-sb-weather-1-i:before {
    content: ""
}

.sports-sb-weather-1:before {
    content: ""
}

.sports-sb-weather-2-i:before {
    content: ""
}

.sports-sb-weather-2:before {
    content: ""
}

.sports-sb-weather-3-i:before {
    content: ""
}

.sports-sb-weather-3:before {
    content: ""
}

.sports-score:before {
    content: ""
}

.sports-silk-placeholder:before {
    content: ""
}

.sports-soon:before {
    content: ""
}

.sports-sorting-asc:before {
    content: ""
}

.sports-stats-active:before {
    content: ""
}

.sports-stats-advanced:before {
    content: ""
}

.sports-stats:before {
    content: ""
}

.sports-swap:before {
    content: ""
}

.sports-topbets:before {
    content: ""
}

.sports-tournament:before {
    content: ""
}

.sports-video-active:before {
    content: ""
}

.sports-video-badge-b:before {
    content: ""
}

.sports-video:before {
    content: ""
}

.sports-virtual-tennis:before {
    content: ""
}

.product-sports:not(.hide-edp-header) .main-container {
    z-index: 1
}

.product-sports.hide-edp-header .main-container {
    z-index: 6
}

.product-sports.card-content body {
    position: fixed;
    overflow-y: hidden
}

.product-sports.card-content main,
.product-sports.card-content .main-container {
    height: calc(100vh - 7em);
    min-height: calc(100vh - 7em);
    max-height: calc(100vh - 7em)
}

.product-sports.card-content.bottom-nav-shown main,
.product-sports.card-content.bottom-nav-shown .main-container {
    height: calc(100vh - 10.5em);
    min-height: calc(100vh - 10.5em);
    max-height: calc(100vh - 10.5em)
}

.product-sports.card-content .main-container {
    width: 100%;
    min-width: 0;
    display: flex;
    position: fixed
}

@media (min-width:1920px) {
    .product-sports.card-content .main-container {
        max-width: 1920px
    }
}

.product-sports.card-content.header-sub-navigation main,
.product-sports.card-content.header-sub-navigation .main-container {
    height: calc(100vh - 9.5em);
    min-height: calc(100vh - 9.5em);
    max-height: calc(100vh - 9.5em)
}

.product-sports.card-content.header-sub-navigation.bottom-nav-shown main,
.product-sports.card-content.header-sub-navigation.bottom-nav-shown .main-container {
    height: calc(100vh - 13em);
    min-height: calc(100vh - 13em);
    max-height: calc(100vh - 13em)
}

.product-sports.card-content.header-sub-navigation.header_top_items-lugas-timer-shown main,
.product-sports.card-content.header-sub-navigation.header_top_items-lugas-timer-shown .main-container {
    height: calc(100vh - 12.5em);
    min-height: calc(100vh - 12.5em);
    max-height: calc(100vh - 12.5em)
}

.product-sports.card-content.header-sub-navigation.header_top_items-lugas-timer-shown.bottom-nav-shown main,
.product-sports.card-content.header-sub-navigation.header_top_items-lugas-timer-shown.bottom-nav-shown .main-container {
    height: calc(100vh - 16em);
    min-height: calc(100vh - 16em);
    max-height: calc(100vh - 16em)
}

.product-sports.card-content.header_top_items-lugas-timer-shown main,
.product-sports.card-content.header_top_items-lugas-timer-shown .main-container {
    height: calc(100vh - 10em);
    min-height: calc(100vh - 10em);
    max-height: calc(100vh - 10em)
}

.product-sports.card-content.header_top_items-lugas-timer-shown.bottom-nav-shown main,
.product-sports.card-content.header_top_items-lugas-timer-shown.bottom-nav-shown .main-container {
    height: calc(100vh - 13.5em);
    min-height: calc(100vh - 13.5em);
    max-height: calc(100vh - 13.5em)
}

.product-sports.scrollable-content body {
    overflow-y: hidden
}

.product-sports .content-messages-top {
    max-height: 100vh;
    transition: max-height .5s;
    display: block;
    transform: translateZ(0)
}

.product-sports.content-messages-hidden .content-messages-top {
    max-height: 0
}

.column-wrapper,
.column-container {
    min-height: 100%;
    display: block;
    position: relative
}

.column-left,
.column-right,
.column-center {
    min-width: 0;
    max-height: 100%;
    height: 100% !important
}

.column-left,
.column-right {
    flex-grow: 0;
    flex-shrink: 0
}

.column-center {
    flex-grow: 1;
    flex-shrink: 1
}

.product-sports:not(.card-content) .column-center {
    padding: 1em 0 0
}

.column-right>.widget-slot {
    min-height: 100%;
    position: relative
}

.column.ng-scrollbar {
    --scrollbar-padding: 1em
}

ng-scrollbar.ng-scrollbar {
    --scrollbar-size: .5em;
    --scrollbar-padding: .25em
}

ng-scrollbar.ng-scrollbar,
ng-scrollbar.ng-scrollbar-compact {
    --scrollbar-thumb-color: var(--theme-body-30);
    --scrollbar-thumb-hover-color: var(--theme-body-50)
}

ng-scrollbar.ng-scrollbar-compact {
    --scrollbar-size: .25em
}

.ng-scrollbar-track {
    cursor: pointer
}

.ng-scrollbar-thumb {
    transition: background-color .2s
}

.ng-scrollbar .ng-scroll-content {
    display: block
}

.ng-scrollbar .scrollbar-control {
    width: 1em !important
}

.ng-scrollbar-compact .scrollbar-control {
    width: .75em !important
}

html.product-sports:not(.main-activated):not(.vanilla-route) .slot-main,
html.product-sports:not(.main-activated):not(.vanilla-route) .slot-app,
html.product-sports:not(.main-activated):not(.vanilla-route) .slot-footer {
    display: none
}

@media (max-width:599.98px) {
    html:not(.navigation-layout-open) .column-wrapper {
        padding-top: 1rem
    }
}

@media (min-width:600px) and (max-width:959.98px) {

    .card-content .column-left+.column,
    .card-content .column-center+.column,
    .card-content .column-right+.column {
        margin-left: -1em
    }

    .card-content .column-left {
        z-index: 3;
        width: 17em
    }

    .card-content .column-left .column-wrapper {
        padding: 1em
    }

    .card-content .column-center {
        z-index: 2
    }

    .card-content .column-center .column-wrapper {
        padding: 1em
    }

    .card-content .column-right {
        z-index: 1;
        width: 22em
    }

    .card-content .column-right .column-wrapper {
        padding: 1em
    }

    .card-content .column-right>.ng-scrollbar-wrapper>.scrollbar-control {
        right: 0 !important
    }

    .card-content:not(.content-left):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-left: 1em
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center>.ng-scrollbar-wrapper>.scrollbar-control {
        right: 0 !important
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-right: 1em
    }
}

@media (min-width:960px) and (max-width:1279.98px) {

    .card-content .column-left+.column,
    .card-content .column-center+.column,
    .card-content .column-right+.column {
        margin-left: -1em
    }

    .card-content .column-left {
        z-index: 3;
        width: 17.5em
    }

    .card-content .column-left .column-wrapper {
        padding: 1em 1em 1em 1.5em
    }

    .card-content .column-center {
        z-index: 2
    }

    .card-content .column-center .column-wrapper {
        padding: 1em
    }

    .card-content .column-right {
        z-index: 1;
        width: 22.5em
    }

    .card-content .column-right .column-wrapper {
        padding: 1em 1.5em 1em 1em
    }

    .card-content .column-right>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-left):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-left: 1.5em
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-right: 1.5em
    }
}

@media (min-width:1280px) and (max-width:1599.98px) {

    .card-content .column-left+.column,
    .card-content .column-center+.column,
    .card-content .column-right+.column {
        margin-left: -1em
    }

    .card-content .column-left {
        z-index: 3;
        width: 17.5em
    }

    .card-content .column-left .column-wrapper {
        padding: 1em 1em 1em 1.5em
    }

    .card-content .column-center {
        z-index: 2
    }

    .card-content .column-center .column-wrapper {
        padding: 1em
    }

    .card-content .column-right {
        z-index: 1;
        width: 24.375em
    }

    .card-content .column-right .column-wrapper {
        padding: 1em 1.5em 1em 1em
    }

    .card-content .column-right>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-left):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-left: 1.5em
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-right: 1.5em
    }
}

@media (min-width:1600px) and (max-width:1919.98px) {

    .card-content .column-left+.column,
    .card-content .column-center+.column,
    .card-content .column-right+.column {
        margin-left: -1em
    }

    .card-content .column-left {
        z-index: 3;
        width: 17.5em
    }

    .card-content .column-left .column-wrapper {
        padding: 1em 1em 1em 1.5em
    }

    .card-content .column-center {
        z-index: 2
    }

    .card-content .column-center .column-wrapper {
        padding: 1em
    }

    .card-content .column-right {
        z-index: 1;
        width: 25.9375em
    }

    .card-content .column-right .column-wrapper {
        padding: 1em 1.5em 1em 1em
    }

    .card-content .column-right>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-left):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-left: 1.5em
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-right: 1.5em
    }
}

@media (min-width:1920px) {

    .card-content .column-left+.column,
    .card-content .column-center+.column,
    .card-content .column-right+.column {
        margin-left: -1em
    }

    .card-content .column-left {
        z-index: 3;
        width: 17.5em
    }

    .card-content .column-left .column-wrapper {
        padding: 1em 1em 1em 1.5em
    }

    .card-content .column-center {
        z-index: 2
    }

    .card-content .column-center .column-wrapper {
        padding: 1em
    }

    .card-content .column-right {
        z-index: 1;
        width: 25.9375em
    }

    .card-content .column-right .column-wrapper {
        padding: 1em 1.5em 1em 1em
    }

    .card-content .column-right>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-left):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-left: 1.5em
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center>.ng-scrollbar-wrapper>.scrollbar-control {
        right: .5em !important
    }

    .card-content:not(.content-right):not(.navigation-layout-open) .column-center .column-wrapper {
        padding-right: 1.5em
    }
}

.content-right-lg .column-right {
    width: 30em
}

.content-right-xl .column-right {
    width: 36.9em
}

.fixed-content:not(.navigation-layout-open) #main-view {
    margin-top: -1em;
    margin-bottom: 1em
}

.fixed-content:not(.navigation-layout-open).card-content #main-view {
    margin: -1em
}

.fixed-content.bottom-nav-shown #main-view,
.fixed-content.event-details-page:not(.navigation-layout-open) #main-view {
    margin-top: 0
}

html.navigation-layout-page-card.card-content .column-center .column-wrapper {
    padding: 0
}

.product-sports[data-domain=".bwin.se"].card-content .column-left,
.product-sports[data-domain=".bwin.se"].card-content .column-right,
.product-sports[data-domain=".bwin.se"].card-content .column-center {
    margin-bottom: 6.8125em
}

.product-sports[data-domain=".bwin.se"].card-content main,
.product-sports[data-domain=".bwin.se"].card-content .main-container {
    height: calc(100vh - 9.3125em);
    min-height: calc(100vh - 9.3125em);
    max-height: calc(100vh - 9.3125em)
}

.product-sports[data-domain=".bwin.se"].card-content.bottom-nav-shown main,
.product-sports[data-domain=".bwin.se"].card-content.bottom-nav-shown .main-container {
    height: calc(100vh - 12.8125em);
    min-height: calc(100vh - 12.8125em);
    max-height: calc(100vh - 12.8125em)
}

.product-sports[data-domain=".bwin.se"].card-content.header-sub-navigation main,
.product-sports[data-domain=".bwin.se"].card-content.header-sub-navigation .main-container {
    height: calc(100vh - 11.8125em);
    min-height: calc(100vh - 11.8125em);
    max-height: calc(100vh - 11.8125em)
}

.product-sports[data-domain=".bwin.se"].card-content.header-sub-navigation.bottom-nav-shown main,
.product-sports[data-domain=".bwin.se"].card-content.header-sub-navigation.bottom-nav-shown .main-container {
    height: calc(100vh - 15.3125em);
    min-height: calc(100vh - 15.3125em);
    max-height: calc(100vh - 15.3125em)
}

.product-sports[data-domain=".bwin.se"].card-content.header-sub-navigation.header_top_items-lugas-timer-shown main,
.product-sports[data-domain=".bwin.se"].card-content.header-sub-navigation.header_top_items-lugas-timer-shown .main-container {
    height: calc(100vh - 14.8125em);
    min-height: calc(100vh - 14.8125em);
    max-height: calc(100vh - 14.8125em)
}

.product-sports[data-domain=".bwin.se"].card-content.header-sub-navigation.header_top_items-lugas-timer-shown.bottom-nav-shown main,
.product-sports[data-domain=".bwin.se"].card-content.header-sub-navigation.header_top_items-lugas-timer-shown.bottom-nav-shown .main-container {
    height: calc(100vh - 18.3125em);
    min-height: calc(100vh - 18.3125em);
    max-height: calc(100vh - 18.3125em)
}

.product-sports[data-domain=".bwin.se"].card-content.header_top_items-lugas-timer-shown main,
.product-sports[data-domain=".bwin.se"].card-content.header_top_items-lugas-timer-shown .main-container {
    height: calc(100vh - 12.3125em);
    min-height: calc(100vh - 12.3125em);
    max-height: calc(100vh - 12.3125em)
}

.product-sports[data-domain=".bwin.se"].card-content.header_top_items-lugas-timer-shown.bottom-nav-shown main,
.product-sports[data-domain=".bwin.se"].card-content.header_top_items-lugas-timer-shown.bottom-nav-shown .main-container {
    height: calc(100vh - 15.8125em);
    min-height: calc(100vh - 15.8125em);
    max-height: calc(100vh - 15.8125em)
}

.product-sports[data-domain=".bwin.se"] nav.bottom-nav {
    background-color: #333
}

.product-sports[data-domain=".bwin.se"] nav.bottom-nav .menu-item .bottom-nav-link {
    color: #adadad
}

.product-sports[data-domain=".bwin.se"]:not(.card-content) .column-left,
.product-sports[data-domain=".bwin.se"]:not(.card-content) .column-right,
.product-sports[data-domain=".bwin.se"]:not(.card-content) .column-center {
    padding-bottom: 0
}

.product-sports[data-domain=".bwin.se"]:not(.card-content):not(.card-content).hide-edp-header.header_sections-hidden .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 0
}

.product-sports[data-domain=".bwin.se"]:not(.card-content):not(.card-content).hide-edp-header.header_sections-hidden .event-details .event-detail-header.with-header-navigation {
    top: 5.025em
}

.product-sports[data-domain=".bwin.se"]:not(.card-content):not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 6.65em
}

.product-sports[data-domain=".bwin.se"]:not(.card-content):not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details .event-detail-header.with-header-navigation {
    top: 8.525em
}

.product-sports[data-domain=".bwin.se"]:not(.card-content):not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details.in-overlay .event-detail-header.sticky:not(.with-header-navigation) {
    top: 0
}

.product-sports[data-domain=".bwin.se"]:not(.card-content):not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details.in-overlay .event-detail-header.with-header-navigation {
    top: 5.025em
}

.product-sports[data-domain=".bwin.se"]:not(.card-content):not(.card-content):not(.hide-edp-header).header_sections-hidden .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 6.275em
}

.product-sports[data-domain=".bwin.se"]:not(.card-content):not(.card-content):not(.hide-edp-header).header_sections-hidden .event-details .event-detail-header.with-header-navigation {
    top: 8.15em
}

.product-sports[data-domain=".bwin.se"]:not(.card-content):not(.card-content):not(.hide-edp-header) .event-details.in-overlay .event-detail-header.sticky:not(.with-header-navigation) {
    top: 6.275em
}

.product-sports[data-domain=".bwin.se"]:not(.card-content):not(.card-content):not(.hide-edp-header) .event-details.in-overlay .event-detail-header.with-header-navigation {
    top: 8.15em
}

.product-sports[data-domain=".bwin.se"]:not(.card-content):not(.card-content):not(.header_sections-hidden) .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 9.775em
}

.product-sports[data-domain=".bwin.se"]:not(.card-content):not(.card-content):not(.header_sections-hidden) .event-details .event-detail-header.with-header-navigation {
    top: 11.65em
}

.product-sports[data-domain=".bwin.se"]:not(.card-content).mybets-view .mybets-redesign#mybets>.header {
    top: 5.8125em
}

.product-sports[data-domain=".bwin.se"] .modal.modal-popup.modal-under-header,
.product-sports[data-domain=".bwin.se"] .modal-backdrop.modal-under-header {
    height: calc(100% - 5.8125em)
}

.product-sports[data-domain=".bwin.se"] .modal-backdrop.event-switcher-dialog,
.product-sports[data-domain=".bwin.se"] .modal.event-switcher-dialog {
    height: calc(100% - 8.9em)
}

.product-sports[data-domain=".bwin.fr"] .modal-backdrop.modal-under-header,
.product-sports[data-domain=".bwin.fr"] .modal.modal-popup.modal-under-header,
.product-sports[data-domain=".bwin.fr"].authenticated .modal-backdrop.modal-under-header,
.product-sports[data-domain=".bwin.fr"].authenticated .modal.modal-popup.modal-under-header {
    height: calc(100% - 3.5em)
}

.product-sports[data-domain=".bwin.fr"].card-content main,
.product-sports[data-domain=".bwin.fr"].card-content .main-container {
    height: calc(100vh - 10.75em);
    min-height: calc(100vh - 10.75em);
    max-height: calc(100vh - 10.75em)
}

.product-sports[data-domain=".bwin.fr"].card-content.bottom-nav-shown main,
.product-sports[data-domain=".bwin.fr"].card-content.bottom-nav-shown .main-container {
    height: calc(100vh - 14.25em);
    min-height: calc(100vh - 14.25em);
    max-height: calc(100vh - 14.25em)
}

.product-sports[data-domain=".bwin.fr"].card-content.header-sub-navigation main,
.product-sports[data-domain=".bwin.fr"].card-content.header-sub-navigation .main-container {
    height: calc(100vh - 13.25em);
    min-height: calc(100vh - 13.25em);
    max-height: calc(100vh - 13.25em)
}

.product-sports[data-domain=".bwin.fr"].card-content.header-sub-navigation.bottom-nav-shown main,
.product-sports[data-domain=".bwin.fr"].card-content.header-sub-navigation.bottom-nav-shown .main-container {
    height: calc(100vh - 16.75em);
    min-height: calc(100vh - 16.75em);
    max-height: calc(100vh - 16.75em)
}

.product-sports[data-domain=".bwin.fr"].card-content.header-sub-navigation.header_top_items-lugas-timer-shown main,
.product-sports[data-domain=".bwin.fr"].card-content.header-sub-navigation.header_top_items-lugas-timer-shown .main-container {
    height: calc(100vh - 16.25em);
    min-height: calc(100vh - 16.25em);
    max-height: calc(100vh - 16.25em)
}

.product-sports[data-domain=".bwin.fr"].card-content.header-sub-navigation.header_top_items-lugas-timer-shown.bottom-nav-shown main,
.product-sports[data-domain=".bwin.fr"].card-content.header-sub-navigation.header_top_items-lugas-timer-shown.bottom-nav-shown .main-container {
    height: calc(100vh - 19.75em);
    min-height: calc(100vh - 19.75em);
    max-height: calc(100vh - 19.75em)
}

.product-sports[data-domain=".bwin.fr"].card-content.header_top_items-lugas-timer-shown main,
.product-sports[data-domain=".bwin.fr"].card-content.header_top_items-lugas-timer-shown .main-container {
    height: calc(100vh - 13.75em);
    min-height: calc(100vh - 13.75em);
    max-height: calc(100vh - 13.75em)
}

.product-sports[data-domain=".bwin.fr"].card-content.header_top_items-lugas-timer-shown.bottom-nav-shown main,
.product-sports[data-domain=".bwin.fr"].card-content.header_top_items-lugas-timer-shown.bottom-nav-shown .main-container {
    height: calc(100vh - 17.25em);
    min-height: calc(100vh - 17.25em);
    max-height: calc(100vh - 17.25em)
}

.product-sports[data-domain=".bwin.fr"]:not(.card-content).hide-edp-header.header_sections-hidden .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 0
}

.product-sports[data-domain=".bwin.fr"]:not(.card-content).hide-edp-header.header_sections-hidden .event-details .event-detail-header.with-header-navigation {
    top: 4.875em
}

.product-sports[data-domain=".bwin.fr"]:not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 6.5em
}

.product-sports[data-domain=".bwin.fr"]:not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details .event-detail-header.with-header-navigation {
    top: 8.375em
}

.product-sports[data-domain=".bwin.fr"]:not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details.in-overlay .event-detail-header.sticky:not(.with-header-navigation) {
    top: 0
}

.product-sports[data-domain=".bwin.fr"]:not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details.in-overlay .event-detail-header.with-header-navigation {
    top: 4.875em
}

.product-sports[data-domain=".bwin.fr"]:not(.card-content):not(.hide-edp-header).header_sections-hidden .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 6.125em
}

.product-sports[data-domain=".bwin.fr"]:not(.card-content):not(.hide-edp-header).header_sections-hidden .event-details .event-detail-header.with-header-navigation {
    top: 8em
}

.product-sports[data-domain=".bwin.fr"]:not(.card-content):not(.hide-edp-header) .event-details.in-overlay .event-detail-header.sticky:not(.with-header-navigation) {
    top: 6.125em
}

.product-sports[data-domain=".bwin.fr"]:not(.card-content):not(.hide-edp-header) .event-details.in-overlay .event-detail-header.with-header-navigation {
    top: 8em
}

.product-sports[data-domain=".bwin.fr"]:not(.card-content):not(.header_sections-hidden) .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 9.625em
}

.product-sports[data-domain=".bwin.fr"]:not(.card-content):not(.header_sections-hidden) .event-details .event-detail-header.with-header-navigation {
    top: 11.5em
}

.btn.btn-outline-secondary.btn-block.show-more-btn,
.btn.btn-outline-secondary.btn-block.show-more-btn-mini {
    margin: auto
}

.ui-icon .badge.badge-t-r.badge-size-sm {
    background: var(--theme-cta-01);
    color: #000
}

.product-sports[data-domain=".bwin.be"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).hide-edp-header.header_sections-hidden .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 0
}

.product-sports[data-domain=".bwin.be"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).hide-edp-header.header_sections-hidden .event-details .event-detail-header.with-header-navigation {
    top: 4.1875em
}

.product-sports[data-domain=".bwin.be"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 5.8125em
}

.product-sports[data-domain=".bwin.be"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details .event-detail-header.with-header-navigation {
    top: 7.6875em
}

.product-sports[data-domain=".bwin.be"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details.in-overlay .event-detail-header.sticky:not(.with-header-navigation) {
    top: 0
}

.product-sports[data-domain=".bwin.be"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details.in-overlay .event-detail-header.with-header-navigation {
    top: 4.1875em
}

.product-sports[data-domain=".bwin.be"].device-mobile:not(.isTablet):not(.landscape):not(.card-content):not(.hide-edp-header).header_sections-hidden .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 5.4375em
}

.product-sports[data-domain=".bwin.be"].device-mobile:not(.isTablet):not(.landscape):not(.card-content):not(.hide-edp-header).header_sections-hidden .event-details .event-detail-header.with-header-navigation {
    top: 7.3125em
}

.product-sports[data-domain=".bwin.be"].device-mobile:not(.isTablet):not(.landscape):not(.card-content):not(.hide-edp-header) .event-details.in-overlay .event-detail-header.sticky:not(.with-header-navigation) {
    top: 5.4375em
}

.product-sports[data-domain=".bwin.be"].device-mobile:not(.isTablet):not(.landscape):not(.card-content):not(.hide-edp-header) .event-details.in-overlay .event-detail-header.with-header-navigation {
    top: 7.3125em
}

.product-sports[data-domain=".bwin.be"].device-mobile:not(.isTablet):not(.landscape):not(.card-content):not(.header_sections-hidden) .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 8.9375em
}

.product-sports[data-domain=".bwin.be"].device-mobile:not(.isTablet):not(.landscape):not(.card-content):not(.header_sections-hidden) .event-details .event-detail-header.with-header-navigation {
    top: 10.8125em
}

.product-sports[data-domain=".bwin.be"] .modal.modal-popup.modal-under-header,
.product-sports[data-domain=".bwin.be"] .modal-backdrop.modal-under-header {
    height: calc(100% - 5.9em)
}

.product-sports[data-domain=".bwin.be"] .modal-backdrop.event-switcher-dialog,
.product-sports[data-domain=".bwin.be"] .modal.event-switcher-dialog {
    height: calc(100% - 8.15em)
}

.product-sports[data-domain=".bwin.be"] .meeting-switcher-toggle-dialog {
    height: calc(100% - 9.4em) !important
}

@media (max-width:1279.98px) {
    .product-sports[data-domain=".bwin.be"] ms-modal-window.edit-bet-history-modal.modal.modal-dialog-wrapper {
        margin-top: 5.9em
    }
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).hide-edp-header.header_sections-hidden .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 0
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).hide-edp-header.header_sections-hidden .event-details .event-detail-header.with-header-navigation {
    top: 4.625em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 6.25em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details .event-detail-header.with-header-navigation {
    top: 8.125em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details.in-overlay .event-detail-header.sticky:not(.with-header-navigation) {
    top: 0
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).hide-edp-header:not(.header_sections-hidden) .event-details.in-overlay .event-detail-header.with-header-navigation {
    top: 4.625em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content):not(.hide-edp-header).header_sections-hidden .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 5.875em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content):not(.hide-edp-header).header_sections-hidden .event-details .event-detail-header.with-header-navigation {
    top: 7.75em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content):not(.hide-edp-header) .event-details.in-overlay .event-detail-header.sticky:not(.with-header-navigation) {
    top: 5.875em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content):not(.hide-edp-header) .event-details.in-overlay .event-detail-header.with-header-navigation {
    top: 7.75em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content):not(.header_sections-hidden) .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 9.375em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content):not(.header_sections-hidden) .event-details .event-detail-header.with-header-navigation {
    top: 11.25em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).custom-login-duration-shown.hide-edp-header.header_sections-hidden .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 0
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).custom-login-duration-shown.hide-edp-header.header_sections-hidden .event-details .event-detail-header.with-header-navigation {
    top: 3.5em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).custom-login-duration-shown.hide-edp-header:not(.header_sections-hidden) .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 5.125em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).custom-login-duration-shown.hide-edp-header:not(.header_sections-hidden) .event-details .event-detail-header.with-header-navigation {
    top: 7em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).custom-login-duration-shown.hide-edp-header:not(.header_sections-hidden) .event-details.in-overlay .event-detail-header.sticky:not(.with-header-navigation) {
    top: 0
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).custom-login-duration-shown.hide-edp-header:not(.header_sections-hidden) .event-details.in-overlay .event-detail-header.with-header-navigation {
    top: 3.5em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).custom-login-duration-shown:not(.hide-edp-header).header_sections-hidden .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 4.75em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).custom-login-duration-shown:not(.hide-edp-header).header_sections-hidden .event-details .event-detail-header.with-header-navigation {
    top: 6.625em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).custom-login-duration-shown:not(.hide-edp-header) .event-details.in-overlay .event-detail-header.sticky:not(.with-header-navigation) {
    top: 4.75em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).custom-login-duration-shown:not(.hide-edp-header) .event-details.in-overlay .event-detail-header.with-header-navigation {
    top: 6.625em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).custom-login-duration-shown:not(.header_sections-hidden) .event-details .event-detail-header.sticky:not(.with-header-navigation) {
    top: 8.25em
}

.product-sports[data-domain=".bwin.dk"].device-mobile:not(.isTablet):not(.landscape):not(.card-content).custom-login-duration-shown:not(.header_sections-hidden) .event-details .event-detail-header.with-header-navigation {
    top: 10.125em
}

.product-sports[data-domain=".bwin.dk"] .modal-backdrop.event-switcher-dialog,
.product-sports[data-domain=".bwin.dk"] .modal.event-switcher-dialog {
    height: calc(100% - 8.5em)
}

.betslip .wallet-dropdown .select .option:first-child {
    padding: .85rem .65rem
}