.phase1-end-column[data-v-6b3d269b] {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
video[data-v-6b3d269b]::-webkit-media-controls-timeline,
video[data-v-6b3d269b]::-webkit-media-controls-current-time-display,
video[data-v-6b3d269b]::-webkit-media-controls-time-remaining-display {
  display: none;
}
.match-list__container[data-v-6b3d269b] {
  position: relative;
  width: 42.5rem;
}
.match-list__group-selector-wrapper[data-v-6b3d269b] {
  position: absolute;
  right: 0;
  top: 0.313rem; /*0.313rem   10rem*/
}
.skeleton-match__wrapper[data-v-6b3d269b] {
  width: 100%;
  height: 100%;
  padding: 1rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
}
.skeleton-match__title[data-v-6b3d269b] {
  width: 50%;
  height: 1rem;
  margin-bottom: 0.25rem;
}
.skeleton-match__content[data-v-6b3d269b] {
  width: 100%;
  height: 2rem;
  margin-bottom: 0.5rem;
}
.home-match__win-lose[data-v-6b3d269b] {
  background-color: green;
  border-radius: 50%;
  padding: 0.3rem;
  color: white;
  width: 0.75rem;
  border: 0.1rem solid white;
  height: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
}
.home-match__win-lose.W[data-v-6b3d269b] {
  background-color: #5cd66c;
}
.home-match__win-lose.L[data-v-6b3d269b] {
  background-color: #cf283e;
}
.home-match__win-lose.D[data-v-6b3d269b] {
  background-color: #ed9c5a;
}
.home-match__status[data-v-6b3d269b] {
  padding: 0 0.5rem 0 0; /*0 .5rem 0 .8rem*/
  width: 1.6rem; /*1.6rem  5rem*/
  /* box-sizing: border-box; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #cfd9de;
}
.home-match__1-wrapper[data-v-6b3d269b] {
  flex: 1;
}
.home-match__1-container[data-v-6b3d269b] {
  justify-content: space-between;
  /* margin-bottom: .2rem; */
  color: #cfd9de;
}
.home-match__1-container[data-v-6b3d269b]:last-child {
  margin-bottom: 0;
}
.match-wrapper[data-v-6b3d269b] {
  /* margin-bottom: 1.2rem; comment for world cup */
}
.match-container[data-v-6b3d269b] {
  /* display: flex; */
  margin-bottom: 0.5rem;
  position: relative;
}
.match-container:hover .match-container-group-wrapper1[data-v-6b3d269b] {
  background-color: var(--bg-hover);
}
.match-container:hover .home-match__score-card__wrapper[data-v-6b3d269b] {
  background-color: var(--bg-hover);
}
.match-container:hover .home-match__static-card__wrapper[data-v-6b3d269b] {
  background-color: var(--bg-hover);
}
.match-container:hover
  .home-match__actions-card__wrapper
  .home-match__icon-wrapper[data-v-6b3d269b] {
  background-color: var(--bg-hover);
}
.match-stats__indicator-arrow-up[data-v-6b3d269b] {
  top: -0.5rem !important;
  right: 10.7rem !important;
}
.match-container-group-wrapper1[data-v-6b3d269b] {
  display: flex;
  /* position: relative; */
  background-color: var(--color-theme);
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-left: 0.4rem solid transparent;
  padding-left: 0.5rem;
}
.live-stream-activated .home-match__score-card__wrapper[data-v-6b3d269b],
.live-stream-activated[data-v-6b3d269b] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.live-stream-activated .home-match__static-card__wrapper[data-v-6b3d269b] {
  border-bottom-right-radius: 0;
}
.home-match__static-card__wrapper[data-v-6b3d269b] {
  background-color: #35454d;
  padding: 0.5rem 0.25rem 0.2rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 6.25rem;
  align-items: center;
}
.home-match__static-card__brief[data-v-6b3d269b] {
  padding: 0.5rem 1.5rem;
}
.home-match__score-card__wrapper[data-v-6b3d269b] {
  display: flex;
  background-color: var(--color-theme);
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  /* width: 35rem; */
  padding: 0.5rem 0;
  /* border-left: .4rem solid transparent; */
  flex-grow: 1;
}
.home-match__score-card__wrapper.no-odds-match[data-v-6b3d269b] {
  border-radius: 0.5rem;
}
.home-match__actions-card__wrapper[data-v-6b3d269b] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-match__icon-wrapper[data-v-6b3d269b] {
  background: transparent;
}
.live-selected[data-v-6b3d269b],
.match-container:hover .live-selected[data-v-6b3d269b] {
  border-left: 0.4rem solid var(--color-icon-primary-active);
  padding-left: 0.5rem;
}
.match-status__live[data-v-6b3d269b] {
  background-color: #cf283e;
  padding: 0.2rem;
  border-radius: 0.3rem;
  font-size: 10.4px;
}
.match-detail[data-v-6b3d269b] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.match-detail__status[data-v-6b3d269b] {
  width: 1.6rem;
}
.match-detail__status-w-auto[data-v-6b3d269b] {
  width: auto;
}
.match-detail__score[data-v-6b3d269b] {
  width: 1rem;
  text-align: center;
}
.match-detail__name[data-v-6b3d269b] {
  width: 9rem;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.match-middle[data-v-6b3d269b] {
  flex: 0.5;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.match-middle__seperator[data-v-6b3d269b] {
  margin: 0 0.5rem;
  font-family: var(--weight-700);
  font-family: var(--weight-700);
}
.nav-pill[data-v-6b3d269b] {
  margin: 0;
}
.league-dropdown__svg[data-v-6b3d269b] {
  fill: white;
}
.selected .league-dropdown__svg[data-v-6b3d269b] {
  fill: black;
}
.match__expansion-wrapper[data-v-6b3d269b] {
  position: relative;
}
.match__expansion-wrapper[data-v-6b3d269b]:hover {
  cursor: default;
}
.live-stream-on-listing-compact[data-v-6b3d269b] {
  background: #212b30;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding: 0.625rem 0.5rem;
  position: relative;
}
.live-stream-icon[data-v-6b3d269b] {
  width: 1.5rem;
  height: 1.5rem;
  top: 0.875rem;
  right: 0.875rem;
  position: absolute;
  background: url(../img/icon_live_video.7505f98d.gif) center/cover
    no-repeat;
  z-index: 2;
}
.live-stream-on-listing-compact video[data-v-6b3d269b] {
  width: 100%;
  height: auto;
  /* z-index: 1; */
}
.live-stream-channels-container[data-v-6b3d269b] {
  display: flex;
  padding-top: 0.625rem;
  position: absolute;
  left: 3%;
  bottom: 15%;
  z-index: 2;
  transition: opacity 1s ease-out;
}
.live-stream-channel-pill[data-v-6b3d269b] {
  color: #ffffff;
  background: var(--bg-theme);
  padding: 0.3rem 0.75rem;
  margin-right: 0.4rem;
  border-radius: 1rem;
  cursor: pointer;
  font-size: 0.875rem;
  font-family: var(--weight-700);
  opacity: 0.5;
}
.live-stream-channel-pill.selected[data-v-6b3d269b] {
  background: var(--bg-selected);
}
.match-detail__video-live-overlay[data-v-6b3d269b] {
  background-color: #00000090; /*34343494*/
  width: calc(100% - 1rem);
  height: calc(100% - 1.2rem);
  position: absolute;
  top: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; /*start*/
  align-items: center;
  padding: 3rem;
  margin: 0.625rem 0 0; /*0.625rem 0 0 0.5rem*/
  box-sizing: border-box;
}
.match-detail__video-live-overlay__title[data-v-6b3d269b] {
  margin-bottom: 2rem;
  text-align: center;
}
.match-detail__video-live-overlay__button-wrapper[data-v-6b3d269b] {
  width: 20rem;
  /* display: flex; */
}
/* .match-detail__video-live-overlay__button-wrapper button {
    margin: 0 0.8rem 0;
} */

/*remove on phase 2*/
.home-match__icon-highlight__mobile-phase1[data-v-6b3d269b] {
  margin: 0 0.5rem !important; /*0 1rem*/
}
.home-match__card-odds-content-phase1[data-v-6b3d269b] {
  padding: 0.5rem 0 0.5rem 0.1rem !important;
}
/*remove on phase 2*/
.match-detail__score-wrapper[data-v-6b3d269b] {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.match-detail__score-wrapper .score[data-v-6b3d269b] {
  min-width: 1.25rem;
  min-height: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.688rem;
  font-family: var(--weight-700);
}
.penalty-compact-label[data-v-6b3d269b] {
  border-radius: var(--size-radius-100);
  background: var(--color-background-brand-default);
  padding: 2px 4px;
  font-size: 0.813rem;
  font-family: var(--weight-700);
  color: var(--color-tag-active-text);
  position: absolute;
  top: -0.4rem;
  right: -0.6rem;
}
.penalty-score[data-v-6b3d269b] {
  border-left: 1px solid var(--color-grey-40);
}
@media(max-width: 768px) { /* for test */
  /* .match-list__container {
        position: unset;
    }
    .match-list__group-selector-wrapper {
        position: absolute;
        right: 0;
        top: 10rem;
    } */
}
@media(max-width: 768px) { /* for test */
.match-list__container[data-v-6b3d269b] {
    width: calc(100vw - 1.6rem);
}
.live-stream-on-listing-compact video[data-v-6b3d269b] {
    height: 74vw;
}
.live-stream-channels-container[data-v-6b3d269b] {
    left: 3%;
    bottom: 18%;
    z-index: 1;
}
.home-match__score-card__wrapper[data-v-6b3d269b] {
    padding: 0.3rem 0 0.2rem;
}
.home-match__static-card__wrapper[data-v-6b3d269b] {
    padding: 0.5rem 0.25rem 0.375rem;
}
.home-match__title-mobile[data-v-6b3d269b] {
    display: flex;
    flex-direction: column;
}
}
@media (max-width: 320px) {
.live-stream-on-listing-compact video[data-v-6b3d269b] {
    height: 80vw;
}
.live-stream-channels-container[data-v-6b3d269b] {
    bottom: 24%;
}
}


.date[data-v-dd5c90dc] {
  background-color: black;
}
.home-nav__match-wrapper[data-v-dd5c90dc] {
  display: block;
}
.nav-pill[data-v-dd5c90dc] {
  margin: 0;
}
.match__main-content-wrapper[data-v-dd5c90dc] {
  width: 42.5rem;
  padding-right: 4rem;
}
.match__sidebar-wrapper[data-v-dd5c90dc] {
  width: 28.5rem;
  padding-top: 3.625rem;
}
.match-filter__date[data-v-dd5c90dc] {
  text-transform: capitalize;
}
.match-filter[data-v-dd5c90dc] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.8rem 0;
}
.match-filter-centered[data-v-dd5c90dc] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0.15rem;/*0.8rem 0*/
  overflow: hidden;
}
.match-filter__right-wrapper[data-v-dd5c90dc] {
  display: flex;
  align-items: center;
  margin-left: 7.2rem;
  position: relative;
}
.match-filter__right-divider[data-v-dd5c90dc] {
  width: 100%;
  height: 0.1rem;
  background-color: black;
}
.match-filter__icon_wrapper[data-v-dd5c90dc] {
  width: 1.5rem;
  height: 1.5rem;
  /* padding: .3rem; */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
}
.match-filter__icon_wrapper.selected[data-v-dd5c90dc] {
  background-color: #6f8c9b;
}
.match-table__header[data-v-dd5c90dc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.88rem;
  margin-bottom: 0.4rem;
}
.match-table__header-country[data-v-dd5c90dc] {
  font-size: 0.88rem;
}
.match-table__header-country__seperator[data-v-dd5c90dc] {
  margin: 0 0.3rem;
}
.match-content__wrapper[data-v-dd5c90dc] {
  width: 42.5rem !important; /*37rem 100%*/
  /* margin: 0 0.8rem; */
}
.match-country__wrapper[data-v-dd5c90dc] {
  width: 13rem;
}
.match-country__header[data-v-dd5c90dc] {
  font-size: 10px;
  margin-bottom: 0.3rem;
}
.match-country__clear-all[data-v-dd5c90dc] {
  font-size: 10px;
  margin-right: 1rem;
  cursor: pointer;
  margin-bottom: 0.3rem;
  color: var(--color-grey-light);
}
.match-country__clear-all[data-v-dd5c90dc]:hover {
  color: var(--color-hover);
}
.match-country__body-wrapper[data-v-dd5c90dc] {
  margin-bottom: 0.3rem;
}
.match-country__body-menu[data-v-dd5c90dc] {
  display: flex;
  align-items: center;
  font-size: 11.2px;
  cursor: pointer;
}
.match-country__body-menu > img[data-v-dd5c90dc] {
  margin-right: 0.3rem;
  width: 1.35rem;
}
.match-country__body-menu__arrow[data-v-dd5c90dc] {
  transition: transform 0.2s ease;
}
.match-country__body-menu__arrow.selected[data-v-dd5c90dc] {
  transform: rotate(180deg);
}
.match-country__body-menu__tick[data-v-dd5c90dc] {
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJvSURBVHgBlVQ9cxJhEN59Lxlb/AfYpRFxHKtkHMIfSOwIkAE6O7EIaITJkUAULCS/IDADahfsrAwpMmMXok06sbTDGZuMx627790ZguRy2Zmbez92n/fZT4QZks2bIevWfAaAYggYJaCwezXgb0iket3GZnuWLU4frBV2Vg3EfV6GwEf4kSGQYU4Dq8nNerH6lsEOXLA+v5e3wLrTqZdQPtvG+zbaOQIcMvMwot1KF6pbMxnqCwSTlyMiqHQbpSb4SKpQzSOCgIUIoNmtl579A0xubGeVUuLmiFksv3vzcgABJLlRiypFh9ojosedRrmnXUZlaNrC7CZgois2jq+4L8k0NDvErAS52yivBQFLFXYzzOxTZDEOHJp6ZCke4+OFsaF+sqdqRWspwwwKJslwWBG6nn109hBTnP+wPrToVP5ZdiUQGFClUy+bshqj1dOcgO4pRtUAEg/JtKXoJPViNxMUTORD3RzqU8DwpTr0XOCCa02C+oFNC64Xa9+ltaSA5aV0cYeV0cm6UlkYSwL9wdzyOeHlQDGYLhOD5lbl7xhQxWMajNk46rgMPxRn6EgbI6x415Og14Nd1DEodWA8ePjozJ5TT3i7cHcx/uvb8ecvcvf1+LAfWVqWmB75gaWLtacIlNB1/LqU00lI84QBZyjcqPWkxCy39STe3VebbcNlc8ZsbjP5GLueYKbnHlM/ZjZSC/Rkogqz29PuX1aayLA774jo1GOcKJrhOZjnWJMkMOZY0R6HJO9h/Ddgk8+3s0jGFl5M6atkNCbKvecJM3mIV2kLsCLuc2lNt5t4qA6dMsP+7/M/7V7THE3b/QXurDq70v8KrwAAAABJRU5ErkJggg==)
    center/cover no-repeat;
}
.match-country__body-menu__tick.selected[data-v-dd5c90dc] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGnSURBVHgBnVTBTsJAEJ1ZjFz5hHqkGoU/4A/AowYjXA0m+AWULxBjOUOTNh6pf6BfIAfFo3wCBy8GcJxtF2gLSJeXtNmd3X07OzNvEDag9tbMzbKzax6WEKhAgIZaGvI3JiTfy3edTWcxabgYNSoZgh6v5OAfENCY91hJYhGdXI1u7zMAg11koSdoIGG/+tloxe0KwQKBBXuAQ9LxzMe7JeHl+01NCNEDXRDHFKGgZueuafvBk1FgC/ThuMd2kUnbat6TyRTSOxkP0IPD3tSCkWDKELlpdsovRVEGPSzJ1uJOUJJPNqK7Kaw1fTLpLIozEQmqZGt7JsflFxxdsvA4GbE6XMTDPeGDcdKdZCsvZcWvrrAWhRohTU3GGGL1oyGVUYmZWVJu3m5HTWkKn4ieBf9e11dWnqYlCyBggEFnOZx9bdQvKpIUZLJZeGb3SPSLnQnMob5ll5Va3+ryIMvuqe1zAh5gX8hyU20s1g85QRZb9HTNjnBFNGHpaAKBtrlZ7NQ3wWSOUH/iDhM147b9qqWV+aCxUJOsWe59Upov3z8Hji/jn8AfzxC8e/lqklUAAAAASUVORK5CYII=)
    center/cover no-repeat;
}
.match-country__body-menu__name[data-v-dd5c90dc] {
  width: 7.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.match-country__body-menu__name[data-v-dd5c90dc]:hover {
  color: var(--color-hover);
}
.match-country__body-menu__sub[data-v-dd5c90dc] {
  margin-left: 1.7rem;
  font-size: 11.2px;
  color: #abbcc4;
}
.match-country__body-menu__sub > a[data-v-dd5c90dc] {
  margin: 0.5rem 0;
  display: block;
  cursor: pointer;
}
.match-country__body-menu__sub-container[data-v-dd5c90dc] {
  display: flex;
  margin-top: 0.5rem;
  align-items: center;
  cursor: pointer;
}
.match-country__apply[data-v-dd5c90dc] {
  margin: 0.5rem 0 0.8rem 0;
}
.match-table__wrapper[data-v-dd5c90dc] {
  width: 22rem;
  position: relative;
}
.match-table__title-wrapper[data-v-dd5c90dc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.88rem;
  margin-bottom: 0.5rem;
}
.match-table__title-country[data-v-dd5c90dc] {
  display: flex;
  width: 12rem;
  line-height: 1rem;
}
.match-table__title-country-container[data-v-dd5c90dc] {
  transition: all 0.3s;
  min-width: 100%;

  font-size: 11.2px;
  text-align: center;
}
.match-table__title-arrow__wrapper[data-v-dd5c90dc] {
  width: 2rem;
  text-align: right;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.match-table__title-arrow__icon[data-v-dd5c90dc] {
  fill: white;
}
.match-table__title-arrow__wrapper:hover .match-table__title-arrow__icon[data-v-dd5c90dc] {
  fill: var(--color-hover);
}
.match-table__title-arrow__wrapper.tl[data-v-dd5c90dc] {
  text-align: left;
}
.match-table__timezone-hint[data-v-dd5c90dc] {
  font-size: 0.688rem;
  font-style: italic;
  color: #cfd9de;
}
.world-cup-about[data-v-dd5c90dc] {
  margin: 1.156rem 0 0;
  color: #CFD9DE;
  font-size: 0.688rem;
}
.world-cup-about[data-v-dd5c90dc] p {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
.match-filter[data-v-dd5c90dc] {
    /* margin: 0.8rem 0;
    justify-content: unset; */
}
.match-filter__date[data-v-dd5c90dc] {
    width: auto; /*13rem*/
}
  /* .match-content__wrapper {
    width: 37rem;
    margin-right: 2rem;
  } */
}
@media(max-width: 768px) { /* for test */
.matchs-container[data-v-dd5c90dc] {
    margin-top: 0.5rem;
}
.match-content__wrapper[data-v-dd5c90dc],
  .match__main-content-wrapper[data-v-dd5c90dc] {
    width: 100%;
    padding-right: 0;
}
.match__sidebar-wrapper[data-v-dd5c90dc] {
    display: none;
}
}