app-sports-match-header {
    display: flex;
    width: 100%;
}

#root .mobile .content-top app-sports-match-header {
    border-radius: 0;
    box-shadow: none
}

app-sports-match-header .sports-match-header-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: var(--o-primary-b);
    border-radius: var(--r-b);
    background-position: center;
    z-index: 0;
    color: rgb(255 255 255 / 0.7) !important;
    box-shadow: var(--x-surface-b);
    padding: 36px 8px 8px 12px;
    padding:0
}

.mobile app-sports-match-header .sports-match-header-wrapper {
    padding: 0;
}

.mobile app-sports-match-header .sports-match-header-wrapper {
    border-radius: unset;
    /* box-shadow: none; */
}

.content-top.row ::-webkit-scrollbar-thumb {
    background-color: var(--c-f-d);
    border: none;
}

.content-top.row ::-webkit-scrollbar {
    height: 2px
}

app-sports-match-header .sports-match-header-wrapper.sport-soccer {
    background-color: var(--o-green-b);
    background-image: var(--g-1);
}

app-sports-match-header .sports-match-header-wrapper.sport-basketball {
    background-color: var(--o-red-a);
/*     background-image: var(--g-1), url(/v1.02/r/images/covers/cover-basket.png); */
    background-image: var(--g-1);
}

app-sports-match-header .sports-match-header-wrapper.sport-tennis {
    background-color: #e1a521;
/*     background-image: var(--g-1), url(/v1.02/r/images/covers/cover-tennis.png); */
    background-image: var(--g-1)
}

app-sports-match-header .sports-match-header-wrapper.sport-volleyball {
    background-color: var(--o-blue-c);
/*     background-image: var(--g-1), url(/v1.02/r/images/covers/cover-volley.png); */
    background-image: var(--g-1)
}

app-sports-match-header .sports-match-header-wrapper.sport-rugby {
    background-color: var(--o-green-c);
/*     background-image: var(--g-1), url(/v1.02/r/images/covers/cover-rugby.png); */
    background-image: var(--g-1)
}

app-sports-match-header .sports-match-header-wrapper.sport-baseball {
    background-color: var(--o-red-a);
/*     background-image: var(--g-1), url(/v1.02/r/images/covers/cover-baseball.png); */
    background-image: var(--g-1)
}

app-sports-match-header .sports-match-header-wrapper.sport-boxing {
    background-color: var(--o-red-b);
/*     background-image: var(--g-1), url(/v1.02/r/images/covers/cover-boxing.png); */
    background-image: var(--g-1)
}

app-sports-match-header .sports-match-header-wrapper.sport-snooker {
    background-color: var(--o-red-b);
/*     background-image: var(--g-1), url(/v1.02/r/images/covers/cover-snooker.png); */
    background-image: var(--g-1)
}

app-sports-match-header .sports-match-header-wrapper.sport-table-tennis {
    background-color: var(--o-blue-b);
/*     background-image: var(--g-1), url(/v1.02/r/images/covers/cover-tabletennis.png); */
    background-image: var(--g-1)
}

app-sports-match-header .sports-match-header-wrapper.sport-waterpolo {
    background-color: var(--o-blue-a);
/*     background-image: var(--g-1), url(/v1.02/r/images/covers/cover-waterpolo.png); */
    background-image: var(--g-1)
}

app-sports-match-header .sports-match-header-wrapper.sport-futsal {
    background-color: var(--o-green-a);
/*     background-image: var(--g-1), url(/v1.02/r/images/covers/cover-soccer.png); */
    background-image: var(--g-1)
}
#root app-sports-match-header .sports-match-header-wrapper {
    background-color: var(--a-teal-dark);
    background-image: var(--g-4);
}

app-sports-match-header .match-header-content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 100%;
    width: 100%;
}

#root app-sports-match-header .markets-match-header {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    position: relative;
}
#root app-sports-match-header.live .markets-match-header {
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
#root app-sports-match-header.live .markets-match-header:before {
    position: relative;
    content:"";
    width: 80px;
    display: inline-flex;
    order: 0;
    /* flex: 0 0 0%; */
    margin-bottom: -24px;
}
#root app-sports-match-header.live .markets-match-header .has-live-stream-match, #root app-sports-match-header.live .markets-match-header .match-date-and-time, #root .match-header .match-first-leg {
    margin-bottom: -24px;
}
#root app-sports-match-header .live-match-name-title {
    display:none
}
#root app-sports-match-header.live .markets-match-header .has-live-stream-match {
    /* margin-left:24px; */
    display:  inline-flex;
    order: 0;
    flex: 0 0 24px;
}
#root app-sports-match-header.live .markets-match-header>div:first-child {
    margin-left: 24px;
}
#root app-sports-match-header.live .markets-match-header>div.match-combinations  {
    display:none;
}
#root app-sports-match-header .markets-match-header {
    padding: 8px 12px 12px 12px;
    position: relative;
}
#root app-sports-match-header.pregame .markets-match-header >div {
    margin-top:-18px;
    
}
#root app-sports-match-header.pregame .markets-match-header .markets-match-name, #root app-sports-match-header.pregame .markets-match-header .match-date-and-time, #root app-sports-match-header.pregame .markets-match-header .markets-match-data{
    margin-top:0
}
#root app-sports-match-header.pregame .markets-match-header .match-date-and-time *, app-sports-match-header.pregame .markets-match-name:after {
    color: var(--c-s-white-s);
}

#root app-sports-match-header.pregame .markets-match-header
#root app-sports-match-header.live .markets-match-header {
    padding: 8px 4px  12px 12px
}

#root app-sports-match-header.live .markets-match-header .match-date-and-time:not(.hidden) {
    width: auto;
    text-align: left;
    /* margin-top: -24px; */
    height: 16px;
    padding: 0 4px;
    display: inline-flex;
    /* position: absolute; */
    top: 4px;
    left: 12px;
    height: 21px;
    max-width: 100%;
    color: var(--aw-live);
    order: 0;
    /* padding-left: 28px; */
}
#root app-sports-match-header.live .markets-match-header .match-date-and-time * {
    color: var(--aw-live);
}

app-sports-match-header .markets-match-live-info-wrapper,app-sports-match-header .markets-match-data {
    display: inline-flex;
    flex-direction: row;
    max-width: 100%;
    flex: 1 1 100%;
}

app-sports-match-header .markets-match-live-info-wrapper >*, app-sports-match-header .markets-match-data >* {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

app-sports-match-header .markets-match-live-info-wrapper {
    position: relative;
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-game-score {
    order: -1;
    font-weight: 600;
}
app-sports-match-header .markets-match-live-info-wrapper .live-match-score-wrapper, app-sports-match-header .markets-match-live-info-wrapper  .live-match-set-scores {
    order: 0;
    /* font-size: 1.1rem; */
}
app-sports-match-header .markets-match-live-info-wrapper .live-match-score-wrapper {
    order:0
}

/* app-sports-match-header .markets-match-live-info-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width:30px;
    background-color: var(--o-primary-bh);
    /* border-bottom: 1px solid var(--c-o2i); */
    z-index: 0;
} */

#root .markets-match-live-info-wrapper {
    order: 1;
    width: 100%;
    align-items: flex-end;
}

app-sports-match-header .markets-match-data {
    order: -1;
    width: 100%;
    font-size: 1rem;
    /* text-transform: uppercase; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

app-sports-match-header.live .markets-match-data {
    justify-content: flex-start;
    padding-right: 100px;
    display: none;
}

app-sports-match-header .markets-competition-name {
    padding-left: 8px;
}

app-sports-match-header.live .markets-category-name {
    /* height: 24px; */
    /* font-size: 0.8rem; */
    /* padding-left: 5px; */
}

#root app-sports-match-header.match-header .match-header-content-wrapper .markets-match-data {
    display: inline-block;
    width:  auto;
    padding-right: 0;
}

#root .view-page-sports-match app-sports-match-header.match-header .match-header-content-wrapper .markets-match-data {
    position: absolute;
    top: 4px;
    left: 8px;
}

#root app-sports-match-header.match-header .match-header-content-wrapper .markets-match-data>div:not(.match-statistics):not(.markets-match-code){
    display: none;
}

app-sports-match-header.markets-match-data .default-sport:not(.sport-icon) {
    padding-right: 5px;
    background-size: 36px;
    background-position: center;
    background-color: var(--o-primary);
    position: relative;
    display: block;
    z-index: 2;
}

app-sports-match-header .markets-match-data .markets-match-code {
   text-align: center;
   position:absolute;
   top: 2px;
   padding: 2px 2px 0 2px;
   font-size: 12px;
   border:1px solid var(--c-o3);
   max-width:45px;
   border-radius:3px;
   line-height: 13px;
   justify-content:center;
   /* display: none; */
}

app-sports-match-header .markets-category-name, app-sports-match-header .markets-competition-name {
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    line-height:1.2em
}

app-sports-match-header .match-statistics {
    position: absolute;
    left:50px;
    top: 2px;
    width: 24px;
    height: 20px;
    /* background-color: yellow; */
    /* display: none; */
    z-index: 1;
}

#root app-sports-match-header .markets-match-header .match-statistics:before{
    font-family: BIF;
    content: " bet-stats";
    font-size: 24px;
    color: var(--c-s-white-s);
    cursor: pointer;
}

#root app-sports-match-header .markets-match-header .match-statistics:hover:before {
    color: var(--c-s-white);
}
app-sports-match-header .match-statistics:hover:before {
    color: var(--c-f);
}

app-sports-match-header .live-match-period {
    display: none;
}

app-sports-match-header .markets-match-header .match-date-and-time .match-period {
    display: none;
}

app-sports-match-header .markets-match-header .match-date-and-time .match-minute {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: unset;
    font-weight: 600;
}
app-sports-match-header .markets-match-header .match-date-and-time span {
    line-height: 21px;
    padding-right: 8px
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-name {
    font-size: 1.1rem;
    font-weight: 600;
    /*     color: #fecf00; */
    text-transform: uppercase;
    flex: 1 1 100%;
    overflow: hidden;
    display:  inline-flex;
    flex-wrap: nowrap;
    height: auto;
    order: -1;
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-servers {
    order:-1;
    display:  inline-flex;
    flex-direction: column;
    position: absolute;
    left: -12px;
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-name .live-team-home, app-sports-match-header .markets-match-live-info-wrapper .live-match-name .live-team-away {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 100%;
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-name > div:not(.live-title) {
    height: 21px;
    display: inline-flex;
    align-items: center;
    /* padding: 0px 5px; */
    flex: 0 0 auto;
    width: 100%;
}

app-sports-match-header .markets-match-live-info-wrapper > div:not(.live-match-set-scores):not(.live-match-name):not(.live-match-game-score) div:not(.live-title), app-sports-match-header .markets-match-live-info-wrapper app-goals > div div, app-sports-match-header .live-match-game-score-wrapper > div {
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 5px;
    min-width: 26px;
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper {
    display: flex;
    flex-direction: row;
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper .live-set {
    display: flex;
    width: 100%;
    position: relative;
    min-width: 21px;
    flex-direction: column;
    align-items: center;
}

app-sports-match-header .markets-match-header .live-match-game-score-title.live-title:before , app-sports-match-header .markets-match-header .live-match-score-title.live-title:before {
    font: var(--icon-font);
    font-size: 10px;
    color: var(--c-s-white);
    content: " ti-gi";
    width: 24px;
}

app-sports-match-header .sport-darts .markets-match-header .live-match-score-title.live-title:before {
    content: " ti-si";
}

app-sports-match-header .sports-match-header-wrapper.match-with-sets .markets-match-header .live-match-score-title.live-title:before {
    content: " ti-si";
}
app-sports-match-header .sports-match-header-wrapper.match-with-sets .markets-match-header .live-match-score-wrapper {
    order: 3
}

app-sports-match-header .markets-match-header .live-match-game-score-title.live-title:before {
    content: " ti-pi";
}

app-sports-match-header .live-match-corners-title::before, app-sports-match-header .live-match-red-cards-title::before, app-sports-match-header .live-match-yellow-cards-title::before {
    font: var(--icon-font);
    font-size: 10px;
    color: var(--c-s-white);
}

app-sports-match-header .live-match-yellow-cards-title::before {
    content: " ti-card-yi";
    color: var(--o-yellow);
}

app-sports-match-header .live-match-red-cards-title::before {
    content: " ti-card-ri";
    color: var(--o-red-a);
}

app-sports-match-header .live-match-corners-title::before {
    content: " ti-corner";
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper .live-set::before {
    position: absolute;
    bottom: 100%;
    height: 24px;
    min-width: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    /* */
    font: var(--icon-font);
    font-size: 10px;
    color: var(--c-s-white);
    letter-spacing: 0
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper .live-set.set0::before {
    content: " ti-1i";
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper .live-set.set1::before {
    content: " ti-2i";
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper .live-set.set2::before {
    content: " ti-3i";
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper .live-set.set3::before {
    content: " ti-4i";
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper .live-set.set4::before {
    content: " ti-5i";
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper .live-set.set5::before {
    content: " ti-6i";
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper .live-set.set6::before {
    content: " ti-7i";
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper .live-set.set7::before {
    content: " ti-8i";
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper .live-set.set8::before {
    content: " ti-9i";
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-sets-wrapper .live-set span:not(.live-title) {
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    width: 100%;
}

app-sports-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-title {
    height: 24px;
}

app-sports-match-header .markets-match-live-info-wrapper .live-title {
    min-width: 21px;
    height: 24px;
    font-size: 0px;
    display: flex;
    align-items: center;
}

app-sports-match-header .markets-match-header .live-match-score {
    font-weight: 700;
    /* font-size: 1.1rem; */
}

#root app-sports-match-header .markets-match-live-info-wrapper .live-match-score-home, #root app-sports-match-header .markets-match-live-info-wrapper .live-match-score-away{
    color: var(--aw-turquoise);
}

app-sports-match-header .live-match-corners-home, app-sports-match-header .team-home, app-sports-match-header .live-match-score-home, app-sports-match-header .live-set span:first-child, app-sports-match-header .live-match-yellow-cards-home, app-sports-match-header .live-match-red-cards-home, app-sports-match-header .live-match-game-score-wrapper > div.game-score-home {
    /* border-bottom: 1px solid var(--c-o2); */
}

app-sports-match-header.match-header.live .sports-match-header-wrapper .markets-match-live-info-wrapper .live-match-servers .live-match-server {
    width: 11px;
    min-width: unset;
    padding: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
}

app-sports-match-header .live-match-server span {
    width: 4px;
    height: 4px;
    background-color: var(--o-yellow);
    /* border: 1px solid var(--o-primary); */
    border-radius: 50%;
    animation: 0.5s infinite alternate blink;
}

app-sports-match-header .markets-match-name {
    width: 100%;
}

app-sports-match-header .markets-match-name > div {
    font-size: 1.1rem;
    font-weight: 700;
    flex: 1;
    margin: auto;
    height: auto;
    overflow: hidden;
    line-height: 1;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    padding: 0 12px;
}

.view-page-sports-match app-sports-match-header .markets-match-name > div {
    text-align: center;
    order: -2;
}
.view-page-sports-match app-sports-match-header .markets-match-name > div:nth-child(2) {
    order:2;
}

app-sports-match-header.pregame .markets-match-name {
    display: flex;
    line-height: 1.75;
    font-size: 13px;
}
app-sports-match-header.pregame .markets-team-name {
    line-height: 1.2;
}
app-sports-match-header.pregame .markets-match-name:after {
    content: "vs";
    line-height: 2.75;
    min-width: unset;
    width: unset;
}

app-sports-match-header.pregame .match-date-and-time {
    order: -1;
    width: 100%;
    justify-content: center;
    margin-top: 3px;
    overflow: hidden;
    position: relative;
    display: flex;
}

.mobile app-sports-match-header.pregame .match-date-and-time::before {
    width: 30%;
}

.mobile app-sports-match-header.pregame .match-date-and-time::after {
    width: 30%;
}

app-sports-match-header.pregame .match-date-and-time .match-date {
    padding-left: 12px;
    order: 2;
}

app-sports-match-header.pregame .match-date-and-time .match-time {
    font-size: 1rem;
}

app-sports-match-header.pregame .markets-match-data {
    width: 100%;
    flex-direction: column;
}

app-sports-match-header.pregame .markets-match-data .markets-category-name {
    font-size: 0.8rem;
    margin: 2px 0px;
    padding: 0;
    margin-top: 12px;
}

app-sports-match-header.pregame .markets-match-data .match-page-country-flag {
    margin: 0;
    width: 32px;
    height: 20px;
    order: 1;
    position: absolute;
    left: 0;
    display: none;
}

app-sports-match-header.pregame .markets-match-data .markets-competition-name {
    padding: 0;
    order: 2;
    margin-bottom: 4px;
}

app-sports-match-header .live-match-game-score .live-match-game-score-wrapper {
    display: flex;
    flex-direction: column
}

#root app-sports-match-header .markets-match-header .is-live-booked {
    right: 16px;
    font-size: 0.9rem;
    /* order: 3; */
    /* margin-top: 5px; */
}
#root app-sports-match-header .markets-match-header .has-bet-builder:before {
    color: var(--o-blue-a)
}

app-sports-match-header .has-bet-builder::before , app-sports-match-header .has-live-stream-match:before, app-sports-match-header .is-live-booked::before {
    font: var(--icon-font);
    font-size: 10px;
    color: var(--c-f-s);
    width: 24px;
    padding: 0;
    border: 0;
}

#root .view-page-sports-match app-sports-match-header .is-live-booked::before {
    content: " ti-gl";
    color: var(--c-s-white-s);
}

#root .view-page-sports-match app-sports-match-header .has-live-stream-match:before,
#root .view-page-live-match app-sports-match-header .has-live-stream-match:before{
    content: " ti-play";
    color: var(--o-green-a);
}

app-sports-match-header .has-bet-builder::before {
    content: " ti-bb";
    color: var(--o-blue-a);
}