@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.5.8/swiper-bundle.css);
@import url(https://cdn.jsdelivr.net/npm/mc-datepicker/dist/mc-calendar.min.css);

.defaut[data-v-5f622629] {
  max-width: 86px;
  max-height: 86px;
}
.small[data-v-5f622629] {
  max-width: 54px;
  max-height: 54px;
}


/* App Redirect */
.modal-wrapper[data-v-3c4c463e] {
  top: 4.5rem;
  background-color: var(--background-overlay);
}
.modal__hover-container[data-v-3c4c463e] {
  width: 1200px;
  position: absolute;
  top: 0;
}
.app-redirect[data-v-3c4c463e] {
  font-size: 0.625rem;
  line-height: 0.875rem;
  font-family: var(--weight-700);
  margin-right: 1rem;
  display: flex;
  align-items: center;
  position: relative;
}
.app-redirect__icon[data-v-3c4c463e] {
  width: 2.375rem;
}
.app-redirect__icon-bounce[data-v-3c4c463e] {
  width: 3.125rem;
  position: absolute;
  top: -2rem;
  left: -0.5rem;
}
.app-redirect img[data-v-3c4c463e] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.app-redirect__hover-container[data-v-3c4c463e] {
  background: #000000;
  box-shadow: 0px 16.579px 22.1053px rgba(167, 174, 186, 0.12);
  border-radius: 0.75rem;
  position: absolute;
  min-width: 29rem;
  top: 2rem;
  right: 0;
  filter: drop-shadow(-1px 0px 10px rgba(1, 195, 247, 0.8));
  padding: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
}
.app-redirect__hover--bg[data-v-3c4c463e] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.app-redirect__hover--wrapper[data-v-3c4c463e] {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.app-redirect__hover-container-image[data-v-3c4c463e] {
  width: 30%;
}
.app-redirect__hover--content[data-v-3c4c463e] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: var(--weight-700);
  width: 60%;
}
.app-redirect__hover--content .title[data-v-3c4c463e] {
  font-size: 1.375rem;
  line-height: 1.625rem;
}
.app-redirect__hover--link__wrapper[data-v-3c4c463e],
.app-redirect__hover--link[data-v-3c4c463e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.app-redirect__hover--barcode[data-v-3c4c463e] {
  text-align: center;
  width: 4.875rem;
  display: flex;
  flex-direction: column;
}
.app-redirect__link-img[data-v-3c4c463e] {
  width: 1.75rem;
}
.app-redirect__link[data-v-3c4c463e] {
  margin-right: 0.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: capitalize;
}


.toastr-wrapper[data-v-42f21006]{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    min-height: 12rem;
    z-index: 11;
}
.toastr-wrapper__2[data-v-42f21006]{
    min-height: inherit;
}
.toastr-outliner[data-v-42f21006]{
    display: flex;
    justify-content: flex-end;
    margin-right: 1rem;
    margin-top: 6%;
}
.toastr-container[data-v-42f21006]{
    padding: .8rem;
    background-color: white;
    color: black;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .3s;
    transform: translate(0, 10rem);
    min-width: 16.8125rem;
}
.toastr-container.active[data-v-42f21006] {
    transform: translate(0, 0);
}
.toastr-text[data-v-42f21006]{
    margin-right: 1rem;
}
.toastr-icon[data-v-42f21006]{
   cursor: pointer;
}


.avatar[data-v-78a597aa] {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-default-neutral);
    background-color: var(--color-background-neutral-default);
    font-size: 14px;
	letter-spacing: 0.64px;
}


.icon-avatar[data-v-16d96972] {
    width: 51.52px;
    height: 51.52px;
    flex-shrink: 0;
    margin-right: 18.24px;
}
.more-container[data-v-16d96972] {
    background-color: var(--color-background-default-secondary);
    padding: 18px 24px 16px;
    border-radius: 0 0 16px 16px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.02),
        0px 2px 2px 0px rgba(0, 0, 0, 0.02), 0px 4px 4px 0px rgba(0, 0, 0, 0.02),
        0px 8px 8px 0px rgba(0, 0, 0, 0.02);
}
.join-container[data-v-16d96972] {
    display: flex;
    align-items: center;
}
.join-avatar-img[data-v-16d96972] {
}
.join-team-data[data-v-16d96972] {
    margin-left: 18.24px;
}
.join-team-title[data-v-16d96972] {
    color: var(--color-text-default-default);
    font-size: 16px;
    font-family: var(--weight-700);
    letter-spacing: 0.64px;
}
.join-team-title.name[data-v-16d96972] {
    font-size: 24px;
    font-family: var(--weight-600);
    display: flex;
    align-items: center;
    letter-spacing: -0.64px;
}
.edit-pen[data-v-16d96972] {
    margin-left: 8px;
}
.join-team-content[data-v-16d96972] {
    font-size: 12px;
    letter-spacing: 0.2px;
    color: var(--color-text-default-default);
}
.join-team-content.member-since[data-v-16d96972] {
    color: var(--color-text-default-secondary);
}
.tab[data-v-16d96972] {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.tab-item[data-v-16d96972] {
    flex: 1;
    padding: 8px 0;
    text-align: center;
    border-radius: 19px;
    color: var(--color-text-default-default);
    border: 1px solid var(--color-border-default-default);
    cursor: pointer;
    font-family: var(--weight-600);
}
/* .tab-item:first-child:hover {
    background-color: var(--primary-500);
    color: var(--color-button-active);

}
.tab-item:last-child {
    background-color: var(--primary-500);
    color: var(--color-button-active);
} */
.list-container[data-v-16d96972] {
}
.list-title[data-v-16d96972] {
    color: var(--color-text-default-default);
    font-size: 20px;
    font-family: var(--weight-700);
    margin: 28px 0 16px;
    padding: 0 24px;
}
.list-title-settings[data-v-16d96972] {
    margin-top: 32px;
}
.list[data-v-16d96972] {
    padding: 0 8px;
}
.list-item[data-v-16d96972] {
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    margin-bottom: 8px;
    font-size: 16px;
    font-family: var(--weight-600);
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    color: var(--color-text-default-default);
    letter-spacing: 0.64px;
}
.list-item[data-v-16d96972]:hover {
    background-color: var(--color-background-default-default-hover);
}
.language-text[data-v-16d96972] {
    color: var(--color-text-default-secondary);
    font-size: 13px;
    font-family: var(--weight-400);
    display: flex;
    align-items: center;
}
.country-icon-box[data-v-16d96972] {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    border: 1px solid var(--color-border-default-default);
    border-radius: 50%;
}
.country-icon[data-v-16d96972] {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
       object-fit: fill;
    border-radius: 50%;
}
.version-text[data-v-16d96972] {
    text-align: center;
    color: var(--color-text-default-default);
    font-weight: var(--weight-600);
    letter-spacing: 0.2px;
    margin-bottom: 16px;
    font-size: 12px;
}
.copyright[data-v-16d96972] {
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.2px;
    color: var(--color-text-default-default);
}
.more-footer-container[data-v-16d96972] {
    padding: 16px 0 33px;
}
.invite-card[data-v-16d96972] {
    background: var(--color-background-invite-card);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 31.42px 21.6px;
    gap: 16px;
    border-radius: 16px;
    margin: 20px 0 0;
}
.invite-data[data-v-16d96972] {
}
.invite-title[data-v-16d96972] {
    font-size: 16px;
    font-family: var(--weight-600);
    color: var(--color-text-default-neutral);
    letter-spacing: 0.64px;
}
.invite-content[data-v-16d96972] {
    letter-spacing: 0.2px;
    color: var(--color-text-default-tertiary);
    font-size: 12px;
}
.invite-button[data-v-16d96972] {
    border-radius: 16px;
    background-color: var(--color-background-default-secondary);
    color: var(--color-text-default-default);
    border: 1px solid var(--color-border-default-default);
    display: flex;
    font-family: var(--weight-600);
    align-items: center;
    padding: 8px 16px;
    font-size: 12px;
    cursor: pointer;
    flex-shrink: 0;
}
.share-icon[data-v-16d96972] {
    margin-left: 8px;
}


.switch[data-v-16d96972] {
    position: relative;
    display: inline-block;
    width: 76px;
    height: 40px;
}
.switch input[data-v-16d96972] {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider[data-v-16d96972] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-background-neutral-default);
    transition: 0.4s;
}
.slider[data-v-16d96972]:before {
    position: absolute;
    content: "";
    height: 32px;
    width: 32px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
}
.switch.is-light .slider[data-v-16d96972]:before {
    bottom: 4px;
    left: 3px;
}
.switch input:checked + .slider[data-v-16d96972] {
    background-color: #2196f3;
}
.switch input:focus + .slider[data-v-16d96972] {
    box-shadow: 0 0 1px #2196f3;
}
.switch input:checked + .slider[data-v-16d96972]:before {
    transform: translateX(35px);
}
.switch input:focus ~ span[data-v-16d96972],
.switch input:not(:focus):valid ~ span[data-v-16d96972] {
    top: 0;
}

/* Rounded sliders */
.slider.round[data-v-16d96972] {
    border-radius: 34px;
}
.slider.round[data-v-16d96972]:before {
    border-radius: 50%;
}
.switch.is-light input:focus + .slider[data-v-16d96972] {
    box-shadow: 0 0 1px var(--color-background-neutral-default);
}
.switch.is-light input:checked + .slider[data-v-16d96972] {
    background-color: var(--color-background-neutral-default);
}
.switch-sun[data-v-16d96972] {
    position: relative;
    z-index: 5;
    top: 7.5px;
    left: 7.5px;
}
.switch-moon[data-v-16d96972] {
    position: relative;
    z-index: 5;
    top: 7.5px;
    left: 44.5px;
}
.switch.is-dark .slider[data-v-16d96972] {
    background-color: var(--gray-50);
    border: 1px solid var(--gray-600);
}
.switch.is-dark .slider[data-v-16d96972]:before {
    background-color: var(--gray-800);
}
.sign-out[data-v-16d96972] {
    padding: 22px 0;
    text-align: center;
}
.sign-out-text[data-v-16d96972] {
    color: var(--color-text-primary-default);
    font-family: var(--weight-700);
    text-transform: uppercase;
    cursor: pointer;
}
.is-cursor[data-v-16d96972] {
    cursor: pointer;
}
.theme-status[data-v-16d96972] {
    font-size: 14px;
    font-family: var(--weight-400);
    color: var(--color-text-default-secondary);
    letter-spacing: 0.64px;
}


.modal-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--background-overlay);
  z-index: 10;
}
.modal-container {
  display: flex;
  width: 37.5rem;
  background-color: var(--color-background-default-secondary);
  border-radius: 0.5rem;
  overflow: hidden;
  /* max-height: 25rem; */
  max-width: 50rem;
  flex-direction: column;
  padding: 2rem;
  box-sizing: border-box;
  position: relative;
}
.modal-container__fullscreen {
  max-width: 75rem;
  padding: 0;
  position: relative;
  width: auto;
}
.modal-container__fullscreen .modal-header {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.modal-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 24px;
}
.modal-body {
  height: calc(100% - 2rem);
}
.term-body span {
  color: var(--color-grey-light) !important;
}
.modal-container.large {
  width: 50rem;
}
.modal-confirmation__body {
  margin: 2.75rem 5rem;
}
.contest-tnc__height{
  height: 600px;
}
.btn-confirm {
  background-color: var(--color-background-success-default);
  font-family: var(--weight-700);
  color: var(--color-button-active);
}
.btn-cancel {
  background-color: transparent;
  font-family: var(--weight-700);
  color: var(--color-text-default-default);
}
@media(max-width: 768px) { /* for test */
.modal-container {
    width: 90%;
}
.modal-confirmation__body {
    margin: 0 0 0rem;
}
}


.mobile-header__wrapper{
    padding: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-background-default-secondary);
}
.right-text {
    width: auto;
    font-family: var(--weight-600);
    margin-right: 16px;
    /* padding-right: 0.8rem; */
}


.main-logo {
    width: inherit;
    height: 63px;
}
@media(max-width: 768px) {
    /* for test */
.main-logo {
        height: 40px;
}
}


.fav-login-tips__title[data-v-5ce9738a] {
    color: var(--color-text-default-default);
    font-size: var(--typography-heading-size-extra-small);
    padding-bottom: 24px;
    font-family: var(--weight-600);
}
.nav-pill[data-v-5ce9738a] {
    font-size: 16px;
    letter-spacing: 0.64px;
}
.fav-login-tips__text[data-v-5ce9738a] {
    margin-bottom: 24px;
    font-size: 16px;
    color: var(--color-text-default-default);
    letter-spacing: 0.64px;
}


svg[data-v-7bdfe964] {
  margin-right: 0.25rem;
}
.selected rect[data-v-7bdfe964],
.selected path[data-v-7bdfe964] {
  fill: #000000;
}


.splash-screen-web-cover[data-v-769bb85a] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
}
.splash-screen-web[data-v-769bb85a] {
    width: 900px;
    height: 600px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 100;
    background-color: var(--color-background-default-default);
    border-radius: 24px;
    display: flex;
    align-items: flex-end;
    gap: 9.8px;
}
.splash-screen-mobile[data-v-769bb85a] {
    display: none;
}
.splash-screen-data[data-v-769bb85a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-right: 30px;
}
.splash-desc-container[data-v-769bb85a] {
    width: 100%;
    padding-right: 24px;
}
.splash-screen-timer[data-v-769bb85a] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-background-default-tertiary);
    color: var(--color-button-active);
}
.splash-screen-logo-box[data-v-769bb85a] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    box-sizing: border-box;
}
.splash-screen-logo[data-v-769bb85a] {
    height: 66px;
}
.splash-screen-banner[data-v-769bb85a] {
    flex-shrink: 0;
}
.splash-screen-banner-box[data-v-769bb85a] {
    display: flex;
    flex: 1;
}
.splash-screen-banner-img[data-v-769bb85a] {
    width: 100%;
    height: calc(600px - 64px);
}
.splash-screen-qr-box[data-v-769bb85a] {
}
.splash-screen-qr-img[data-v-769bb85a] {
    width: 120px;
    height: 120px;
}
.splash-screen-title[data-v-769bb85a] {
    text-align: center;
    font-size: 48px;
    color: var(--color-text-default-default);
    /* margin: 16px 0; */
    line-height: 120%;
    letter-spacing: -0.96px;
    box-sizing: border-box;
}
.splash-screen-title.pt[data-v-769bb85a] {
    font-size: 47px;
}
.splash-screen-title.kh[data-v-769bb85a] {
    font-size: 46px;
}
.splash-screen-title.ja[data-v-769bb85a] {
    font-size: 40px;
}
.splash-screen-title.vn[data-v-769bb85a] {
    font-size: 37px;
}
.splash-screen-download-list[data-v-769bb85a] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}
.splash-screen-download-list a[data-v-769bb85a] {
    width: 164px;
}
.splash-screen-download-item[data-v-769bb85a] {
    background-color: var(--color-background-default-tertiary);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px;
    box-sizing: border-box;
    flex: 1;
}
/* .splash-screen-download-item:hover {
    background-color: var(--color-background-default-tertiary-hover);
} */
.splash-screen-download-icon[data-v-769bb85a] {
    height: 40px;
    width: 40px;
    flex-shrink: 0;
}
.splash-screen-download-content[data-v-769bb85a] {
    color: var(--color-text-default-default);
    font-size: 19px;
    font-family: "Rubik400";
}
.splash-screen-download-small-text[data-v-769bb85a] {
    font-size: 10px;
}
.splash-screen-header[data-v-769bb85a] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 12px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 24px;
    margin-top: 16px;
}
.splash-screen-skip[data-v-769bb85a] {
    color: var(--color-text-default-default);
    font-size: 16px;
    font-family: var(--weight-600);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.splash-screen-available[data-v-769bb85a] {
    width: 100%;
}
.splash-screen-available-content-box[data-v-769bb85a] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    box-sizing: border-box;
    position: relative;
}
.splash-screen-available-content-container[data-v-769bb85a] {
    padding: 0 17px;
    background-color: var(--color-background-default-default);
    position: relative;
    z-index: 10;
}
.splash-screen-available-content-box[data-v-769bb85a]:after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 18px;
    box-sizing: border-box;
    width: calc(100% - 36px);
    height: 1px;
    background-color: var(--color-border-default-default);
}
.splash-screen-available-content[data-v-769bb85a] {
    background-color: var(--color-background-brand-default);
    color: var(--color-button-active);
    font-size: 14px;
    font-family: var(--weight-600);
    padding: 4px 16px;
    border-radius: var(--size-radius-200);
    letter-spacing: 0.56px;
    min-width: calc(152px - 32px);
    box-sizing: border-box;
    text-transform: uppercase;
}
/* Transition classes provided by Vue */
.slide-up-enter-active[data-v-769bb85a],
.slide-up-leave-active[data-v-769bb85a] {
    transition: transform 0.5s ease, opacity 0.5s ease;
}
.slide-up-enter-from[data-v-769bb85a],
.slide-up-leave-to[data-v-769bb85a] {
    transform: translate(-50%, -60%);
    opacity: 0;
}
.slide-up-enter-to[data-v-769bb85a],
.slide-up-leave-from[data-v-769bb85a] {
    transform: translate(-50%, -50%);
    opacity: 1;
}
@media(max-width: 768px) {
.splash-screen-web-cover[data-v-769bb85a] {
        display: none;
}
.splash-screen-web[data-v-769bb85a] {
        display: none;
}
.splash-screen-mobile[data-v-769bb85a] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 50;
        background-color: var(--color-background-default-default);
        overflow-y: auto;
        display: block;
}
.splash-screen-header[data-v-769bb85a] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 12px 16px;
        box-sizing: border-box;
        margin-top: 0;
}
.splash-screen-skip[data-v-769bb85a] {
        color: var(--color-text-default-default);
        font-size: 16px;
        font-family: var(--weight-600);
}
.splash-screen-logo-box[data-v-769bb85a] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 18px;
        box-sizing: border-box;
}
.splash-screen-logo[data-v-769bb85a] {
        height: 41px;
}
.splash-screen-title[data-v-769bb85a] {
        text-align: center;
        font-size: 32px;
        color: var(--color-text-default-default);
        margin: 16px 0;
        line-height: 120%;
        padding: 0 18px;
        box-sizing: border-box;
}
.splash-screen-banner-box[data-v-769bb85a] {
        width: 100%;
        padding: 0 18px;
        box-sizing: border-box;
}
.splash-screen-banner-img[data-v-769bb85a] {
        width: 100%;
        height: auto;
        /* max-height: 500px; */
}
.splash-screen-available[data-v-769bb85a] {
        margin: 16px 0;
}
.splash-screen-available-content-box[data-v-769bb85a] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 18px;
        box-sizing: border-box;
        position: relative;
}
.splash-screen-available-content-container[data-v-769bb85a] {
        padding: 0 17px;
        background-color: var(--color-background-default-default);
        position: relative;
        z-index: 10;
}
.splash-screen-available-content-box[data-v-769bb85a]:after {
        position: absolute;
        content: "";
        display: block;
        top: 50%;
        left: 18px;
        box-sizing: border-box;
        width: calc(100% - 36px);
        height: 1px;
        background-color: var(--color-border-default-secondary);
}
.splash-screen-available-content[data-v-769bb85a] {
        background-color: var(--color-background-brand-default);
        color: var(--color-button-active);
        font-size: 14px;
        font-family: var(--weight-600);
        padding: 4px 16px;
        border-radius: var(--size-radius-200);
        letter-spacing: 0.56px;
}
.splash-screen-download-list[data-v-769bb85a] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 18px;
        box-sizing: border-box;
        gap: 8px;
        padding-bottom: 34px;
}
.splash-screen-download-item[data-v-769bb85a] {
        background-color: var(--color-background-default-tertiary);
        border-radius: 8px;
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 8px;
        box-sizing: border-box;
        flex: 1;
        width: 100%;
}
.splash-screen-download-icon[data-v-769bb85a] {
        height: 40px;
        width: 40px;
}
.splash-screen-download-content[data-v-769bb85a] {
        color: var(--color-text-default-default);
        font-size: 19px;
        letter-spacing: -1.33px;
        font-family: "Rubik400";
}
.splash-screen-download-small-text[data-v-769bb85a] {
        font-size: 10px;
        letter-spacing: 0;
}
.slide-up-enter-from[data-v-769bb85a],
    .slide-up-leave-to[data-v-769bb85a] {
        transform: translate(0, -10%);
        opacity: 0;
}
.slide-up-enter-to[data-v-769bb85a],
    .slide-up-leave-from[data-v-769bb85a] {
        transform: translate(0, 0);
        opacity: 1;
}
}


.download-container[data-v-38ba4f89] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-right: 16px;
}
.download-list[data-v-38ba4f89] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
}
.download-item[data-v-38ba4f89] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: var(--color-background-default-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.download-item[data-v-38ba4f89]:hover {
    background-color: var(--color-background-default-tertiary-hover);
}
.download-icon[data-v-38ba4f89] {
    width: 32px;
    height: 32px;
}
.download-icon.qr[data-v-38ba4f89] {
    width: 26px;
    height: 26px;
}
.divided[data-v-38ba4f89] {
    width: 1px;
    height: 32px;
    background-color: var(--color-border-default-default);
}


@keyframes spin {
100% {
        transform: rotate(360deg);
}
}
.footer-refresh {
    animation: spin 0.8s linear infinite;
}
.footer-desktop__desc-wrapper {
    background-color: rgb(0 0 0);
    border-top: 0.1rem solid #35454d;
    border-bottom: 0.1rem solid #35454d;
}
.footer-desktop__desc-container {
    width: 48.5%;
}
.footer-desktop__desc-title {
    font-size: 11.2px;
    margin: 1rem 0;
    color: var(--color-grey-light);
}
.footer-desktop__desc-content {
    font-size: 10px;
    color: var(--color-theme-2);
    margin-bottom: 1rem;
}
.footer-link__wrapper {
    display: flex;
    margin-top: 1rem;
}
.footer-link {
    padding-right: 3rem;
}
.footer-link a {
    font-size: 0.688rem;
    color: var(--color-grey-80);
}
.footer-link a:hover {
    color: var(--color-grey-light);
    text-decoration: underline;
}
.footer-desktop__social-wrapper {
    padding: 48px 0 32px;
    background-color: var(--color-background-default-secondary);
}
.footer-desktop__social-container {
    display: flex;
    margin-right: 3rem;
}
.footer-desktop__copy-right {
    margin-right: 3.5rem;
    color: var(--color-text-default-default);
}
.footer-desktop__social-icon {
    cursor: pointer;
    padding: 0 0.75rem;
    width: 1.5rem;
    height: 1.5rem;
}
.footer-desktop__social-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.footer-desktop__wrapper {
    position: relative;
}
.footer-desktop__privacy:hover {
    text-decoration: underline;
}
.footer-wrapper {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    background-color: var(--color-background-default-secondary);
    /* border-top: 0.1rem solid #35454d; */
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.footer-container {
    display: flex;
    margin: 0.5rem 0 0.8rem 0;
}
.footer-icon__wrapper {
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    color: var(--color-text-default-tertiary);
    font-size: 11.2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    font-family: var(--weight-600);
}
.footer-icon__container {
    display: block;
    margin: 0 auto;
    width: 1.5rem;
    height: 1.5rem;
    transition: all.5s;
    margin-bottom: 0.2rem;
}
.footer-icon__wrapper.selected {
    color: var(--color-text-default-default);
}
.footer-icon__1.selected,
.footer-icon__1.dark.selected {
    animation: nimateBall 0.5s ease forwards;
}
.footer-icon__1 {
    background: url(data:image/png;base64,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)
        center/contain no-repeat;
}
.footer-icon__1.dark {
    background: url(data:image/png;base64,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)
        center/contain no-repeat;
}
.footer-icon__1.selected {
    background: url(data:image/png;base64,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)
        center/contain no-repeat;
}
.footer-icon__1.dark.selected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUDSURBVHgB7Zvhdds4DIDhe/5/7gTlTXDOBKdOcN0gzgTxBlEmaDJB3QnSDeJM0GQCsRPEnQAlSrqVKVAiJEpNVH7v8dmiKIqEQJAAJYBMJpPJZDKZTIZhAQlBxJX5WbnD+v8p0O73sFgsDpCIXgIyglibn/9MWrtEglDwstAukbD2Jj0YwT2CkGgBOe24NGkDL08YsWiTSrDC0pAKI5xLk55xPlQmnUMKTEVXOF+uuvq/6BIOWJUMQeP7yaTKpK8mPZv0rXYumbGMQLnfv016Y9Jbl3e0kSFKM9yuQYoRziYgdRpqpUkFvBJMW9cm7dAOLY6ttEIVqGyP1li/Sly/7gIPPb5fAe25g5lg+nLP9K+UVFB5F9OxgplA2oLNWbmKvXjNSPcjzAy0dtRn7Zf7i7m2YPJuYX7smbwCumCM2DNMhNPeNUwEM8waI4XTIN+aP8EEmMZ9MD9fKLn/U+D7Zt0PhzHQo9sf5O3e6JqEdm3Uaqg5DVLe8VcYn1VkXmq0d6z8Asv6AfKLpSh3wT3xde0mZLuezDJ+DyPh2nu8p+px3wNXZz2etPTOiwSEv0Ig28C1VEaD9Xc+QSIE992ZdNsSQOPyVxDqM9qluM8mUFYaAgnaMnOuYMoXLW2sMB4qqwJ1cR7DSVnfBnEVaa6R5ucGZHaCGjNodnL3vQdZwO7HNRhvPk7KcUY6Bi6UQcsBWlBeu1/NXLfFYc4uhV8UNNuyARvioHQBzbbRNZzH3imgE4SqvqmpcMGcp6Hwhalvw5TtnOaRH/7EOVMf50Y0PHZJf/td0AHyY7wMlL2plbmJrAsDdXHOKLGV9ncJ4xI9K5qZhobfzv1/ZIr8z+Q9BOo6oJ3F/MXmvyBkNAGhNaiXzKl96JqObRnF5LWt0cgm+gIqQEhfI92KEw4F2JR3SvfZm3IoJk/qSIsniOQahO1T8QX0J4XrIa4jqQZ1COd6TLdjLJIJKEI4JQwjxRaSuI4kAmoRDjXoIoFwjnUNRYOQwTYI7YKOhLNiGvNOsgfu6grNZpSnvLw1hHnL5IlDN4M0qEU45LmfCYXTFVHk1jy0ug4ZXk54w7auUOZqnMesViPvG+NqrJCnZOrbBMoqaX97DTEMe/OfKQ/Dm3C7gFZ1RhTd6pg00/e9KOxCoVJaGB7c+a3g3vEEnuR7ptwW+1EF7huluWi1qEI5FTIxoZj7+jZI5v7LUThgh9ZFBt+BbDaisqHJQgXK/6Svkaah1Gfa1UPV3F1PQqLhpluKUvsoNnU25J5LplKfhgbRDY0mnIENVEn4DAlwHd7QfzckyEt/405rlx4jXubsjDYsvRuTIYyp5NjIEn4zzn3ZQz+4h38iIG6Iae+YW3Cl5hCZlxrlHWu/ACcgLp47Km7lXH9B4nZAWESC//C7V9rY3I79k15eaNhIToP8J7fCid5HJK2ZSHOObpJvg/Z+OU5AeyavgPkhCgefgM3VquwlxxcO8ruzca/guQrK5goc72EmIP+ma/yb9xjeV7ob4ir8bly/7pl+VeJ+Ydghpco+4oSzzVDQOqVXGH7ZIqg9XZ8ilGD3w0PQmolmHQ3NTxE0TMcKfs1I0k8RhsXLkbdHc6GEFKCN0FU4H2ioRUU+JR/UKbDrIe4VlNcCmYGdSTexn20O/SSzADu+/4FpnFoJJAwSAm0EkJ18GPWTzBjw9KNeBdNRf6Er6Ue9mUwmk8lkMpkMy3chM0iJEnhBoQAAAABJRU5ErkJggg==)
        center/contain no-repeat;
}
.footer-icon__2 {
    background: url(data:image/png;base64,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)
        center/contain no-repeat;
}
.footer-icon__2.dark {
    background: url(data:image/png;base64,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)
        center/contain no-repeat;
}
.footer-icon__2.selected {
    background: url(data:image/png;base64,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)
        center/contain no-repeat;
}
.footer-icon__2.dark.selected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABICAYAAAC6L9h5AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQkSURBVHgB7ZyLcdswDIbhXAdIJyg3aEZQJ2g2SDZoNog2SDawO0G6gd0J7E4gdQK3E/wlS/riowGZImWZenx3vJwUSSQhECBAykQzMzM9saCMAHCr/yhdzN/dYrH4QzMWLRylyxqnLM3/aOpoIdzpsodMZa6hqeI0qElAB/aTFJSxP05LQjHX3tKUcPaG05hvujyC17AXmgq6s/eCttwdXVMI1xQ0BcAPs5K57om5rqKxozv53Kbj4KcGJY0VWG9WMZ1WDfdww87Yq3EacfDGehlw3ytz3/iMuNOik2GGgBk17HRh30YDB4mgRU8t7i+Z+9c0FsC7/FZeCvLks6AxIHTugVoiCHv42gQ7e/bZUSTgpwTBwzY7EOHyA54pTQkUDQFYu2GGxIvwxg1LSkQ/YyU8e+vqNm3obB6VlJl0b++rLibmKshmFZuodfmiM441pde7JZvBbGLnykaXX7re6GEejNMUE6W/ISwP5HNPHQE5AG5i79r+gC6H55Fg1oinwgVcNWxWs0I8a0R4Wb8R9wmNqGHDiYIujGvnKqGtVZSwwEfrEkaNN04onRrNiHYr1wbTljXa8dymosdAoZhhWCDziNy18WAyztnSIvShW+EBP4YglHO4PkjTiPMzeCRE60MDsZNd8K61oJECPh4sjq+5Ye7jlpYVjZf2pgN8gms8eRsPbriF3rhmVHC4kbYArMfzCYstMfRIOwDwDgqt+gjeRVYYwSoFZK/WLkMBOV06ePsEG+RyCqCoLZAj7cEu50AOt+J3rYBfajYMzpA3CKikVMAvDho6yw9dGsibNF6pK8DHc4PYXAV5s9iWugSyITfnFGUKZE92mXY3vRFkOjXANV4sBuTxYFdOOC5vIiB7vIIyATb/zdGfVwbv8bKZaIKfMJbUNzgNhPeUCTi1ndHbCG8ojZ/ecU7G22/Ld4okVUiTYBZSAKlCUt5xTflQe8efKJJUIfkV/6Z88HP1HymSVCHlnICrvePPFEnXwy2n3fp/vePoF9q1JuU03GrvuH8hgQ8Qa8qH2j+ByKA2RZMUcy6nb2a5tkRpU9fzpFEK6QPFo5hzNSUAm5P635HUfZVCWxRFkMWMGzZHZTII1aG4oPQth/TLVYUEu1nMCMeUgk6Hg1loMJkGI7S0vY0J9C4k2Fz5s0tdmBXTIuA2pcvqWsLqTUgH4ZAdTiXF2QdF78J6OePSrx8NgM91PwrXLRG273sDu9OjzZboJWe3wO/7LKhPnGb4VE4oh08nKoSxETratLeRq/vwyYS0tbp/7ULaBnijWUsErFzALmWFCktiQ9cA8Z8ulIh4q0fCqtAeRdcC/GefHAd704nKw9qcKrDukq4NrEbtmMbVuPCnE3i3WzvhxRSUSKc/MuW0xNgYEzfVff9I1FH95OqvaWZmZkj8A0OVuWBgi9/zAAAAAElFTkSuQmCC)
        center/contain no-repeat;
}
.footer-icon__3 {
    background: url(data:image/png;base64,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)
        center/contain no-repeat;
}
.footer-icon__3.dark {
    background: url(data:image/png;base64,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)
        center/contain no-repeat;
}
.footer-icon__3.selected {
    background: url(data:image/png;base64,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)
        center/contain no-repeat;
}
.footer-icon__3.dark.selected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABICAYAAAC6L9h5AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATMSURBVHgB7ZzhVdswEMePvn5vOkHdCZoN6k5QOgHpBIQJCBMAEwATABPETACdwGYC0gmud5XSGOcUn23Jjqh/790zVizbOkt/6WQZgJGRkZ44gMAg4oQ2E7tb/tsnhd2uDg4OVuAZb04iZ0xp85Vsao2dkcAwFNbYYRnZAznvCYaAawnZKVmO+09OdkSWQF/QxY7JXjA+crIjCA2a2hM7p9ryNtYke/LFjkNYB36R5WTPZC9kv0u/eRdW2GjfB7KPZJ9s2lobXSxIq87AJ+SgmeOpcLNbkKWwZ9A9Tcmu0a2bc/AFnSxxXChD083vNfb+bx0P2M/9O2rRLUQG3fNSKMcCfCDUIt5PIDLQDFuqvXIOXUHTrqtcQaSg0c8qU9fx73SnhVRIu4R4yYS01HXwe9DxtbK/ajvMtyKZwKZrftLGW/ZpT7reB+XhzmZVOdcX6IIgdhk0xAr/EmU4/agm/7kj7zm0QLiXR+gCbou2Wo/Q6FmOOvi4xHGOXUyhIWjGTq+u7TpWq0lJZf9ZkYdvhGvHEvSzAXxcjn3EVpvplfK1RWqdhPJAq1ZDbI24hnbzRxfl2mF1x9VRXLbUx60yOMqqEu5WTgJTgyTuye7APEk+9yHZkXBNHqh+XieQI+bcRMCDcK/zCmkTaBNbohnOV5nV5Jk59Ga64xq5kCdYs3PcYyIdq9GkREgrYDdS4b65njqlF7T5Kfw0g3C4atIWWuFWY9t1Wkm+to5wwmMXME2xTIrhgufhnARmDqfKPei4E9ISGJgQTpLQimEhpA0+DRPCSZJDEtCxl/NS2titCYWQ9h3MmKmO70LaP7HH7ditzGrI10ap0FWmNXmWQp5pTR5pqJGVfnfFbmXUcVyTcoXSpBsh7dY1DrEOlAafV6Xf51DPHFvEcXUEcRJV+2uQY6OcCnFFdmifJA/oeGT9CNu6VdB5biAGsEVzs/k4cu/y8jKpnO9CkecClDQpVwjh/guLKF30BGyTaQD3jifVwacjdnuVL5RwB3MSw80Ojfhqp0sKsh87wpdBeq/gg0muEWQczXNsljkOeyCb8XGDdeM7CFqTylgx55rFzWXdA3HTKkKsKfJJb05aYx2SQUT0FbtFzegkBb00N9wdc/kiziEAgyae0oQUPq51QY46Ac8EbW6oj7l8EU/s9tYI6qSa92UhuAyhS8E1SRFz+SJe4Wb2MdRowqhJCkYnKRidpEDjJPWbzrfK/+ykREgrpAN7nyrxHMf18q5N4yRvNSlEHNchXlOvu6ptbo5Zw8ZOChjHtY3XtsrgmiHV9m5FZf8TxE9S2S9cB2qdtKq5QC0B47i28Vr1QTsXy2qFm79fK1fpVtMRAeK4LsJdLUO3lxFUsLn2bWcMoLwu3KmX2uaWCWkpxMuxkJZBV3B7day/j+l6BOWVvt0/5bInXwhVdAmRgfLXk36WQqP8MR3aiyaw59j7Xwr3n3u9f5QFfH2hKwwwCd8VNEtsTtG9DKi2FrX55H1Bm13f1HNXyt1yAdufvBfgnwlshhRNP3k/oyHEAkKAsj7FxgJCg2YpX47xwc2uv3eBaLrTWJxVoGkBjYctIf41UApGB3jh1lCBMGshayMvWGV9fOgy79T3P5lKwD8r2MRdQf7J1MjISG/8AZT+/b+g4k2HAAAAAElFTkSuQmCC)
        center/contain no-repeat;
}
.footer-icon__4 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADLSURBVHgB7dgxTgJRFAXQNxPtXQouwZhYSEVMXIeuRN2GzVRY2LAEWYo95A9MD/w3hIbJOfVt/svPLW4EAAAAAEBWMyb8vfyd3ZbmLq7Ypu3/X+dP62w+faDuZ/VR+vIWU9DE58vz43sumtAtV7MS5S8mpI32fjF/WNdznJQ60HDpvvRfMRHDWzK/ZzCqpLt9SW+vvKRv9iW9GFHSAABwkLmjwtxRjSaYOzjK3FFh7gAAgHOYOyrMHdVogrmDo8wdFeYOAAAAAICL2QFq5Hx157bZsAAAAABJRU5ErkJggg==)
        center/contain no-repeat;
}
.footer-icon__4.dark {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADLSURBVHgB7dgxTgJRFAXQNxPtXQouwZhYSEVMXIeuRN2GzVRY2LAEWYo95A9MD/w3hIbJOfVt/svPLW4EAAAAAEBWMyb8vfyd3ZbmLq7Ypu3/X+dP62w+faDuZ/VR+vIWU9DE58vz43sumtAtV7MS5S8mpI32fjF/WNdznJQ60HDpvvRfMRHDWzK/ZzCqpLt9SW+vvKRv9iW9GFHSAABwkLmjwtxRjSaYOzjK3FFh7gAAgHOYOyrMHdVogrmDo8wdFeYOAAAAAICL2QFq5Hx157bZsAAAAABJRU5ErkJggg==)
        center/contain no-repeat;
}
.footer-icon__4.selected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADCSURBVHgB7dgxTgJBGIbhf8AGq9W498DOY+lJ1Bt4Iz2GyRihIjSwUFDC7r8ly/PUbzWZTCZfBAAAAABAVhkTN227jG7exDUru/W61p90ng0fn9r3Y/4ak9B9/P/Vt0yZOqCmaZezu/IdE7Iv3XPmJs2CXvNMtN1ufheL+4co5SWmoHSfq1q/UmmMcIuPNAAAnOUnPZRnQ3NHD3MHF5k7htIYwdwBAAAnftJDeTY0d/Qwd3CRuWMojRHMHQAAAAAAfQ4ihWydxpvb7QAAAABJRU5ErkJggg==)
        center/contain no-repeat;
}
.footer-icon__4.dark.selected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACRSURBVHgB7dixDcIwEAXQMxMwCkwaZTIYhQ2OSFBGzhG5wXqvcePGX6eT9SMAAAAAAKraL5cz87Yd1/hvr9baM0bbwllyHkv13aUJys/kPGIu98okXYKuUkDfpNeYx1rdQ5Y0AACc4Sc9Sqo7uuGoO9in7jhgSQMAwBl+0qOkuqMbjrqDfeqOA5Y0AAAAAMAwb1UroHyrMMgCAAAAAElFTkSuQmCC)
        center/contain no-repeat;
}

/* 
.selected .footer-icon__1 {
  animation: nimateBall 0.5s ease forwards;
  -webkit-animation: nimateBall 0.5s ease forwards;
  background: url(../../static/images/icons/aspn_icon/icon_score_selected.png)
    center/contain no-repeat;
}
.footer-icon__2 {
  background: url(../../static/images/icons/aspn_icon/icon_favourite.png)
    center/contain no-repeat;
}
.selected .footer-icon__2 {
  animation: nimateBall 0.5s ease forwards;
  -webkit-animation: nimateBall 0.5s ease forwards;
  background: url(../../static/images/icons/aspn_icon/icon_favourite_footer_selected.png)
    center/contain no-repeat;
}
.footer-icon__3 {
  background: url(../../static/images/icons/aspn_icon/icon_news.png)
    center/contain no-repeat;
}
.selected .footer-icon__3 {
  animation: nimateBall 0.5s ease forwards;
  -webkit-animation: nimateBall 0.5s ease forwards;
  background: url(../../static/images/icons/aspn_icon/icon_news_selected.png)
    center/contain no-repeat;
}
.footer-icon__4 {
  background: url(../../static/images/icons/aspn_icon/icon_more.png)
    center/contain no-repeat;
}
.selected .footer-icon__4 {
  animation: nimateBall 0.5s ease forwards;
  -webkit-animation: nimateBall 0.5s ease forwards;
  background: url(../../static/images/icons/aspn_icon/icon_more_selected.png)
    center/contain no-repeat;
} */
.footer-icon__8 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN2SURBVHgB7ZldctMwEMd3FeeNgfYE9Q1oTwA9Adyg6UwThmGaOqE8tzzxQFvcMAzQdgb3Bu0JMCegNyCcgPBMo0Vy4sSSPyInTkIH/2bi8Zek/Vva1UoBKCkpKVkmCDlx3ny0ybL2gOFTILKjzwjhsPOy/jqrfPP4/AAJHHG6EinZFQf/Ftjhh/2dn5CDXAKaR5+3EJirNq7CGT1+3258Syx/cv4EOVxBOj0C7nT2n12CIcYChsZ7k9+kLlaqG25ruxe96xx+WaF7/e/iuT2xBuA1UxFGAsyNH5nQJYZOp12/lob37/95yLgsP9n4UQ2GItikF9KMJyAHK9bq6X4dxWdw1adoy6Gyd3ROdO/2F+Pox4wXZWRZ+SNGjl6/bFO2DbMISDdefp3GaThMkFnScW/AnJthmYBOu3Eqeqymv2Qigk1nvNq1Uojojc14TyQg3pHv6j7Sae9cTiMCZzVex3knwiyvHogQuy4u1wetYFeUvhLD6tp9VfezyjdPLraQk2faNhZpfFHkEaEIaL4VcRrjcXqRxo9sSRGhzzOKDyBibAwvw3hJmk8wDp5yHZ7IsauHumUZH5IsAu0XRxdr4ZUFORinEtQLJyoogN2Ts0eMhN8Rh1i9vA9Z0X70xG097w6ixZhoCJNJ3DgPCiYqDwoimKWDxHBQb/iFEwMKUjea8CnSOPKaXvlAxNkeVatfQU3iUhO6/ChDd8UC7ss2E6MhojJrKwKkdydPJtK5Y3lMD4pC6/mgJyAloGjDNja40rw/DhUnwIC0gJLoHWYicGECsqJhqntLEVihDXHqizHUC34qxQmgYEU2Rg6pQXu+WL1tZoXyzDDqthoyw9yU54NQJ9Pi+SNm4O1JOVPIxPXAqFJALerQ3JyYI66ZFjUWwIhWtVsLdeI0jAVwggfKDcS7JUAYrAwhKrAHCHQnNl87mwv4R8njxLZyg6jIMKrUhbSQHmCFCWAIv2FKzAUQV8MoozvmxNo8wPrTfzWdPsIPrS0bDPl/nFiHV7R5YUnkmAfUnTeRr7jRtem07B5/Gu6bRivX5oUMjNfEHOlKJHOR1RDalpiAxP4nzASNDuOaORpvJBj3QLAXg+jBvEHyTDNRSS4fQFZpyS1CmB8+smorT4HcfzFJhrtmNVF6XfT+bIt7uXAhuCHGvU57eXtQJSUlJdPxFye+my/SIAnBAAAAAElFTkSuQmCC)
        center/contain no-repeat;
}
.selected .footer-icon__8 {
    animation: nimateBall 0.5s ease forwards;
    -webkit-animation: nimateBall 0.5s ease forwards;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF4SURBVHgB7ZmBbYMwEEWPLFA6Qd0NukHYICPABu0GHaEjRJ2g7QSoG3QD6AQZ4XIWOCGEhDOxnSPxk07Eko3/l3G4wwCRSCQyKxBRUXxQVHjIhuKdMf617dtF32tN8QQ+oQnygcn7LM+MX42M1ffOwQeteA4VRTowPsXjVTuFWxMW4rsmVh3hS+SLd2tigniXXGbiyuIN00ygDPEGOxMoS7yBZwJlijccmUh64vU/xzfIJkuS5Nc0+gYquiiQTU0Gnk1jYX6QeAXyxWt0KrNLORYwc3YGaFlqutQgH/0I/ZtGfwUKkM9bt3FgoN3dBcilII0/o71wzi8yoSYm50MvFCU2hcZYIeOSqp2vpMjABdjk9KHIuLps3gMphINdG9sYeASB2Bh4AIFIfYQUt+Pt5EIMFIRDcTve1QqE3ANs4ia+Nndl4A/CUXM72hgI+bnlE3yAzSGEb9bgC2w+lX+hP0ocOFvwYSTHfaFzKaZw8XMyE4lEIl7ZAi1hcGXTqV0bAAAAAElFTkSuQmCC)
        center/contain no-repeat;
}
.selected .footer-icon__fifa-img {
    animation: nimateBall 0.5s ease forwards;
    -webkit-animation: nimateBall 0.5s ease forwards;
    background: url(../img/icon_footer_close.931b2fb3.png)
        center/contain no-repeat;
}
.footer-icon__fifa-img {
    background: url(../img/icon_footer_sport_football_selected.2df8ce8b.png)
        center/contain no-repeat;
}
.footer-icon__fifa-img.football {
    background: url(../img/icon_footer_sport_football_selected.2df8ce8b.png)
        center/contain no-repeat;
}
.footer-icon__fifa-img.basketball {
    background: url(../img/icon_footer_sport_basketball_selected.62cbaddc.png)
        center/contain no-repeat;
}
.footer-icon__hkfs-img {
    background: url(../img/icon_footer_fantasy_unselect.dcd25cfb.png)
        center/contain no-repeat;
}
.selected .footer-icon__hkfs-img {
    animation: nimateBall 0.5s ease forwards;
    -webkit-animation: nimateBall 0.5s ease forwards;
    background: url(../img/icon_footer_hkfs_selected.ddc1544a.png)
        center/contain no-repeat;
}
/* .footer-icon__4{
        background: url(../../static/images/icons/icon_footer_notification_unselect.png) center/cover no-repeat;
        background-size: inherit;
    }
    .router-link-active  .footer-icon__4{
        animation: nimateBall .5s ease forwards;
        -webkit-animation: nimateBall .5s ease forwards;
        background: url(../../static/images/icons/icon_footer_notification_unselect.png) center/cover no-repeat;
        background-size: inherit;
    } */
.footer-icon__5 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFiSURBVHgBpVPLTcNAEH2zNneXkA4IFRAqgA4Ch3DEjvhc41yBKPYJCSMlJSQVJB3gElxCCsjuMLu2QxKEgfCklZ5m983Ozrwl7CF6yjqscA7wBZhaVTgHUU7KGyb9q6I+ezPKBrQRjicBm/UAjAhNICTpba/vxIyYNmK9Xghty4EVGaTCl8l9b+n2H1/bUBQx0K2SrOSioKSCcJSN3c1EhZR5tl3mzvPGLy3W/rvQoI4pG6zLbhJbGON3t8UuAZujQVkWTZvE9Zv34wrMbafXJv2r2CF8ztguHAiFf0KBuLDEGggHwCdWcwaHwjuylr8RhaO3ifTu0jbeNnFmg0wIxVCtn8Tl2EUMN/ahsm4jkJ2AWFkvmpI4Ixlv4cSisWP/amW3S1M71uThOnf70h+jcCqHo8rCeXrXOykTbbJPAmgdV/34Fq5az4vl9tVOgp03aj8WesyfFRXEZi6NmtUfrMYHF0KjkCCyw+cAAAAASUVORK5CYII=)
        center/contain no-repeat;
    background-size: inherit;
}
.router-link-active .footer-icon__5 {
    animation: nimateBall 0.5s ease forwards;
    -webkit-animation: nimateBall 0.5s ease forwards;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAYAAADDl76dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD1SURBVHgBjVBBagJBEOzuWUOOecLmB8kP/EH8gQYiIZe4C3pWTx5ccMSDhxXUH+gL9An+wH2CB086M+3MyojKgjY0TE9VddGFYCvqp2UDpkwoNrL5s4CrigbTN6OPVfcmoZcy/stu8Dst/idpGwE6nmDYxKPWrzwvG4esxAoQwxxkzDAQnzL+3rmxSEv2I7LE2bBZR2aYE1LbE7SiiluGR/XuGpBDrQ41jxdpA3imXr3DYyohQ9c61xpJyohQtfPQgyJ4mQFzxjrYunYnC2UuGRdpMc8qmVQM6w8CWstWfX3tGPXGoSmJr9x9X5rLzjm/C36nPQFSP3sIRsE5hAAAAABJRU5ErkJggg==)
        center/contain no-repeat;
    background-size: inherit;
}
.footer-icon__wrapper .dot-wrapper {
    top: -0.3rem;
    right: 0.3rem;
}
.footer-icon__fifa {
    position: absolute;
    top: -14px;
    right: 81%;
}
.footer-icon__fifa-fake {
    width: 58px;
    height: 58px;
    position: absolute;
    border-radius: 50%;
    z-index: 10;
    left: -5px;
    top: -2px;
    background-color: #000000;
    border: 0.1rem solid #35454d;
}
.footer-icon__fifa-fake2 {
    width: 64px;
    height: 69px;
    position: absolute;
    background-color: #020611;
    z-index: 123;
    top: 6.8px;
    left: -5px;
}
.footer-icon__fifa-img {
    z-index: 123;
    position: absolute;
    left: -3px;
    width: 57px;
    display: block;
    height: 57px;
}
.footer-sport-type__wrapper {
    position: absolute;
    top: -4rem;
    left: -41px;
    border-radius: 1rem;
    display: flex;
}
.footer-sport-type__icon {
    width: 55px;
    height: 55px;
    margin: 0 0.5rem;
}
@media(max-width: 768px) {
    /* for test */
.footer-desktop__wrapper {
        display: none;
}
.footer-desktop__social-wrapper {
        display: none;
}
.footer-desktop__desc-container {
        width: auto;
        padding: 0 0.8rem 1.5rem 0.8rem;
}
.footer-desktop__desc-wrapper {
        border-bottom: none;
}
.footer-link__wrapper {
        flex-wrap: wrap;
        margin: 1rem 0;
}
.footer-link {
        padding-right: 1.5rem;
}
.footer-mobile__desc-wrapper {
        margin: 0 0.8rem;
        border-top: 0.1rem solid #35454d;
}
.footer-mobile__desc-container {
        width: auto;
}
.footer-wrapper {
        display: block;
}
.footer-mobile__privacy {
        font-size: 0.6875rem;

        margin-bottom: 0.5rem;
}
.footer-mobile__privacy a {
        color: var(--bg-selected);
}
.footer-mobile__privacy-wrapper {
        padding: 1rem 0;
}
.footer-mobile__copyright {
        color: #5c7784;
        font-size: 0.6875rem;
}
}


.footer-logo[data-v-40ab164b] {
    width: 154px;
    /* width: inherit; */
    margin-left: 0;
    margin-bottom: 0;
}
.footer-desc[data-v-40ab164b] {
    font-size: 24px;
    font-family: var(--weight-600);
    letter-spacing: -0.48px;
    color: var(--color-text-default-default);
    padding: 24px 0 24px;
    letter-spacing: -0.64px;
}
.footer-content[data-v-40ab164b] {
    color: var(--color-text-default-default);
    font-size: 20px;
    margin-bottom: 0;
}
.footer-download-icon[data-v-40ab164b] {
    width: 147px;
    padding-top: 24px;
}
.footer-download-icon-list[data-v-40ab164b] {
    width: 100%;
    border-bottom: 1px solid var(--color-border-default-default);
    padding-bottom: 32px;
    margin-bottom: 33px;
}


.footer-logo {
    height: 63px;
}
.footer-logo img {
    height: 63px;
}


.account-wrapper{
    margin-bottom: 16.375rem;
    align-items: flex-start;
}
.account-menu__wrapper{
    width: 17.93rem;
    margin-right: 1rem;
}
.account-menu__user-wrapper{
    background-color: var(--color-background-default-secondary);
    border-radius: 1rem;
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: .5rem;
}
.account-menu__user-icon__wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.6875rem;
    height: 3.6875rem;
    border-radius: 50%;
    border: .35rem solid var(--color-grey-40);
    margin-bottom: 0.65625rem;
    overflow: hidden;
}
.account-menu__user-name{
    font-size: 1.125rem;
    font-family: var(--weight-700);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.account-menu__user-join-date{
    color: #6F8C9B;
    text-align: center;
    font-size: 0.688rem;
    line-height: 1rem;
}
.account-menu__list-container{
    background-color: var(--color-background-default-secondary);
    padding: 0.59375rem 1rem;
    margin-bottom: .5rem;
    border-radius: .5rem;
    font-size: 0.875rem;
    color: var(--color-grey-light);
    display: block;
}
.account-menu__list-container.selected{
    border-left: .5rem solid var(--bg-selected);
}
.account-content__wrapper{
     background-color: var(--color-background-default-secondary);
     flex: 1;
     border-radius: 1rem;
     color: var(--color-text-default-default);
     /* padding: 1rem; */
}


.profile-modal__wrapper{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-theme);
    z-index: 10;
    overflow-y: auto;
}
.profile-modal__avatar-header{
    font-size: 1.125rem;
    font-family: var(--weight-700);
    margin-bottom: 1.96875rem;
}
.profile-modal__avatar-body__list{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    row-gap: 1.5rem;
    margin-bottom: 1.8rem;
}
.profile-modal__avatar-body__list-item{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8125rem;
    height: 4.8125rem;
    border-radius: 50%;
    border: 0.35rem solid #4b616c;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 1px 3px 2px 0px #404040;
    cursor: pointer;
    transition: all .3s;
}
.profile-modal__avatar-body__list-item.selected{
    border-color: var(--bg-selected);
}
.profile-modal__avatar-body__list-item:hover{
    border-color: var(--bg-selected);
}
.profile-modal__avatar-body__list-btn{
    width: 100%;
    padding: 0.625rem;
    font-family: var(--weight-700);
    font-size: 0.875rem;
    background-color: var(--color-theme-2);
    border-radius: 0.25rem;
    border: none;
    cursor: pointer;
    pointer-events: none;
    color: black;
}
.profile-modal__avatar-body__list-btn.enable{
    background-color: var(--bg-selected);
    pointer-events: fill;
}

/* mobile */
.mobile-profile__user-icon__wrapper{
    margin: 3.859rem 0;
}
.mobile-profile__user-icon__container{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.6875rem;
    height: 5.6875rem;
    border-radius: 50%;
    border: .5rem solid var(--bg-selected);

    overflow: hidden;
}
.mobile-profile__user-icon__edit{
    position: absolute;
    right: 0rem;
    bottom: -.2rem;
}
.mobile-profile__setting-wrapper{
    padding: 0 1.2rem
}
@media(max-width: 768px) { /* for test */
.profile-modal__avatar-body__list {
        grid-template-columns: repeat(4, 1fr);
        -moz-column-gap: 1.2rem;
             column-gap: 1.2rem;
        row-gap: 2rem;
}
.profile-modal__avatar-body__list-item{
        width: 100%;
        height: 95%;
}
.profile-modal__avatar-header{
            padding-left: .7rem;
}
}



.form-tips.top[data-v-b019ee9e] {
    margin-top: 0;
    margin-bottom: 8px;
    color: var(--color-text-default-secondary);
}
.account-content__title[data-v-b019ee9e] {
    font-size: 32px;
	line-height: 120%;
    color: var(--color-text-default-default);
	letter-spacing: -0.64px;
    font-family: var(--weight-600);
    margin-bottom: 32px;
}
.btn-save[data-v-b019ee9e] {
    width: 100%;
    border-radius: 8px;
    background-color: var(--color-background-success-default);
    padding: 12px;
    margin-bottom: 56px;
}
.form-control[data-v-b019ee9e]:disabled {
    color: var(--color-text-default-tertiary);
    background: var(--color-background-default-default);
}


.info-title[data-v-27615119] {
    font-size: 32px;
	line-height: 120%;
    color: var(--color-text-default-default);
    margin-bottom: 24px;
	letter-spacing: -0.64px;
    font-family: var(--weight-600);
}
.info-content[data-v-27615119] {
    font-size: 16px;
    color: var(--color-text-default-default);
    margin-bottom: 56px;
	letter-spacing: 0.64px;
}


.profile-popup-box-web {
  background-color: var(--color-background-default-default) !important;
}
.profile-popup-header-web {
  background-color: var(--color-background-default-secondary) !important;
}
.editnickname-popup-box-web {
  background-color: var(--color-background-default-secondary) !important;
  /* border-radius: 16px; */
  width: 400px !important;
}
.editnickname-popup-header-web {
    /* border-radius: 16px 16px 0 0; */
    background-color: var(--color-background-default-secondary) !important;
    justify-content: left;
    padding: 32px 32px 0 32px !important;
}


.center-content[data-v-d93140ba] {
    padding: 24px 32px 32px 32px;
}


.icon-avatar[data-v-5614b3be] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    padding: 7px;
}
.country-header[data-v-5614b3be] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-border-default-default);
    padding: 21px 16px;
    font-family: var(--weight-700);
    color: var(--color-text-default-default);
}
.done-text[data-v-5614b3be] {
    color: var(--color-text-primary-default);
}
.language-list[data-v-5614b3be] {
    display: grid;
    grid-template-columns: auto auto auto auto;
    box-sizing: border-box;
}
.language-item[data-v-5614b3be] {
    padding: 16px;
    color: var(--color-text-default-default);
    display: flex;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
}
.language-item .flag-icon[data-v-5614b3be] {
    width: 40px;
    height: 40px;
    max-width: unset;
}
.language-item.selected[data-v-5614b3be] {
    background-color: var(--color-background-neutral-default);
    background-image: url(../img/language_hover.589079d6.png);
    background-size: 80%;
    background-position: 76px -20px;
    background-repeat: no-repeat;
}
.country-item[data-v-5614b3be] {
    padding: 8px 16px;
    color: var(--color-text-default-secondary);
    font-weight: normal;
    display: flex;
    align-items: center;
    gap: 8px;
}
.country-lang-item[data-v-5614b3be] {
    /* padding: 0 16px; */
    font-family: var(--weight-700);
    margin-bottom: 8px;
    font-size: 14px;
}
.language-country[data-v-5614b3be] {
    color: var(--color-text-default-secondary);
    letter-spacing: 0.64px;
    font-size: 14px;
}
.language-country-name[data-v-5614b3be] {
    color: var(--color-text-default-default);
    letter-spacing: 0.64px;
    font-family: var(--weight-600);
    font-weight: bold;
}
.language-item.selected .language-country[data-v-5614b3be] {
    color: var(--color-text-default-tertiary);
}
.language-item.selected .language-country-name[data-v-5614b3be] {
    color: var(--color-text-default-neutral);
}
.language-box[data-v-5614b3be] {
    padding: 24px;
}
.language-title[data-v-5614b3be] {
    color: var(--color-text-default-default);
    font-size: 24px;
    margin-bottom: 24px;
    font-family: var(--weight-600);
    letter-spacing: -0.64px;
}
.lang-icon[data-v-5614b3be] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: var(--color-background-default-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.lang-icon[data-v-5614b3be]:hover {
    background-color: var(--color-background-default-secondary-hover);
}


.flag-icon {
    width: 22px;
    height: 22px;
}
.setting-list__wrapper {
    position: absolute;
    right: 0;
    margin-top: 1rem;
    min-width: 12rem;
    background-color: var(--color-background-default-secondary);
    padding: 0.5rem 0;
    border-radius: 0.5rem;
    transform: scale(0);
    transform-origin: 11.5rem 0%;
    transition: all 0.3s;
    border: 1px solid var(--color-background-default-default);
    z-index: 5;
}
.setting-list__wrapper.selected {
    /* transform-origin: 11.5rem 0%; */
    /* transform: scale(1); */
}
.setting-list__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.3rem 0.5rem;
    cursor: pointer;
    transition: all 0.3s;
}
.setting-list__container.selected,
.setting-list__container:hover {
    background-color: var(--color-background-brand-default) !important;
}
.setting-list__name {
    display: flex;
    align-items: center;
    font-size: 0.88rem;
    color: var(--color-text-default-default);
}
.setting-list__container.selected .setting-list__name,
.setting-list__container:hover .setting-list__name {
    color: var(--color-button-active);
}
.setting-list__container.selected path,
.setting-list__container:hover path {
    fill: var(--color-button-active);
}
.setting-list__name-icon {
    -o-object-fit: contain;
       object-fit: contain;
    margin-right: 0.7rem;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (min-width: 768px){
.popup-country {
        height: 754px !important;
        width: 956px !important;
        border-radius: 8px 8px 0 0;
}
}


svg[data-v-30e05d40] {
  margin-right: 0.5rem;
}
.selected rect[data-v-30e05d40],
.selected path[data-v-30e05d40] {
  /* fill: #000000; */
}
@media(max-width: 768px) {  /* for test */
svg[data-v-30e05d40] {
  margin-right: 0;
  margin-left: 0.25rem;
}
}


.app-home__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    background-color: var(--bg-selected);
    color: black;
    color: var(--color-text-button-active);
    padding: 0.8125rem 0;
    position: relative;
    z-index: 4;
    width: 100%;
}
.app-home__content {
    display: flex;
    align-items: center;
}
.app-home__close {
    margin: 0 1rem;
}
.app-home__logo {
    background-color: var(--color-background-default-secondary);
    padding: 0.62rem;
    border-radius: 1rem;
    margin-right: 0.5rem;
    width: 51.31px;
    height: 51.32px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-home__title {
    font-size: 1.125rem;
}
.app-home__desc {
    font-size: 0.5625rem;
}
.app-home__logo-img {
    width: 2.9375rem;
    height: auto;
}
.app-home__open-wrapper {
    margin-right: 0.8rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin-left: 0.8rem;
}
.app-home__open {
    background-color: var(--color-text-button-active);
    padding: 0.5rem 1.5rem;
    border-radius: 1rem;
    color: var(--bg-selected);
    font-family: var(--weight-700);
}
@media (min-width: 320px) {
.app-home__logo-img {
        width: 2rem;
}
}


.noti-skeleton-wrapper[data-v-4fe59575]{
        display: flex;
		align-items: center;
        margin-bottom:1.5rem;
		padding: 0 1rem;
}


.notification-container[data-v-320bc546]{
		margin-bottom: .5rem;
}
.notification-container[data-v-320bc546]:last-of-type{
		margin-bottom: 0;
}
.notification-dot[data-v-320bc546]{
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: var(--bg-selected);
}
.notification-dot__wrapper[data-v-320bc546]{
		width: 1rem;
}
.notification-header__title[data-v-320bc546]{
		padding-left: 1rem;
}
.notification-card[data-v-320bc546]{
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		padding: 0.5rem 0 0.5rem 1rem;
}
.notification-card[data-v-320bc546]:hover{
		background-color: #2e3c43
}
.notification-card[data-v-320bc546]:last-of-type{
		margin-bottom: 0;
}
	/* .{
		font-size: 0.875rem;
		margin-bottom: .5rem;
		color: white;
		font-weight: 700;
		padding-left: 1rem;
	} */
.notification-type__left-wrapper[data-v-320bc546]{
		width: 1.25rem;
		margin-right: 1.125rem;
		display: flex;
		align-items: center;
		justify-content: center;
}
.notification-type__right-wrapper[data-v-320bc546]{
		width: 3.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
}
.notification-type__right-wrapper img[data-v-320bc546] {
		width: 1.5rem;
}
.notification-content__wrapper[data-v-320bc546]{
		flex: 1;
    	overflow: hidden;
}
.notification-content__title[data-v-320bc546]{
		font-size: 0.875rem;
		color: var(--color-grey-80);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-bottom: 0;
}
.notification-content__title-new[data-v-320bc546]{
		font-weight: 700;
		color: white;
}
.notification-content__body[data-v-320bc546]{
		font-size: 0.6875rem;
		color: var(--color-grey-80);
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		margin-bottom: .1rem;
}
.notification-content__body-2[data-v-320bc546]{
	    -webkit-line-clamp: 2;
}
.notification-content__time[data-v-320bc546]{
		font-size: 0.5625rem;
		color: var(--color-grey-80);
}
.notification-content__time-new[data-v-320bc546]{
		color: var(--bg-selected)
}
.notification-no-data[data-v-320bc546]{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: calc(100% - 2.2rem);
}
.notification-no-data__page[data-v-320bc546]{
		min-height: inherit;
}
.notification-no-data__text[data-v-320bc546]{
		margin-top: 1.34375rem;
		font-size: 0.875rem;
		color: var(--color-theme-2)
}
.notification-type__left-logo[data-v-320bc546]{
		width: 20px;
		height: 20px;
		-o-object-fit: contain;
		   object-fit: contain;
}
@media (max-width: 768px) {
.notification-card[data-v-320bc546]{
			background-color: var(--color-theme);
			padding: .5rem 0 .5rem 1rem;
			border-radius: 0.5rem;
			margin-bottom:.5rem
}
.notification-card[data-v-320bc546]:hover{
			background-color: var(--color-theme);
}
.notification-header__title[data-v-320bc546]{
			padding-left: 0
}
}


.notification-new__wrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    white-space: nowrap;
    pointer-events: none;
}
.notification-new__container{
    margin-top: 1rem;
    background-color: var(--bg-selected);
    border-radius: 1rem;
    color: black;
    padding: .5rem 1.5rem;
    font-size: 0.875rem;
    font-family: var(--weight-700);
    cursor: pointer;
    pointer-events: fill;
    transition: all .3s;
}
.notification-new__container:hover{
    background-color: #2e8fef;
    color: white;
}
.noti-wrapper .notification-new__container{
    margin-top: 1rem;
}
@media(max-width: 768px) { /* for test */
.noti-wrapper .notification-new__wrapper{
        width: calc(100% - 1.6rem);
        position: fixed
}
}


.icon[data-v-9c1dac84] {
    display: flex;
}


.fav-card__wrapper[data-v-64c7e9c0] {
  width: 100%;
  gap: 0.5rem;
}
.fav-card__match-container[data-v-64c7e9c0]:hover {
  background-color: var(--color-background-default-secondary-hover);
}
.fav-card__match-container[data-v-64c7e9c0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* background-color: var(--color-theme); */
  border-radius: 0.5rem;
  width: inherit;
  box-sizing: border-box;
  padding: 0rem 0 0rem 0.625rem;
  border-left: 0.4rem solid transparent;
  height: 3.125rem;
}
.fav-card__detail[data-v-64c7e9c0] {
  align-items: center;
  gap: 0.708rem;
  font-size: 0.875rem;
  /* line-height: 1.25rem; */
}
.fav-card__team div[data-v-64c7e9c0]:nth-child(2) {
  font-family: var(--weight-700);
}
.fav-card__team div[data-v-64c7e9c0]:nth-child(3) {
  font-size: 0.625rem;
  line-height: 1rem;
  color: #93a9b4;
}
.fav-flag[data-v-64c7e9c0] {
  width: 1.25rem;
  height: 1.25rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.fav-flag img[data-v-64c7e9c0] {
  width: 100%;
  height: 100%;
}
.fav-flag-text[data-v-64c7e9c0] {
  letter-spacing: .56px;
  font-family: var(--weight-600);
}
.fav-star[data-v-64c7e9c0] {
  width: 1.25rem;
  height: 1.25rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE3SURBVHgB7VXRUcMwDJU5BigbmA0yQkZgg2YD2KBhg2yQbtARwgYdoWyQMIGQmudDcNixA/1q351Odv2UJ6lyQnS1YOZarSTmnsqxFfsQe6NLQCrwPGMU2+TG3VEZnuFV4CU3yFEBJPuTuAlb75x7oP+ECDRolfoW6zon1iUeqi1R8/A79ZL9I860qnexV5qr0/Uk5xMtZLvTlnAcveF2Cd5JbJsSag25Q3uexCo7UboOdwac3sS1tAQjpBn5DL7nrw5kTx0h+xHBVYJXgzdy4Zvgtwx95Dy74pTQQbOMnG1QQU9/AR4ymP35jzb7gedLulqgCtOC1gxmgnr81sXamSsSbvkBFYWx3mM9GuGG1oC/z/5gp+zHUJzFaQ0k8IhsmwSngdiRVgiEfi9+N8Ddc8E35oYoPgEY0eCDvRWzAgAAAABJRU5ErkJggg==)
    no-repeat center center;
  background-size: contain;
}
.fav-star.selected[data-v-64c7e9c0] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGESURBVHgB7VVRTsJAEH2zhYQaP+oNOAJ8G5TeQE+ANxBPIBzBE4gn8AglIPETPAG9gf1QSqTtuAtKW6BlG/jkJU0muzNvdufNbIETjonS0G9CfUViijhHhBYxqgz0dWNI1xHvfpUCTJXJQeUCNnk6YQKaECEe13Zp1taO03WUZWnGtnEPhy2dOK0ExsC/k6zVRDpLlOWaBrZFHrNVmc+tIJBi/pFGQpaH027MoiUGMymi4RJFHgnDW5yVXdTT2sQiy1MS4RlHAIPaaFSelB2X6MrsyUN2cSAYUfefXGG7TQffN0Qkb0JaIiaoPRb0gEuzl1zdPQejrxqx8ZoWNgcElxfhLezzyfZWFhw5WGU4e5MsyWHDNt1d29ltqgKYJtiHiD+yyPMTrKKb2AcS13nb2QlGPzU9oeVEy3eqcAIjDGsbRJ5q41Urc2qYjCh+RrQTsEDy6n0OqI6G2VGfsomjl7Uv55dpJ2g4H9ObP839wajplz5Lv0JwPi1J3NF9MQv5nrCJX9AmklW5VbetAAAAAElFTkSuQmCC)
    no-repeat center center;
}
.live-selected[data-v-64c7e9c0] {
  border-left: 0.5rem solid var(--color-icon-primary-active);
}
.btn-arrow-right[data-v-64c7e9c0] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABXSURBVHgB7ZVBDgAQDARbH8cLPMFTi4SLU4N1aSdxk9msSEvk3CAicRxCMOWL45CgvJcgTbYWV01shFSbIdpv+gfoE3VZQcqjy2Fy9TRl5kyvEeTCcRYNqUkFlt80u/gAAAAASUVORK5CYII=) no-repeat
    center center;
  width: 1rem;
  height: 1rem;
  background-size: contain;
}
.search-card-btn-fav[data-v-64c7e9c0] {
  width: 22.83px;
  height: 21.8px;
}
.fav-card__subtitle[data-v-64c7e9c0] {
  color: var(--color-text-default-secondary);
  font-size: 12px;
	letter-spacing: 0.2px;
}
.icon-search-favcard[data-v-64c7e9c0] {
  width: 34px;
  height: 34px;
}
@media(max-width: 768px) { /* for test */
.fav-flag-text[data-v-64c7e9c0] {
    font-size: 14px;
}
.fav-card__subtitle[data-v-64c7e9c0] {
    font-size: 13px;
    color: var(--color-text-default-secondary);
}
.fav-card__match-container[data-v-64c7e9c0] {
    background-color: var(--color-background-default-tertiary);
    height: auto;
    padding: 16px;
    border: 0;
    margin: 0 8px;
}
.fav-card__match-container[data-v-64c7e9c0]:hover {
    /* background-color: var(--color-theme); */
}
.btn-fav-wrapper__search[data-v-64c7e9c0] {
    width: unset;
}
.fav-icon[data-v-64c7e9c0] {
    width: 24px;
}
}


.icon-search-favcard {
  width: 34px;
  height: 34px;
}
@media(max-width: 768px)  {
.icon-search-favcard {
  width: 48px !important;
  height: 48px !important;
}
}


.fav-modal[data-v-bbdbfc3c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(32, 32, 32, 0.75);
    z-index: 10;
}
.fav-modal__wrapper[data-v-bbdbfc3c] {
    background: var(--color-background-default-secondary);
    border-radius: 24px;
    width: 50rem;
    height: 31.5rem;
    padding: 2rem 0 4rem 0;
}
.fav-modal__inner-wrapper[data-v-bbdbfc3c] {
    width: calc(100% - 48px);
    margin: 0 24px;
    overflow: hidden;
    padding-right: 0.5rem;
}
.fav-modal__wrapper-list[data-v-bbdbfc3c] {
    width: 100%;
    max-height: 26rem;
    overflow-y: auto;
}
.search-wrapper[data-v-bbdbfc3c] {
    width: 100%;
    background-color: var(--color-background-default-secondary);
    border: 1px solid var(--color-border-default-default);
    border-radius: 1rem;
    padding: 0.5rem 1rem;
    margin: 1rem 0 1rem 0;
}
.search-icon[data-v-bbdbfc3c] {
    margin-right: 8px;
}
.search-clear[data-v-bbdbfc3c] {
    width: 1.25rem;
    height: 1.25rem;
    background: #212b30;
    border-radius: 50%;
    cursor: pointer;
}
.fav-modal__subtitle[data-v-bbdbfc3c] {
    font-size: 16px;
    line-height: 1.25rem;
    margin: 1rem 0 0.625rem 0;
    font-family: var(--weight-600);
    color: var(--color-text-default-secondary);
    padding: 8px;
    border-radius: 8px;
    box-sizing: border-box;
}
.subtitle-countryOnly[data-v-bbdbfc3c]:hover {
    background-color: var(--color-background-default-secondary-hover);
}
/* .fav-modal__wrapper-list > div > div:first-child .fav-modal__subtitle {
  margin: .5rem 0 0.625rem 0;
} */
.fav-modal__modal-card-wrapper[data-v-bbdbfc3c] {
    gap: 0.5rem;
}
.fav-modal__close-wrapper[data-v-bbdbfc3c] {
    width: 94%;
    margin: 0 auto;
}
.fav-modal__close[data-v-bbdbfc3c] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMoSURBVHgB7dxPUhNBFMfx1xMoMHEx/AnlEnfuxBvgDbgBeARPABzDlXgC9QTEnUvduWSJBqixSkKqINPmZ1U2VGJmknndr6t+nx3MUBXel0zCdFdEiIiIiIiIiIiIiIiIiIiISIUTJflYa3X9wPtyF1+XkvWKq8ueGIbHnK2uHYr3G/i6fMjOiuLyQhSpBMjzZ7vZankuXnYfHTq5ufp1Kgbl3e5e5uV8PJJ88j3n/Jvrfv9MFGWioNUaHU8ZPpxsbu8cizHThh+KSgDv3NF/DpuKEHP40HgAXH4qnGYiQuzhQ+MB8KLlvS8qnBo1goXhg9IlyFd9oY0SwcrwoSUKhoPB13an/Xz8C+5VOH3/Sbsjd4PbLxJAneE7J5/vBoNvokglAIwf+CdrEWr95Tu5KO9bp8PhnyqX04WpBQBLEeoPP3ut/U8YqAYACxGsDh/UA0DMCJaHD0ECQIwI1ocPwQJAyAgpDB+CBoAQEVIZPgQPAJoRUho+RAkAGhFSGz5ECwBNRkhx+BA1ADQRIdXhQ/QAsEyElIcPJgLAIhHWOu3fKQ8f1BblF7XV7Z557w6rnY11h3SHD2aeARP1ngluff4pdocP5gJAzcvRbMaHDyYDwNIREhg+mA0AC0dIZPhg7kV4mo3tnY/jB3pQ8fSifMhepTB8UFmUbxLe5zvx+3V+JFspK76Lis/0JWiJ3QtBF/qXYTZAA1tHkohgMkCD+3bMRzAXQGHTlOkIpgLUvbHmRXrjd0cvZD6zEcwEWOiu5s3Pd1Z34FVlIsAyt5Qt7sCrI3qAJu7npxwhaoAmF1NSjRAtgMZKVooRogTQXEZMLULwACHWcFOKEDRAyAX0VCIECxBj90IKEYIEiLl1xHoE9QAW9u1YjqAawNKmKasR1AJY3LFWN0L7aef73e3tD1GksiT578M6jO5Yu+73j5zzHyqd7H1Tt8Rn0vmwjpXRe4vDn6gVQZnCZ0XkuRe3P/fEyFtHrERQeAasJ7NX00KEFWkYhrq13e3NOl6KK/x99tbKvh1E2NzqFs7Jy8fHRt5fCBERERERERERERERERERERERUU1/AUtAswynhhltAAAAAElFTkSuQmCC)
        no-repeat center center;
    background-size: 100%;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
}
.fav-modal__wrapper-list[data-v-bbdbfc3c]::-webkit-scrollbar {
    width: 0.5rem;
    position: absolute;
}
.fav-modal__wrapper-list[data-v-bbdbfc3c]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
.fav-modal__wrapper-list[data-v-bbdbfc3c]::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 4px;
}
.fav-modal__wrapper-list.scrollbar-show[data-v-bbdbfc3c] {
    padding-right: 0.25rem;
    width: calc(100% + 0.25rem);
}
.fav-model__back[data-v-bbdbfc3c] {
    margin-right: 0.9rem;
    display: flex;
    align-items: center;
}
.tab-list[data-v-bbdbfc3c] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 8px;
}
.tab-item[data-v-bbdbfc3c] {
    padding: 8px 24px;
    font-family: var(--weight-600);
    font-size: 16px;
    border-radius: 24px;
    border: 1px solid var(--color-border-default-default);
    color: var(--color-text-default-default);
    cursor: pointer;
    letter-spacing: 0.64px;
}
.tab-item.selected[data-v-bbdbfc3c] {
    background-color: var(--color-background-brand-default);
    color: var(--color-button-active);
}
.loading-box[data-v-bbdbfc3c] {
    width: 100%;
    height: 400px;
    /* background: red; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.fav-modal__subtitle.subtitle-countryOnly[data-v-bbdbfc3c]:hover {
    background-color: transparent;
}
@media(max-width: 768px) {
    /* for test */
.fav-modal__wrapper[data-v-bbdbfc3c] {
        width: 100%;
        height: 100%;
        padding: unset;
        border-radius: 0;
}
.fav-modal__inner-wrapper[data-v-bbdbfc3c] {
        width: 100%;
        margin: 0;
        padding: unset;
}
.fav-modal__wrapper-list[data-v-bbdbfc3c] {
        max-height: 100vh;
        min-height: calc(100vh - 45.59px - 69px);
        background-color: var(--color-background-default-default);
        padding: 16px 8px;
        box-sizing: border-box;
        padding-bottom: 120px;
}
.fav-modal__wrapper-list[data-v-bbdbfc3c]::-webkit-scrollbar {
        width: 0;
}
.fav-modal__close[data-v-bbdbfc3c] {
        width: 1.5rem;
        height: 1.5rem;
        position: absolute;
        left: 1rem;
}
.fav-modal__close-wrapper[data-v-bbdbfc3c] {
        width: unset;
        padding: 0.5rem 1rem;
        position: relative;
}
.search-wrapper[data-v-bbdbfc3c] {
        height: 3rem;
        margin: 0.5rem auto;
        padding: 0.5rem 8px;
        border: 0;
        margin-bottom: 20px;
}
.fav-modal__subtitle[data-v-bbdbfc3c] {
        margin: 1rem 0;
        color: var(--color-text-default-default);
}
.fav-modal__close-title[data-v-bbdbfc3c] {
        font-size: 0.875rem;
        line-height: 1.25rem;
}
.fav-modal__btn-wrapper[data-v-bbdbfc3c] {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5rem;
        background: #000;
}
.fav-modal__btn[data-v-bbdbfc3c] {
        background: #01c3f7;
        border-radius: 4px;
        padding: 0.625rem 0.75rem;
        border: none;
        font-family: var(--weight-700);
        width: 90%;
        color: black !important;
}
.has-btn[data-v-bbdbfc3c] {
        padding-bottom: 12rem;
}
.tab-list[data-v-bbdbfc3c] {
        gap: 4px;
        justify-content: center;
}
.tab-item[data-v-bbdbfc3c] {
        font-size: 13px;
        padding: 8px 16px;
}
.search-icon[data-v-bbdbfc3c] {
        margin-right: 10px;
}
.close-text[data-v-bbdbfc3c] {
        font-size: 16px;
        margin-right: 8px;
        font-family: var(--weight-700);
        color: var(--color-text-default-default);
        letter-spacing: 0.64px;
}
.fav-modal__wrapper-list > div > div .fav-modal__subtitle[data-v-bbdbfc3c] {
        margin: 0 0 16px 0;
}
.fav-modal__modal-card-wrapper[data-v-bbdbfc3c] {
        gap: 4px;
}
.fav-filter-container-box[data-v-bbdbfc3c] {
        border-radius: 16px;
        margin-bottom: 16px;
        padding: 8px 0 16px;
        background-color: var(--color-background-default-secondary);
}
}


.fav-card__wrapper[data-v-38f3110a] {
  width: 100%;
  gap: 0.5rem;
}
.fav-card__match-container[data-v-38f3110a]:hover {
  background-color: var(--bg-hover);
}
.fav-card__match-container[data-v-38f3110a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-theme);
  border-radius: 0.5rem;
  width: inherit;
  box-sizing: border-box;
  padding: 0rem 0 0rem 0.625rem;
  border-left: 0.4rem solid transparent;
  height: 3.125rem;
}
.fav-card__detail[data-v-38f3110a] {
  align-items: center;
  gap: 0.6875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.fav-card__team div[data-v-38f3110a]:nth-child(1) {
  font-family: var(--weight-700);
}
.fav-card__team div[data-v-38f3110a]:nth-child(2) {
  font-size: 0.625rem;
  line-height: 1rem;
  color: #93a9b4;
}
.fav-flag[data-v-38f3110a] {
  width: 1.25rem;
  height: 1.25rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.fav-flag img[data-v-38f3110a] {
  width: 100%;
  height: 100%;
}
.fav-star[data-v-38f3110a] {
  width: 1.25rem;
  height: 1.25rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE3SURBVHgB7VXRUcMwDJU5BigbmA0yQkZgg2YD2KBhg2yQbtARwgYdoWyQMIGQmudDcNixA/1q351Odv2UJ6lyQnS1YOZarSTmnsqxFfsQe6NLQCrwPGMU2+TG3VEZnuFV4CU3yFEBJPuTuAlb75x7oP+ECDRolfoW6zon1iUeqi1R8/A79ZL9I860qnexV5qr0/Uk5xMtZLvTlnAcveF2Cd5JbJsSag25Q3uexCo7UboOdwac3sS1tAQjpBn5DL7nrw5kTx0h+xHBVYJXgzdy4Zvgtwx95Dy74pTQQbOMnG1QQU9/AR4ymP35jzb7gedLulqgCtOC1gxmgnr81sXamSsSbvkBFYWx3mM9GuGG1oC/z/5gp+zHUJzFaQ0k8IhsmwSngdiRVgiEfi9+N8Ddc8E35oYoPgEY0eCDvRWzAgAAAABJRU5ErkJggg==)
    no-repeat center center;
  background-size: contain;
}
.fav-star.selected[data-v-38f3110a] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGESURBVHgB7VVRTsJAEH2zhYQaP+oNOAJ8G5TeQE+ANxBPIBzBE4gn8AglIPETPAG9gf1QSqTtuAtKW6BlG/jkJU0muzNvdufNbIETjonS0G9CfUViijhHhBYxqgz0dWNI1xHvfpUCTJXJQeUCNnk6YQKaECEe13Zp1taO03WUZWnGtnEPhy2dOK0ExsC/k6zVRDpLlOWaBrZFHrNVmc+tIJBi/pFGQpaH027MoiUGMymi4RJFHgnDW5yVXdTT2sQiy1MS4RlHAIPaaFSelB2X6MrsyUN2cSAYUfefXGG7TQffN0Qkb0JaIiaoPRb0gEuzl1zdPQejrxqx8ZoWNgcElxfhLezzyfZWFhw5WGU4e5MsyWHDNt1d29ltqgKYJtiHiD+yyPMTrKKb2AcS13nb2QlGPzU9oeVEy3eqcAIjDGsbRJ5q41Urc2qYjCh+RrQTsEDy6n0OqI6G2VGfsomjl7Uv55dpJ2g4H9ObP839wajplz5Lv0JwPi1J3NF9MQv5nrCJX9AmklW5VbetAAAAAElFTkSuQmCC)
    no-repeat center center;
}
.live-selected[data-v-38f3110a] {
  border-left: 0.5rem solid var(--color-icon-primary-active);
}
.btn-arrow-right[data-v-38f3110a] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABXSURBVHgB7ZVBDgAQDARbH8cLPMFTi4SLU4N1aSdxk9msSEvk3CAicRxCMOWL45CgvJcgTbYWV01shFSbIdpv+gfoE3VZQcqjy2Fy9TRl5kyvEeTCcRYNqUkFlt80u/gAAAAASUVORK5CYII=) no-repeat
    center center;
  width: 1rem;
  height: 1rem;
  background-size: contain;
}
@media(max-width: 768px) { /* for test */
.fav-card__match-container[data-v-38f3110a]:hover {
    background-color: var(--color-theme);
}
}


.fav-modal[data-v-28fec25d] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(32, 32, 32, 0.75);
  z-index: 10;
}
.fav-modal__wrapper[data-v-28fec25d] {
  background: #000000;
  border-radius: 8px;
  width: 50rem;
  height: 31.5rem;
  padding: 1.5rem 0 4rem 0;
}
.fav-modal__inner-wrapper[data-v-28fec25d] {
  width: 75%;
  margin: 0 auto;
  overflow: hidden;
  padding-right: 0.5rem;
}
.fav-modal__wrapper-list[data-v-28fec25d] {
  width: 100%;
  max-height: 26rem;
  overflow-y: auto;
}
.search-wrapper[data-v-28fec25d] {
  width: 100%;
  background: #35454d;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  margin: 1.5rem 0 1rem 0;
}
.search-clear[data-v-28fec25d] {
  width: 1.25rem;
  height: 1.25rem;
  background: #212b30;
  border-radius: 50%;
  cursor: pointer;
}
.fav-modal__subtitle[data-v-28fec25d] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0.5rem 0 0.625rem 0;
}
.fav-modal__modal-card-wrapper[data-v-28fec25d] {
  gap: 0.5rem;
}
.fav-modal__close-wrapper[data-v-28fec25d] {
  width: 94%;
  margin: 0 auto;
}
.fav-modal__close[data-v-28fec25d] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB2SURBVHgBldJhDoAgCAVg6GTdDDyZRyNbYs4hvd6vEL6cTqIWMzsJzJhtH2JPBEBj9mg193XNcO9pL9kX1d5IstMdXZshTtEOQ2iDMTThOqGKIgl2lD9I7eO2Q0TxmQVCKTbwylc8P7nCzFvYe8VL/9tJYHz2AvnnO2S4TZeFAAAAAElFTkSuQmCC)
    no-repeat center center;
  background-size: 50%;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
}
.fav-modal__wrapper-list[data-v-28fec25d]::-webkit-scrollbar {
  width: 0.5rem;
  position: absolute;
}
.fav-modal__wrapper-list[data-v-28fec25d]::-webkit-scrollbar-thumb {
  background: #4b616c;
  border-radius: 4px;
}
.fav-modal__wrapper-list[data-v-28fec25d]::-webkit-scrollbar-track {
  background: #212b30;
  border-radius: 4px;
}
.fav-modal__wrapper-list.scrollbar-show[data-v-28fec25d] {
  padding-right: 0.25rem;
  width: calc(100% + 0.25rem);
}
.fav-model__back[data-v-28fec25d]{
	margin-right: .9rem;
	display: flex;
	align-items: center;
}
@media(max-width: 768px) { /* for test */
.fav-modal__wrapper[data-v-28fec25d] {
    width: 100%;
    height: 100%;
    padding: unset;
}
.fav-modal__inner-wrapper[data-v-28fec25d] {
    width: 90%;
    padding: unset;
}
.fav-modal__wrapper-list[data-v-28fec25d] {
    max-height: calc(100vh - 8rem);
}
.fav-modal__wrapper-list[data-v-28fec25d]::-webkit-scrollbar {
    width: 0;
}
.fav-modal__close[data-v-28fec25d] {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 1rem;
}
.fav-modal__close-wrapper[data-v-28fec25d] {
    width: unset;
    padding: 0.5rem 1rem;
    position: relative;
}
.search-wrapper[data-v-28fec25d] {
    height: 3rem;
    margin: 0.5rem auto;
}
.fav-modal__subtitle[data-v-28fec25d] {
    margin: 1rem 0;
}
.fav-modal__close-title[data-v-28fec25d] {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.fav-modal__btn-wrapper[data-v-28fec25d] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    background: #000;
}
.fav-modal__btn[data-v-28fec25d] {
    background: #01c3f7;
    border-radius: 4px;
    padding: 0.625rem 0.75rem;
    border: none;
    font-family: var(--weight-700);
    width: 90%;
	color: black !important;
}
.has-btn[data-v-28fec25d] {
    padding-bottom: 12rem;
}
}


.fav-login-tips__wrapper{
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 10;
}
.fav-login-tips__wrapper.top{
    flex-direction: column;
}
.fav-login-tips__container{
    background-color: var(--color-background-default-secondary);
    color: var(--color-text-default-default);
    padding: 24px 32px;
    width: 400px;
    box-sizing: border-box;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    z-index: 10;
    /* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16); */
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 16px rgba(0, 0, 0, 0.16);
    animation: Popup .2s;
    transform-origin: 50% 0%;
    position: relative;
}
.fav-login-tips__container:after {
    content: '';
    width: 35px;
    height: 2px;
    background: var(--color-background-default-secondary);
    position: absolute;
    top:0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    display: block;
}
@keyframes Popup {
from {
        transform: scale(0);
}
to {
        transform: scale(1);
}
}
.fav-login-tips__arrow{
    position: relative;
    top: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 39px;
    height: 33px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 16px rgba(0, 0, 0, 0.16);
    background: var(--color-background-default-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    z-index: 100;
    transform-origin: 100% 100%;
}
.fav-login-tips__arrow svg{
    transform: rotate(150deg);
}
.fav-login-tips__arrow path{
    fill: var(--color-background-default-secondary);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.16));
}
/* .fav-login-tips__wrapper.top .fav-login-tips__arrow{
    position: relative;
    bottom: -5px;
    left: 0;
} */
.fav-login-tips__wrapper.top .fav-login-tips__arrow svg{
    transform: rotate(0);
}
.fav-login-tips__footer{
    /* display: flex; */
}
.fav-login-tips__footer .nav-pill {
    display: block;
    padding: 12px;
    margin-bottom: 8px;
    border-radius: 8px;
    font-size: 16px;
    border: 1px solid transparent;
	letter-spacing: 0.64px;
}
.fav-login-tips__footer .nav-pill.selected:hover {
   background-color: var(--bg-selected) !important;
   color: var(--color-button-active) !important;
}
.fav-login-tips__footer .nav-pill:hover {
   background-color: var(--color-background-default-secondary) !important;
   color: var(--color-background-success-default) !important;
   border: 1px solid transparent;
}
.fav-login-tips__footer .nav-pill:last-child {
    margin-bottom: 0;
}
.fav-login-tips__title {
    color: var(--color-text-default-default);
    font-size: var(--typography-heading-size-extra-small);
    padding-bottom: 24px;
    font-family: var(--weight-600);
    width: 100%;
}
.fav-login-tips__text{
    margin-bottom: 32px;
    font-size: 16px;
	letter-spacing: 0.64px;
}
.fav-tips-box {
    transform: translateY(10px);
}
.fav-login-tips__arrow:after {
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translate3d(-50%, 0 ,0);
    width: 36px;
    height: 5px;
    background-color: var(--color-background-default-secondary);
    display: block;
    content: "";
}
.left .fav-login-tips__arrow {
    top: calc(262.57px / 2);
    left: 0;
}
.left .fav-login-tips__arrow:after {
    
    top: 0px;
    left: 30px;
    transform: translate3d(-50%, 0, 0);
    width: 20px;
    height: 36px;
}
.left .fav-tips-box {
    left: 20px;
}


.py20[data-v-61dd7a3d] {
    padding: 20px 0;
}
.py7[data-v-61dd7a3d] {
    padding: 7px 0;
}
.home-nav__match-wrapper[data-v-61dd7a3d] {
    padding-top: 0;
    padding-bottom: 0;
}
@media(max-width: 1200px) {
.home-nav__match-wrapper .container[data-v-61dd7a3d] {
        margin: 0;
}
}
.language-wrapper[data-v-61dd7a3d] {
    position: relative;
    z-index: 4;
    flex: 1;
}
.langauge-selection__wrapper[data-v-61dd7a3d] {
    width: 3.5rem;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}
/* PHASE 2 */
.langauge-selection[data-v-61dd7a3d],
.mobile-default-avatar-wrapper[data-v-61dd7a3d] {
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    padding: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-grey-60);
    cursor: pointer;
    display: none;
}
.langauge-selection[data-v-61dd7a3d]:hover,
.mobile-default-avatar-wrapper[data-v-61dd7a3d]:hover {
    background-color: var(--color-grey-40);
}
.language-list__wrapper[data-v-61dd7a3d] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.413rem; /*0.1rem;*/
    min-width: 12rem;
    background-color: var(--color-background-default-secondary);
    padding: 0.5rem 0.3rem; /*0.5rem 0.3rem*/
    border-radius: 0.5rem;
    transform: scale(0);
    transform-origin: 11.5rem 0%;
    transition: all 0.3s;
    border: 1px solid var(--color-border-default-default);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 0 4px 0 rgba(0, 0, 0, 0.25),
        0 0 24px 0 rgba(0, 0, 0, 0.16);
}
.language-list__wrapper.selected[data-v-61dd7a3d] {
    /* transform-origin: 11.5rem 0%; */
    transform: scale(1);
}
.language-list__container[data-v-61dd7a3d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.5rem; /*0.3rem 0.5rem*/
    margin-bottom: 0.375rem;
    cursor: pointer;
    transition: all 0.3s;
    height: 40px;
}
.language-list__container[data-v-61dd7a3d]:last-child {
    margin-bottom: 0;
}
.language-list__container[data-v-61dd7a3d]:hover {
    background-color: var(--color-background-default-default-hover);
    border-radius: 0.4rem;
}
.language-list__container.selected[data-v-61dd7a3d] {
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 0.4rem;
    color: var(--color-text-default-default);
}
.language-list__name[data-v-61dd7a3d] {
    display: flex;
    align-items: center;
    font-size: 0.88rem;
    color: var(--color-text-default-default);
}
.language-list__container.selected .language-list__name[data-v-61dd7a3d] {
    color: var(--color-text-default-default);
}
.language-list__name-icon[data-v-61dd7a3d] {
    -o-object-fit: contain;
       object-fit: contain;
    margin-right: 0.7rem;
    width: 1.5rem;
    height: 1.5rem;
}
.language-list__tick[data-v-61dd7a3d] {
    width: 1rem;
    height: 1rem;
}
.language-list__tick.selected[data-v-61dd7a3d] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABwSURBVHgB1dHhCYAgFATgFzRAIzRCm+UGtlkjNEIjNMJ1kpA8gvL81cGhP/RDnmYNATCwc9r3JiYhXFZ24r4zJfklG67s7Gi1+RnyJn9F0tQPNspIPhhwJ0pIcWHxGNTBegwtv+MwDXnAdKTAQi1yAofIEJNBA3qpAAAAAElFTkSuQmCC)
        center/cover no-repeat;
}
.language-list__tick img[data-v-61dd7a3d] {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
}
.mobile-default-avatar-wrapper .mobile-default-avatar[data-v-61dd7a3d] {
    background-color: #000000;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-right__wrapper[data-v-61dd7a3d] {
    gap: 1.375rem;
    /* padding-right: 1rem; */
}
/* notification */
.header-notification-icon__wrapper[data-v-61dd7a3d] {
    margin-right: 1rem;
    position: relative;
}
.header-notification__wrapper[data-v-61dd7a3d] {
    position: absolute;
    right: -4rem;
    min-width: 12rem;
    background-color: var(--color-grey-20);
    border-radius: 0.5rem;
    transform: scale(0);
    transform-origin: 18.5rem 0%;
    transition: all 0.3s;
    top: 2.5rem;
    z-index: 1;
    width: 371px;
    height: 472px;
    cursor: auto;
    overflow-y: hidden;
    overflow-x: hidden;
    box-sizing: border-box;
    box-shadow: 1px 1px 4px 2px #12181b;
    padding: 0.15rem 0;
}
.header-notification__container[data-v-61dd7a3d] {
    overflow-y: auto;
    height: inherit;
}
.header-notification__wrapper.selected[data-v-61dd7a3d] {
    transform: scale(1);
}
.header-notification__header[data-v-61dd7a3d] {
    display: flex;
    justify-content: flex-end;
    padding-right: 1rem;
    padding-top: 0.85rem;
}
.header-notification__header-right-text[data-v-61dd7a3d] {
    color: var(--bg-selected);
    font-size: 0.875rem;
}
.header-notification__icon[data-v-61dd7a3d] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD4SURBVHgB7ZTBrYJAEIb/f58FWAKvg1cCrwK1AjXRMxjj2Xg2BjxroiXYgZaiHXjX7DgQUaO7Bjn7JbAz8M/PssxCeIiTVR3WjvPEmEk66B5duprPAPbUFGGchTzbgw6pS2acT58uQi1uF7kQDZ1R4NLy+UI0WyQQxHCr0/mwP/AavC2+VXA9H/a6Lwb5tIktSkDBfzrq77L4vgaGEUoivK/PzUBEQpSFCF8MlDrKIhK4DCrxNbgaRLPlCh9S1DAPRDqogrZ1Tdsy0GiHKmgtffeyvfGYF73/jPeHohsr0eEvT8i9nn9dOu9X4M+5RX01PTY0tuXTXQAfwUiK6JRPUQAAAABJRU5ErkJggg==)
        center/contain no-repeat;
    width: 16px;
    height: 19.5px;
    cursor: pointer;
}
.header-notification__icon[data-v-61dd7a3d]:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD9SURBVHgB7ZPRDQFBFEXvG0T4UsLqQAEkVIAKUAEqEBXQASXogCDxqQU6kIgsYeaZwbLJzsjab+dj82b33juzM28ILrZcEKfLwJTqmh2iRgebLO3yp47nhiL0TC0y/l4BY5tOWFNXflWbW8GYmerY+J5NS5HE5XnExD2rmHisyvm+M+Cb+ROCqSrnOpEAs2wJzBEDBmqo5BaPSYOXEtRFTASJ9/6ENlFVERMOaUMBVEBcGJ4lIBn/gFeAWPoT/IhYPz1kzExoIwGmrdPa7Ol6gQSw7gdyfTR3Izy+vXo/ooMDCR7pRZaeU2Gnn0WbznkKfKMmHr/GM5ay6dLdAYLLUBmBXNlBAAAAAElFTkSuQmCC)
        center/contain no-repeat;
}
.header-notification__icon-selected[data-v-61dd7a3d] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD9SURBVHgB7ZPRDQFBFEXvG0T4UsLqQAEkVIAKUAEqEBXQASXogCDxqQU6kIgsYeaZwbLJzsjab+dj82b33juzM28ILrZcEKfLwJTqmh2iRgebLO3yp47nhiL0TC0y/l4BY5tOWFNXflWbW8GYmerY+J5NS5HE5XnExD2rmHisyvm+M+Cb+ROCqSrnOpEAs2wJzBEDBmqo5BaPSYOXEtRFTASJ9/6ENlFVERMOaUMBVEBcGJ4lIBn/gFeAWPoT/IhYPz1kzExoIwGmrdPa7Ol6gQSw7gdyfTR3Izy+vXo/ooMDCR7pRZaeU2Gnn0WbznkKfKMmHr/GM5ay6dLdAYLLUBmBXNlBAAAAAElFTkSuQmCC)
        center/contain no-repeat;
}
.header-notification__icon-dot[data-v-61dd7a3d] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 3px solid black;
    position: absolute;
    background-color: #ff220c;
    bottom: -2px;
    right: -4px;
}
/* header language selection */
.header-language__list-caret[data-v-61dd7a3d] {
    margin-left: 0.5rem;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}
.header-language__list-caret.active[data-v-61dd7a3d] {
    transform: rotateX(180deg);
}
.search-icon-webapp[data-v-61dd7a3d] {
    width: 40px;
    height: 40px;
}
.lang-icon[data-v-61dd7a3d] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: var(--color-background-default-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.lang-icon[data-v-61dd7a3d]:hover {
    background-color: var(--color-background-default-secondary-hover);
}
@media(max-width: 768px) {
    /* for test */
.language-wrapper[data-v-61dd7a3d],
    .mobile-default-avatar-wrapper[data-v-61dd7a3d] {
        /* right: 1rem; */
}
.header-notification-icon__wrapper[data-v-61dd7a3d] {
        margin-right: 0;
}
.header-right__wrapper[data-v-61dd7a3d] {
        gap: 0.5rem;
}
.py20[data-v-61dd7a3d] {
        padding: 12px 0 8px;
}
}


.flex-shrink-0[data-v-61dd7a3d] {
    flex-shrink: 0;
}
.news-language__selection-wrapper[data-v-61dd7a3d] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    /* border: 1px solid  var(--color-border-default-default); */
    border-radius: 24px;
}
.news-language__selected-pill[data-v-61dd7a3d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* max-width: 7.3rem; */
    box-sizing: border-box;
    width: 100%;
    /* border: 1px solid var(--color-border-default-default); */
    border-radius: 24px;
    padding: 8px 16px 8px 24px;
    font-size: 16px;
    font-family: var(--weight-600);
    background-color: var(--color-background-default-secondary);
    color: var(--color-text-default-default);
    cursor: pointer;
}
.news-language__selected-pill .news-language__list-caret[data-v-61dd7a3d] {
    margin-left: 0.5rem;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}
.news-language__selected-pill .news-language__list-caret.active[data-v-61dd7a3d] {
    transform: rotateX(180deg);
}
.news-language-list__wrapper[data-v-61dd7a3d] {
    position: absolute;
    top: 100%;
    z-index: 2;
    background: var(--color-background-default-secondary);
    border-radius: 0.7rem;
    min-width: 12.5rem;
    transform: scale(0);
    transform-origin: 100% 0;
    transition: all 0.3s;
    padding: 0.5rem;
    border: 1px solid var(--color-border-default-default);
}
.news-language-list__wrapper.active[data-v-61dd7a3d] {
    transform: scale(1);
}
.news-language-list__container[data-v-61dd7a3d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    margin-bottom: 0.375rem;
    border-radius: 0.3rem;
    cursor: pointer;
    color: var(--color-text-default-default);
    font-size: 16px;
    font-family: var(--weight-600);
}
.news-language-list__container[data-v-61dd7a3d]:last-child {
    margin-bottom: 0;
}
.news-language-list__container[data-v-61dd7a3d]:hover,
.news-language-list__container.selected[data-v-61dd7a3d] {
    background: var(--color-background-default-tertiary-hover);
    /* color: var(--color-button-active) !important; */
}
.news-language-list__name[data-v-61dd7a3d] {
    font-size: 16px;
    font-family: var(--weight-600);
}
.news-language-list__tick[data-v-61dd7a3d] {
    width: 1rem;
    height: 1rem;
}
.news-language-list__tick.selected[data-v-61dd7a3d] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABwSURBVHgB1dHhCYAgFATgFzRAIzRCm+UGtlkjNEIjNMJ1kpA8gvL81cGhP/RDnmYNATCwc9r3JiYhXFZ24r4zJfklG67s7Gi1+RnyJn9F0tQPNspIPhhwJ0pIcWHxGNTBegwtv+MwDXnAdKTAQi1yAofIEJNBA3qpAAAAAElFTkSuQmCC)
        center/cover no-repeat;
    background-size: 12px 10px;
}
.logo-wrapper[data-v-61dd7a3d] {
    padding-right: 163px;
}
.profile-icon-wrapper[data-v-61dd7a3d] {
    padding-left: 0;
}
@media(max-width: 768px) {
    /* for test */
.profile-icon-wrapper[data-v-61dd7a3d] {
        padding-left: 0;
}
.logo-wrapper[data-v-61dd7a3d] {
        padding-right: 0;
}
}


.sticky-banner__wrapper {
    height: 5.625rem;
    bottom: 0;
    width: 37rem;
    box-sizing: border-box;
    position: sticky;
    overflow: hidden;
    z-index: 2;
}
.sticky-banner__img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.sticky-banner__layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: var(--bg-theme);
  opacity: 0.15;
  z-index: 2;
  pointer-events: none;
}
@media(max-width: 768px) { /* for test */
.sticky-banner__wrapper {	
		width: 320px;
		height: 50px;
		margin: 0 auto;
		bottom: 3.7rem;
}
.sticky-banner__move-top{
    bottom: 4.5rem
}
.sticky-banner__img {
    width: 100%;
	  height: 100%;
}
}


.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(50px);
}
.noti-toastr__wrapper{
    position: fixed;
    bottom: 5rem;
    overflow: hidden;
    max-height: 16.5rem;
    left: 2.65625rem;
    display: flex;
    flex-direction: column-reverse;
}
.noti-toastr__blur-top{
    background: linear-gradient(178deg,#040a1c,#6c6969a3,transparent);
    width: 100%;
    height: 3rem;
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.noti-toastr__card-container{
    transition: all .3s
}
.noti-toastr__card{
    background-color: white;
    border-radius: 0.5rem;
    color: black;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    min-height: 3rem;
}
.noti-toastr__card-icon{
    margin-right:1.125rem
}
.noti-toastr__card-content{
    width: 16.4375rem;
    margin-right:1.125rem
}
.noti-toastr__card-close{
    position: relative;
    top: -1rem;
    cursor: pointer;
}
.noti-toastr__card-content-title{
    font-size: 0.875rem;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0.1rem;
}
.noti-toastr__card-content-time{
    color: var(--bg-selected);
    font-family: var(--weight-700);
    font-size: 0.875rem
}


.toastr-wrapper[data-v-70436962]{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    min-height: 15rem;
    z-index: 11;
    pointer-events: none;
}
.toastr-container[data-v-70436962]{
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25), 0px 16px 16px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 4px 4px 0px rgba(0, 0, 0, 0.04), 0px 8px 8px 0px rgba(0, 0, 0, 0.04);
    padding: 16px;
    background-color:var(--color-background-default-tertiary);
    color: black;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    transform: translate(0, 10rem);
}
.toastr-wrapper.top[data-v-70436962]{
    bottom: unset;
    top: 0;
}
.toastr-wrapper.top .toastr-container[data-v-70436962]{
    transform: translate(0, -10rem)
}
.toastr-container.active[data-v-70436962] {
    transform: translate(0, 0) !important;
}
.toastr-icon[data-v-70436962]{
    margin-right: .8rem;
}
@media(max-width: 768px) { /* for test */
.toastr-container[data-v-70436962] {
        max-width: 66%;
}
}


.toastr-icon-with-bg__container[data-v-04d44633] {
  background-color: white;
  border-radius: 2rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}
.toastr-icon-with-bg__img[data-v-04d44633] {
  margin-right: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toastr-icon-with-bg__wrapper[data-v-04d44633] {
  display: flex;
  justify-content: center;
  position: fixed;
  width: 90%;
  margin: 0 5%;
  z-index: 11;
}
.toastr-icon-with-bg__text[data-v-04d44633] {
  color: black;
}
.toastr-icon-with-bg__wrapper.top[data-v-04d44633] {
  top: 3.5rem;
}
.toastr-icon-with-bg__wrapper.bottom[data-v-04d44633] {
  bottom: 5rem;
}


.toastr-fav__container{
    background-color: white;
    border-radius: 2rem;
    padding: .5rem;
    font-size: .875rem;
    display: flex;
    align-items: center;
}
.toastr-fav__img{
    margin-right: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.toastr-fav__wrapper{
    display: flex;
    justify-content: center;
    position: fixed;
    width: 90%;
    margin: 0 5%;
    z-index: 11;
}
.toastr-fav__text{
    color: black;
}
.toastr-fav__wrapper.top {
    top: 3.5rem;
}
.toastr-fav__wrapper.bottom {
    bottom: 5rem;
}


/* @import '../src/js/swipper.js'; */
#app {
    /* font-family: 'Open Sans', Arial, sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-text-default-default);
    height: 100%;
    min-width: 1200px;
}
@media(max-width: 768px) {
#app {
    min-width: unset;
}
}

.loading-box[data-v-0d1363a5] {
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--color-background-default-secondary);
}
.circle[data-v-0d1363a5] {
    width: 24px;
    height: 24px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 50%;
}
.circle-big[data-v-0d1363a5] {
    width: 36px;
    height: 36px;
}
.circle-small[data-v-0d1363a5] {
    width: 13.33px;
    height: 13.33px;
}
.circle-medium[data-v-0d1363a5] {
    width: 16px;
    height: 16px;
}
.circle-small-text[data-v-0d1363a5] {
    width: 11.375px;
    height: 11.375px;
}
.circle-squad[data-v-0d1363a5] {
    width: 58.88px;
    height: 58.88px;
    padding: 2.56px;
}
.pill[data-v-0d1363a5] {
    width: 44px;
    height: 14px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 20px;
}
.pill-column[data-v-0d1363a5] {
    width: 5px;
    height: 9.625px;
    border-radius: 13.75px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-red-card[data-v-0d1363a5] {
    width: 6px;
    height: 8px;
    border-radius: 1px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-score-card[data-v-0d1363a5] {
    width: 15px;
    height: 21px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-title[data-v-0d1363a5] {
    width: 64px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-long-title[data-v-0d1363a5] {
    width: 124px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-title[data-v-0d1363a5] {
    height: 21px;
}
.pill-text[data-v-0d1363a5] {
    height: 12.25px;
}
.pill-content[data-v-0d1363a5] {
    height: 14px;
}
.pill-tag[data-v-0d1363a5] {
    height: 9.625px;
}
.pill-small-text[data-v-0d1363a5] {
    height: 11.375px;
}
.pill-4[data-v-0d1363a5] {
    width: 4px;
    height: 11.38px;
}
.pill-9[data-v-0d1363a5] {
    width: 9px;
}
.pill-7[data-v-0d1363a5] {
    width: 7px;
}
.pill-6[data-v-0d1363a5] {
    width: 6px;
}
.pill-8[data-v-0d1363a5] {
    width: 8px;
}
.pill-18[data-v-0d1363a5] {
    width: 18px;
}
.pill-transfer-title[data-v-0d1363a5] {
    width: 108px;
    height: 20px;
}
.pill-transfer-date[data-v-0d1363a5] {
    width: 72px;
    height: 12.5px;
}
.pill-default-size[data-v-0d1363a5] {
    width: 20px;
    display: flex;
    justify-content: center;
}
.pill-line[data-v-0d1363a5] {
    height: 2px;
}
.rect[data-v-0d1363a5] {
    width: 100%;
    height: 184.02px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-small[data-v-0d1363a5] {
    width: 118px;
    height: 79px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-sugar[data-v-0d1363a5] {
    width: 21.56px;
    height: 21.56px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square[data-v-0d1363a5] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square-small[data-v-0d1363a5] {
    width: 32px;
    height: 32px;
}
.mt-11px[data-v-0d1363a5] {
    margin-top: 11px;
}
.mt-4px[data-v-0d1363a5] {
    margin-top: 4px;
}
.mb-0525px[data-v-0d1363a5] {
    margin-bottom: 5.25px;
}
.mr-5px[data-v-0d1363a5] {
    margin-right: 5px;
}
.mr-0922px[data-v-0d1363a5] {
    margin-right: 9.22px;
}
.mr-1550px[data-v-0d1363a5] {
    margin-right: 15.5px;
}
.mb-4px[data-v-0d1363a5] {
    margin-bottom: 4px;
}
.mb-5px[data-v-0d1363a5] {
    margin-bottom: 5px;
}
.mb-6px[data-v-0d1363a5] {
    margin-bottom: 6px;
}
.mb-12px[data-v-0d1363a5] {
    margin-bottom: 12px;
}
.mb-2163px[data-v-0d1363a5] {
    margin-bottom: 21.63px;
}
.mb-26px[data-v-0d1363a5] {
    margin-bottom: 26px;
}
.mb-30px[data-v-0d1363a5] {
    margin-bottom: 30px;
}
.mb-48px[data-v-0d1363a5] {
    margin-bottom: 48px;
}
.mx-8px[data-v-0d1363a5] {
    margin-right: 8px;
    margin-left: 8px;
}
.py-16px[data-v-0d1363a5] {
    padding-top: 16px;
    padding-bottom: 16px;
}
.pt-12px[data-v-0d1363a5] {
    padding-top: 12px;
}
.py-1850px[data-v-0d1363a5] {
    padding-bottom: 18.5px;
}
.px-0750px[data-v-0d1363a5] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.px-8px[data-v-0d1363a5] {
    padding-left: 8px;
    padding-right: 8px;
}
.pb-8px[data-v-0d1363a5] {
    padding-bottom: 8px;
}
.pb-16px[data-v-0d1363a5] {
    padding-bottom: 16px;
}
.py-1456px[data-v-0d1363a5] {
    padding-top: 14.56px;
    padding-bottom: 14.56px;
}
.px-40px[data-v-0d1363a5] {
    padding-left: 40px;
    padding-right: 40px;
}
.w-30[data-v-0d1363a5] {
    width: 30% !important;
}
.w-50[data-v-0d1363a5] {
    width: 50% !important;
}
.w-55[data-v-0d1363a5] {
    width: 55% !important;
}
.w-60[data-v-0d1363a5] {
    width: 60% !important;
}
.w-70[data-v-0d1363a5] {
    width: 70% !important;
}
.w-80[data-v-0d1363a5] {
    width: 80% !important;
}
.w-90[data-v-0d1363a5] {
    width: 90% !important;
}
.w-100[data-v-0d1363a5] {
    width: 100% !important;
}
.w-11px[data-v-0d1363a5] {
    width: 11px;
}
.w-15px[data-v-0d1363a5] {
    width: 15px;
}
.w-18px[data-v-0d1363a5] {
    width: 18px;
}
.w-26px[data-v-0d1363a5] {
    width: 26px;
}
.w-35px[data-v-0d1363a5] {
    width: 35px;
}
.w-36px[data-v-0d1363a5] {
    width: 36px;
}
.w-40px[data-v-0d1363a5] {
    width: 40px;
}
.w-43px[data-v-0d1363a5] {
    width: 43px;
}
.w-48px[data-v-0d1363a5] {
    width: 48px;
}
.w-50px[data-v-0d1363a5] {
    width: 50px;
}
.w-53px[data-v-0d1363a5] {
    width: 53px;
}
.w-56px[data-v-0d1363a5] {
    width: 56px;
}
.w-70px[data-v-0d1363a5] {
    width: 70px;
}
.w-87px[data-v-0d1363a5] {
    width: 87px;
}
.w-100px[data-v-0d1363a5] {
    width: 100px;
}
.w-114px[data-v-0d1363a5] {
    width: 114px;
}
.w-117px[data-v-0d1363a5] {
    width: 117px;
}
.w-130px[data-v-0d1363a5] {
    width: 130px;
}
.w-127px[data-v-0d1363a5] {
    width: 127px;
}
.w-138px[data-v-0d1363a5] {
    width: 138px;
}
.w-160px[data-v-0d1363a5] {
    width: 160px;
}
.w-59px[data-v-0d1363a5] {
    width: 59px;
}
.h-1225px[data-v-0d1363a5] {
    height: 12.25px;
}
.h-18px[data-v-0d1363a5] {
    height: 18px;
}
.h-24px[data-v-0d1363a5] {
    height: 24px;
}
.h-40px[data-v-0d1363a5] {
    height: 40px;
}
.h-1050px[data-v-0d1363a5] {
    height: 10.5px;
}
.h-256px[data-v-0d1363a5] {
    height:256px;
}
.h-158px[data-v-0d1363a5] {
    height: 158px;
}
.h-32px[data-v-0d1363a5] {
    height: 32px;
}
.h-34px[data-v-0d1363a5] {
    height: 34px;
}
.h-14px[data-v-0d1363a5] {
    height: 14px;
}
.h-48px[data-v-0d1363a5] {
    height: 48px;
}
.h-114px[data-v-0d1363a5] {
    height: 114px;
}
.h-327px[data-v-0d1363a5] {
    height: 327px;
}
.flex-shrink[data-v-0d1363a5] {
    flex-shrink: 0;
}
.gap-1rem[data-v-0d1363a5] {
    gap: 16px;
}
.gap-3px[data-v-0d1363a5] {
    gap: 3px;
}
.gap-4px[data-v-0d1363a5] {
    gap: 4px;
}
.gap-8px[data-v-0d1363a5] {
    gap: 8px;
}
.gap-27px[data-v-0d1363a5] {
    gap: 27px;
}
.gap-2750px[data-v-0d1363a5] {
    gap: 27.5px;
}
.gap-14px[data-v-0d1363a5] {
    gap: 14px;
}
.gap-12px[data-v-0d1363a5] {
    gap: 12px;
}
.flex-column-space-between[data-v-0d1363a5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.space-between[data-v-0d1363a5] {
    
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stretch[data-v-0d1363a5] {
    align-items: stretch;
}
.align-items-end[data-v-0d1363a5] {
    align-items: end;
}
.animation[data-v-0d1363a5] {
    
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-0d1363a5 2s infinite ease-in-out;
      /* background-color: var(--color-background-default-default-hover); */
}
.dark-mode .animation[data-v-0d1363a5] {
    /* background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    ); */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-0d1363a5 2s infinite ease-in-out;
    /* background-size: 200% 100%; */
}
@keyframes shimmer-0d1363a5 {
0% {
      background-position: 100% 0;
}
100% {
      background-position: -100% 0;
}
}
@keyframes pulse-0d1363a5 {
0% {
      background-color: var(--color-background-default-tertiary-hover);
}
50% {
      background-color: var(--color-background-default-default-hover);
}
100% {
        background-color: var(--color-background-default-tertiary-hover);
}
}
.standing-item[data-v-0d1363a5] {
    height: 32px;
}
.live-sideline[data-v-0d1363a5] {
    position: relative;
}
.live-sideline[data-v-0d1363a5]:after {
    content: "";
    display: block;
    width: 5px;
    height: 32px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid var(--color-background-default-tertiary-hover);
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-0d1363a5 2s infinite ease-in-out;
    position: absolute;
    top: 0;
    left: -17px;
}
.dark-mode .live-sideline[data-v-0d1363a5]:after {
    background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    );
    background-size: 200% 100%;
}
.loading-match-card[data-v-0d1363a5] {
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    padding: 16px 8px 4px 8px;
}
.loading-match-box[data-v-0d1363a5] {
    padding: 20px 22.5px 0 20px;
    background-color: var(--color-background-default-tertiary);
    border-radius: 8px;
    margin-bottom: 4px;
    height: 91.48px;
    box-sizing: border-box;
}
.loading-match-box[data-v-0d1363a5]:last-child {
    margin-bottom: 0;
}
.loading-match-card[data-v-0d1363a5]:last-child {
    margin-bottom: 0;
}
.match-card-box[data-v-0d1363a5] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 16px;
    background-color: transparent;
}
.match-card-box.league[data-v-0d1363a5] {
    padding-top: 0;
}
.squad-box[data-v-0d1363a5] {
    background-color: var(--color-background-default-secondary);
    margin: 16px 8px 8px 8px;
    border-radius: 8px;
}
.squad-box .loading-box[data-v-0d1363a5] {
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.squad-box .loading-item[data-v-0d1363a5] {
    border-bottom: 1px solid var(--color-background-default-tertiary-hover);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.squad-box .loading-item[data-v-0d1363a5]:last-child {
    border-bottom: 0;
}
.transfer-icon[data-v-0d1363a5] {
    width: 51.52px;
    height: 51.52px;
}
.transfer-center[data-v-0d1363a5] {
    width: 102px;
}
.dashline[data-v-0d1363a5] {
    margin: 16px 0;
    border: 1px solid var(--color-background-default-tertiary-hover);
}
.transfer-box .loading-item[data-v-0d1363a5] {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    border: 1px solid var(--color-border-default-default);
}
.child-33 > div[data-v-0d1363a5] {
    width: 33%;
}
.transfer-box .loading-box[data-v-0d1363a5] {
    background-color: transparent;
}
.radius-8px[data-v-0d1363a5] {
    border-radius: 8px;
}
.pa-16px[data-v-0d1363a5] {
    padding: 16px;
    box-sizing: border-box;
}
.line-bb-dot-cbdd[data-v-0d1363a5] {
    border-bottom: 1px dotted var(--color-border-default-default);
}
.line-b-solid-cbddh[data-v-0d1363a5] {
    border: 1px solid var(--color-background-default-default-hover);
}
.loading-box[data-v-0d217b26] {
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--color-background-default-secondary);
}
.circle[data-v-0d217b26] {
    width: 24px;
    height: 24px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 50%;
}
.circle-big[data-v-0d217b26] {
    width: 36px;
    height: 36px;
}
.circle-small[data-v-0d217b26] {
    width: 13.33px;
    height: 13.33px;
}
.circle-medium[data-v-0d217b26] {
    width: 16px;
    height: 16px;
}
.circle-small-text[data-v-0d217b26] {
    width: 11.375px;
    height: 11.375px;
}
.circle-squad[data-v-0d217b26] {
    width: 58.88px;
    height: 58.88px;
    padding: 2.56px;
}
.pill[data-v-0d217b26] {
    width: 44px;
    height: 14px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 20px;
}
.pill-column[data-v-0d217b26] {
    width: 5px;
    height: 9.625px;
    border-radius: 13.75px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-red-card[data-v-0d217b26] {
    width: 6px;
    height: 8px;
    border-radius: 1px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-score-card[data-v-0d217b26] {
    width: 15px;
    height: 21px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-title[data-v-0d217b26] {
    width: 64px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-long-title[data-v-0d217b26] {
    width: 124px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-title[data-v-0d217b26] {
    height: 21px;
}
.pill-text[data-v-0d217b26] {
    height: 12.25px;
}
.pill-content[data-v-0d217b26] {
    height: 14px;
}
.pill-tag[data-v-0d217b26] {
    height: 9.625px;
}
.pill-small-text[data-v-0d217b26] {
    height: 11.375px;
}
.pill-4[data-v-0d217b26] {
    width: 4px;
    height: 11.38px;
}
.pill-9[data-v-0d217b26] {
    width: 9px;
}
.pill-7[data-v-0d217b26] {
    width: 7px;
}
.pill-6[data-v-0d217b26] {
    width: 6px;
}
.pill-8[data-v-0d217b26] {
    width: 8px;
}
.pill-18[data-v-0d217b26] {
    width: 18px;
}
.pill-transfer-title[data-v-0d217b26] {
    width: 108px;
    height: 20px;
}
.pill-transfer-date[data-v-0d217b26] {
    width: 72px;
    height: 12.5px;
}
.pill-default-size[data-v-0d217b26] {
    width: 20px;
    display: flex;
    justify-content: center;
}
.pill-line[data-v-0d217b26] {
    height: 2px;
}
.rect[data-v-0d217b26] {
    width: 100%;
    height: 184.02px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-small[data-v-0d217b26] {
    width: 118px;
    height: 79px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-sugar[data-v-0d217b26] {
    width: 21.56px;
    height: 21.56px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square[data-v-0d217b26] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square-small[data-v-0d217b26] {
    width: 32px;
    height: 32px;
}
.mt-11px[data-v-0d217b26] {
    margin-top: 11px;
}
.mt-4px[data-v-0d217b26] {
    margin-top: 4px;
}
.mb-0525px[data-v-0d217b26] {
    margin-bottom: 5.25px;
}
.mr-5px[data-v-0d217b26] {
    margin-right: 5px;
}
.mr-0922px[data-v-0d217b26] {
    margin-right: 9.22px;
}
.mr-1550px[data-v-0d217b26] {
    margin-right: 15.5px;
}
.mb-4px[data-v-0d217b26] {
    margin-bottom: 4px;
}
.mb-5px[data-v-0d217b26] {
    margin-bottom: 5px;
}
.mb-6px[data-v-0d217b26] {
    margin-bottom: 6px;
}
.mb-12px[data-v-0d217b26] {
    margin-bottom: 12px;
}
.mb-2163px[data-v-0d217b26] {
    margin-bottom: 21.63px;
}
.mb-26px[data-v-0d217b26] {
    margin-bottom: 26px;
}
.mb-30px[data-v-0d217b26] {
    margin-bottom: 30px;
}
.mb-48px[data-v-0d217b26] {
    margin-bottom: 48px;
}
.mx-8px[data-v-0d217b26] {
    margin-right: 8px;
    margin-left: 8px;
}
.py-16px[data-v-0d217b26] {
    padding-top: 16px;
    padding-bottom: 16px;
}
.pt-12px[data-v-0d217b26] {
    padding-top: 12px;
}
.py-1850px[data-v-0d217b26] {
    padding-bottom: 18.5px;
}
.px-0750px[data-v-0d217b26] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.px-8px[data-v-0d217b26] {
    padding-left: 8px;
    padding-right: 8px;
}
.pb-8px[data-v-0d217b26] {
    padding-bottom: 8px;
}
.pb-16px[data-v-0d217b26] {
    padding-bottom: 16px;
}
.py-1456px[data-v-0d217b26] {
    padding-top: 14.56px;
    padding-bottom: 14.56px;
}
.px-40px[data-v-0d217b26] {
    padding-left: 40px;
    padding-right: 40px;
}
.w-30[data-v-0d217b26] {
    width: 30% !important;
}
.w-50[data-v-0d217b26] {
    width: 50% !important;
}
.w-55[data-v-0d217b26] {
    width: 55% !important;
}
.w-60[data-v-0d217b26] {
    width: 60% !important;
}
.w-70[data-v-0d217b26] {
    width: 70% !important;
}
.w-80[data-v-0d217b26] {
    width: 80% !important;
}
.w-90[data-v-0d217b26] {
    width: 90% !important;
}
.w-100[data-v-0d217b26] {
    width: 100% !important;
}
.w-11px[data-v-0d217b26] {
    width: 11px;
}
.w-15px[data-v-0d217b26] {
    width: 15px;
}
.w-18px[data-v-0d217b26] {
    width: 18px;
}
.w-26px[data-v-0d217b26] {
    width: 26px;
}
.w-35px[data-v-0d217b26] {
    width: 35px;
}
.w-36px[data-v-0d217b26] {
    width: 36px;
}
.w-40px[data-v-0d217b26] {
    width: 40px;
}
.w-43px[data-v-0d217b26] {
    width: 43px;
}
.w-48px[data-v-0d217b26] {
    width: 48px;
}
.w-50px[data-v-0d217b26] {
    width: 50px;
}
.w-53px[data-v-0d217b26] {
    width: 53px;
}
.w-56px[data-v-0d217b26] {
    width: 56px;
}
.w-70px[data-v-0d217b26] {
    width: 70px;
}
.w-87px[data-v-0d217b26] {
    width: 87px;
}
.w-100px[data-v-0d217b26] {
    width: 100px;
}
.w-114px[data-v-0d217b26] {
    width: 114px;
}
.w-117px[data-v-0d217b26] {
    width: 117px;
}
.w-130px[data-v-0d217b26] {
    width: 130px;
}
.w-127px[data-v-0d217b26] {
    width: 127px;
}
.w-138px[data-v-0d217b26] {
    width: 138px;
}
.w-160px[data-v-0d217b26] {
    width: 160px;
}
.w-59px[data-v-0d217b26] {
    width: 59px;
}
.h-1225px[data-v-0d217b26] {
    height: 12.25px;
}
.h-18px[data-v-0d217b26] {
    height: 18px;
}
.h-24px[data-v-0d217b26] {
    height: 24px;
}
.h-40px[data-v-0d217b26] {
    height: 40px;
}
.h-1050px[data-v-0d217b26] {
    height: 10.5px;
}
.h-256px[data-v-0d217b26] {
    height:256px;
}
.h-158px[data-v-0d217b26] {
    height: 158px;
}
.h-32px[data-v-0d217b26] {
    height: 32px;
}
.h-34px[data-v-0d217b26] {
    height: 34px;
}
.h-14px[data-v-0d217b26] {
    height: 14px;
}
.h-48px[data-v-0d217b26] {
    height: 48px;
}
.h-114px[data-v-0d217b26] {
    height: 114px;
}
.h-327px[data-v-0d217b26] {
    height: 327px;
}
.flex-shrink[data-v-0d217b26] {
    flex-shrink: 0;
}
.gap-1rem[data-v-0d217b26] {
    gap: 16px;
}
.gap-3px[data-v-0d217b26] {
    gap: 3px;
}
.gap-4px[data-v-0d217b26] {
    gap: 4px;
}
.gap-8px[data-v-0d217b26] {
    gap: 8px;
}
.gap-27px[data-v-0d217b26] {
    gap: 27px;
}
.gap-2750px[data-v-0d217b26] {
    gap: 27.5px;
}
.gap-14px[data-v-0d217b26] {
    gap: 14px;
}
.gap-12px[data-v-0d217b26] {
    gap: 12px;
}
.flex-column-space-between[data-v-0d217b26] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.space-between[data-v-0d217b26] {
    
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stretch[data-v-0d217b26] {
    align-items: stretch;
}
.align-items-end[data-v-0d217b26] {
    align-items: end;
}
.animation[data-v-0d217b26] {
    
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-0d217b26 2s infinite ease-in-out;
      /* background-color: var(--color-background-default-default-hover); */
}
.dark-mode .animation[data-v-0d217b26] {
    /* background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    ); */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-0d217b26 2s infinite ease-in-out;
    /* background-size: 200% 100%; */
}
@keyframes shimmer-0d217b26 {
0% {
      background-position: 100% 0;
}
100% {
      background-position: -100% 0;
}
}
@keyframes pulse-0d217b26 {
0% {
      background-color: var(--color-background-default-tertiary-hover);
}
50% {
      background-color: var(--color-background-default-default-hover);
}
100% {
        background-color: var(--color-background-default-tertiary-hover);
}
}
.standing-item[data-v-0d217b26] {
    height: 32px;
}
.live-sideline[data-v-0d217b26] {
    position: relative;
}
.live-sideline[data-v-0d217b26]:after {
    content: "";
    display: block;
    width: 5px;
    height: 32px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid var(--color-background-default-tertiary-hover);
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-0d217b26 2s infinite ease-in-out;
    position: absolute;
    top: 0;
    left: -17px;
}
.dark-mode .live-sideline[data-v-0d217b26]:after {
    background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    );
    background-size: 200% 100%;
}
.loading-match-card[data-v-0d217b26] {
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    padding: 16px 8px 4px 8px;
}
.loading-match-box[data-v-0d217b26] {
    padding: 20px 22.5px 0 20px;
    background-color: var(--color-background-default-tertiary);
    border-radius: 8px;
    margin-bottom: 4px;
    height: 91.48px;
    box-sizing: border-box;
}
.loading-match-box[data-v-0d217b26]:last-child {
    margin-bottom: 0;
}
.loading-match-card[data-v-0d217b26]:last-child {
    margin-bottom: 0;
}
.match-card-box[data-v-0d217b26] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 16px;
    background-color: transparent;
}
.match-card-box.league[data-v-0d217b26] {
    padding-top: 0;
}
.squad-box[data-v-0d217b26] {
    background-color: var(--color-background-default-secondary);
    margin: 16px 8px 8px 8px;
    border-radius: 8px;
}
.squad-box .loading-box[data-v-0d217b26] {
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.squad-box .loading-item[data-v-0d217b26] {
    border-bottom: 1px solid var(--color-background-default-tertiary-hover);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.squad-box .loading-item[data-v-0d217b26]:last-child {
    border-bottom: 0;
}
.transfer-icon[data-v-0d217b26] {
    width: 51.52px;
    height: 51.52px;
}
.transfer-center[data-v-0d217b26] {
    width: 102px;
}
.dashline[data-v-0d217b26] {
    margin: 16px 0;
    border: 1px solid var(--color-background-default-tertiary-hover);
}
.transfer-box .loading-item[data-v-0d217b26] {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    border: 1px solid var(--color-border-default-default);
}
.child-33 > div[data-v-0d217b26] {
    width: 33%;
}
.transfer-box .loading-box[data-v-0d217b26] {
    background-color: transparent;
}
.radius-8px[data-v-0d217b26] {
    border-radius: 8px;
}
.pa-16px[data-v-0d217b26] {
    padding: 16px;
    box-sizing: border-box;
}
.line-bb-dot-cbdd[data-v-0d217b26] {
    border-bottom: 1px dotted var(--color-border-default-default);
}
.line-b-solid-cbddh[data-v-0d217b26] {
    border: 1px solid var(--color-background-default-default-hover);
}
.loading-box[data-v-adddcfd4] {
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--color-background-default-secondary);
}
.circle[data-v-adddcfd4] {
    width: 24px;
    height: 24px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 50%;
}
.circle-big[data-v-adddcfd4] {
    width: 36px;
    height: 36px;
}
.circle-small[data-v-adddcfd4] {
    width: 13.33px;
    height: 13.33px;
}
.circle-medium[data-v-adddcfd4] {
    width: 16px;
    height: 16px;
}
.circle-small-text[data-v-adddcfd4] {
    width: 11.375px;
    height: 11.375px;
}
.circle-squad[data-v-adddcfd4] {
    width: 58.88px;
    height: 58.88px;
    padding: 2.56px;
}
.pill[data-v-adddcfd4] {
    width: 44px;
    height: 14px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 20px;
}
.pill-column[data-v-adddcfd4] {
    width: 5px;
    height: 9.625px;
    border-radius: 13.75px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-red-card[data-v-adddcfd4] {
    width: 6px;
    height: 8px;
    border-radius: 1px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-score-card[data-v-adddcfd4] {
    width: 15px;
    height: 21px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-title[data-v-adddcfd4] {
    width: 64px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-long-title[data-v-adddcfd4] {
    width: 124px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-title[data-v-adddcfd4] {
    height: 21px;
}
.pill-text[data-v-adddcfd4] {
    height: 12.25px;
}
.pill-content[data-v-adddcfd4] {
    height: 14px;
}
.pill-tag[data-v-adddcfd4] {
    height: 9.625px;
}
.pill-small-text[data-v-adddcfd4] {
    height: 11.375px;
}
.pill-4[data-v-adddcfd4] {
    width: 4px;
    height: 11.38px;
}
.pill-9[data-v-adddcfd4] {
    width: 9px;
}
.pill-7[data-v-adddcfd4] {
    width: 7px;
}
.pill-6[data-v-adddcfd4] {
    width: 6px;
}
.pill-8[data-v-adddcfd4] {
    width: 8px;
}
.pill-18[data-v-adddcfd4] {
    width: 18px;
}
.pill-transfer-title[data-v-adddcfd4] {
    width: 108px;
    height: 20px;
}
.pill-transfer-date[data-v-adddcfd4] {
    width: 72px;
    height: 12.5px;
}
.pill-default-size[data-v-adddcfd4] {
    width: 20px;
    display: flex;
    justify-content: center;
}
.pill-line[data-v-adddcfd4] {
    height: 2px;
}
.rect[data-v-adddcfd4] {
    width: 100%;
    height: 184.02px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-small[data-v-adddcfd4] {
    width: 118px;
    height: 79px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-sugar[data-v-adddcfd4] {
    width: 21.56px;
    height: 21.56px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square[data-v-adddcfd4] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square-small[data-v-adddcfd4] {
    width: 32px;
    height: 32px;
}
.mt-11px[data-v-adddcfd4] {
    margin-top: 11px;
}
.mt-4px[data-v-adddcfd4] {
    margin-top: 4px;
}
.mb-0525px[data-v-adddcfd4] {
    margin-bottom: 5.25px;
}
.mr-5px[data-v-adddcfd4] {
    margin-right: 5px;
}
.mr-0922px[data-v-adddcfd4] {
    margin-right: 9.22px;
}
.mr-1550px[data-v-adddcfd4] {
    margin-right: 15.5px;
}
.mb-4px[data-v-adddcfd4] {
    margin-bottom: 4px;
}
.mb-5px[data-v-adddcfd4] {
    margin-bottom: 5px;
}
.mb-6px[data-v-adddcfd4] {
    margin-bottom: 6px;
}
.mb-12px[data-v-adddcfd4] {
    margin-bottom: 12px;
}
.mb-2163px[data-v-adddcfd4] {
    margin-bottom: 21.63px;
}
.mb-26px[data-v-adddcfd4] {
    margin-bottom: 26px;
}
.mb-30px[data-v-adddcfd4] {
    margin-bottom: 30px;
}
.mb-48px[data-v-adddcfd4] {
    margin-bottom: 48px;
}
.mx-8px[data-v-adddcfd4] {
    margin-right: 8px;
    margin-left: 8px;
}
.py-16px[data-v-adddcfd4] {
    padding-top: 16px;
    padding-bottom: 16px;
}
.pt-12px[data-v-adddcfd4] {
    padding-top: 12px;
}
.py-1850px[data-v-adddcfd4] {
    padding-bottom: 18.5px;
}
.px-0750px[data-v-adddcfd4] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.px-8px[data-v-adddcfd4] {
    padding-left: 8px;
    padding-right: 8px;
}
.pb-8px[data-v-adddcfd4] {
    padding-bottom: 8px;
}
.pb-16px[data-v-adddcfd4] {
    padding-bottom: 16px;
}
.py-1456px[data-v-adddcfd4] {
    padding-top: 14.56px;
    padding-bottom: 14.56px;
}
.px-40px[data-v-adddcfd4] {
    padding-left: 40px;
    padding-right: 40px;
}
.w-30[data-v-adddcfd4] {
    width: 30% !important;
}
.w-50[data-v-adddcfd4] {
    width: 50% !important;
}
.w-55[data-v-adddcfd4] {
    width: 55% !important;
}
.w-60[data-v-adddcfd4] {
    width: 60% !important;
}
.w-70[data-v-adddcfd4] {
    width: 70% !important;
}
.w-80[data-v-adddcfd4] {
    width: 80% !important;
}
.w-90[data-v-adddcfd4] {
    width: 90% !important;
}
.w-100[data-v-adddcfd4] {
    width: 100% !important;
}
.w-11px[data-v-adddcfd4] {
    width: 11px;
}
.w-15px[data-v-adddcfd4] {
    width: 15px;
}
.w-18px[data-v-adddcfd4] {
    width: 18px;
}
.w-26px[data-v-adddcfd4] {
    width: 26px;
}
.w-35px[data-v-adddcfd4] {
    width: 35px;
}
.w-36px[data-v-adddcfd4] {
    width: 36px;
}
.w-40px[data-v-adddcfd4] {
    width: 40px;
}
.w-43px[data-v-adddcfd4] {
    width: 43px;
}
.w-48px[data-v-adddcfd4] {
    width: 48px;
}
.w-50px[data-v-adddcfd4] {
    width: 50px;
}
.w-53px[data-v-adddcfd4] {
    width: 53px;
}
.w-56px[data-v-adddcfd4] {
    width: 56px;
}
.w-70px[data-v-adddcfd4] {
    width: 70px;
}
.w-87px[data-v-adddcfd4] {
    width: 87px;
}
.w-100px[data-v-adddcfd4] {
    width: 100px;
}
.w-114px[data-v-adddcfd4] {
    width: 114px;
}
.w-117px[data-v-adddcfd4] {
    width: 117px;
}
.w-130px[data-v-adddcfd4] {
    width: 130px;
}
.w-127px[data-v-adddcfd4] {
    width: 127px;
}
.w-138px[data-v-adddcfd4] {
    width: 138px;
}
.w-160px[data-v-adddcfd4] {
    width: 160px;
}
.w-59px[data-v-adddcfd4] {
    width: 59px;
}
.h-1225px[data-v-adddcfd4] {
    height: 12.25px;
}
.h-18px[data-v-adddcfd4] {
    height: 18px;
}
.h-24px[data-v-adddcfd4] {
    height: 24px;
}
.h-40px[data-v-adddcfd4] {
    height: 40px;
}
.h-1050px[data-v-adddcfd4] {
    height: 10.5px;
}
.h-256px[data-v-adddcfd4] {
    height:256px;
}
.h-158px[data-v-adddcfd4] {
    height: 158px;
}
.h-32px[data-v-adddcfd4] {
    height: 32px;
}
.h-34px[data-v-adddcfd4] {
    height: 34px;
}
.h-14px[data-v-adddcfd4] {
    height: 14px;
}
.h-48px[data-v-adddcfd4] {
    height: 48px;
}
.h-114px[data-v-adddcfd4] {
    height: 114px;
}
.h-327px[data-v-adddcfd4] {
    height: 327px;
}
.flex-shrink[data-v-adddcfd4] {
    flex-shrink: 0;
}
.gap-1rem[data-v-adddcfd4] {
    gap: 16px;
}
.gap-3px[data-v-adddcfd4] {
    gap: 3px;
}
.gap-4px[data-v-adddcfd4] {
    gap: 4px;
}
.gap-8px[data-v-adddcfd4] {
    gap: 8px;
}
.gap-27px[data-v-adddcfd4] {
    gap: 27px;
}
.gap-2750px[data-v-adddcfd4] {
    gap: 27.5px;
}
.gap-14px[data-v-adddcfd4] {
    gap: 14px;
}
.gap-12px[data-v-adddcfd4] {
    gap: 12px;
}
.flex-column-space-between[data-v-adddcfd4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.space-between[data-v-adddcfd4] {
    
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stretch[data-v-adddcfd4] {
    align-items: stretch;
}
.align-items-end[data-v-adddcfd4] {
    align-items: end;
}
.animation[data-v-adddcfd4] {
    
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-adddcfd4 2s infinite ease-in-out;
      /* background-color: var(--color-background-default-default-hover); */
}
.dark-mode .animation[data-v-adddcfd4] {
    /* background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    ); */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-adddcfd4 2s infinite ease-in-out;
    /* background-size: 200% 100%; */
}
@keyframes shimmer-adddcfd4 {
0% {
      background-position: 100% 0;
}
100% {
      background-position: -100% 0;
}
}
@keyframes pulse-adddcfd4 {
0% {
      background-color: var(--color-background-default-tertiary-hover);
}
50% {
      background-color: var(--color-background-default-default-hover);
}
100% {
        background-color: var(--color-background-default-tertiary-hover);
}
}
.standing-item[data-v-adddcfd4] {
    height: 32px;
}
.live-sideline[data-v-adddcfd4] {
    position: relative;
}
.live-sideline[data-v-adddcfd4]:after {
    content: "";
    display: block;
    width: 5px;
    height: 32px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid var(--color-background-default-tertiary-hover);
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-adddcfd4 2s infinite ease-in-out;
    position: absolute;
    top: 0;
    left: -17px;
}
.dark-mode .live-sideline[data-v-adddcfd4]:after {
    background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    );
    background-size: 200% 100%;
}
.loading-match-card[data-v-adddcfd4] {
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    padding: 16px 8px 4px 8px;
}
.loading-match-box[data-v-adddcfd4] {
    padding: 20px 22.5px 0 20px;
    background-color: var(--color-background-default-tertiary);
    border-radius: 8px;
    margin-bottom: 4px;
    height: 91.48px;
    box-sizing: border-box;
}
.loading-match-box[data-v-adddcfd4]:last-child {
    margin-bottom: 0;
}
.loading-match-card[data-v-adddcfd4]:last-child {
    margin-bottom: 0;
}
.match-card-box[data-v-adddcfd4] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 16px;
    background-color: transparent;
}
.match-card-box.league[data-v-adddcfd4] {
    padding-top: 0;
}
.squad-box[data-v-adddcfd4] {
    background-color: var(--color-background-default-secondary);
    margin: 16px 8px 8px 8px;
    border-radius: 8px;
}
.squad-box .loading-box[data-v-adddcfd4] {
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.squad-box .loading-item[data-v-adddcfd4] {
    border-bottom: 1px solid var(--color-background-default-tertiary-hover);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.squad-box .loading-item[data-v-adddcfd4]:last-child {
    border-bottom: 0;
}
.transfer-icon[data-v-adddcfd4] {
    width: 51.52px;
    height: 51.52px;
}
.transfer-center[data-v-adddcfd4] {
    width: 102px;
}
.dashline[data-v-adddcfd4] {
    margin: 16px 0;
    border: 1px solid var(--color-background-default-tertiary-hover);
}
.transfer-box .loading-item[data-v-adddcfd4] {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    border: 1px solid var(--color-border-default-default);
}
.child-33 > div[data-v-adddcfd4] {
    width: 33%;
}
.transfer-box .loading-box[data-v-adddcfd4] {
    background-color: transparent;
}
.radius-8px[data-v-adddcfd4] {
    border-radius: 8px;
}
.pa-16px[data-v-adddcfd4] {
    padding: 16px;
    box-sizing: border-box;
}
.line-bb-dot-cbdd[data-v-adddcfd4] {
    border-bottom: 1px dotted var(--color-border-default-default);
}
.line-b-solid-cbddh[data-v-adddcfd4] {
    border: 1px solid var(--color-background-default-default-hover);
}
.loading-box[data-v-0eee058e] {
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--color-background-default-secondary);
}
.circle[data-v-0eee058e] {
    width: 24px;
    height: 24px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 50%;
}
.circle-big[data-v-0eee058e] {
    width: 36px;
    height: 36px;
}
.circle-small[data-v-0eee058e] {
    width: 13.33px;
    height: 13.33px;
}
.circle-medium[data-v-0eee058e] {
    width: 16px;
    height: 16px;
}
.circle-small-text[data-v-0eee058e] {
    width: 11.375px;
    height: 11.375px;
}
.circle-squad[data-v-0eee058e] {
    width: 58.88px;
    height: 58.88px;
    padding: 2.56px;
}
.pill[data-v-0eee058e] {
    width: 44px;
    height: 14px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 20px;
}
.pill-column[data-v-0eee058e] {
    width: 5px;
    height: 9.625px;
    border-radius: 13.75px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-red-card[data-v-0eee058e] {
    width: 6px;
    height: 8px;
    border-radius: 1px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-score-card[data-v-0eee058e] {
    width: 15px;
    height: 21px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-title[data-v-0eee058e] {
    width: 64px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-long-title[data-v-0eee058e] {
    width: 124px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-title[data-v-0eee058e] {
    height: 21px;
}
.pill-text[data-v-0eee058e] {
    height: 12.25px;
}
.pill-content[data-v-0eee058e] {
    height: 14px;
}
.pill-tag[data-v-0eee058e] {
    height: 9.625px;
}
.pill-small-text[data-v-0eee058e] {
    height: 11.375px;
}
.pill-4[data-v-0eee058e] {
    width: 4px;
    height: 11.38px;
}
.pill-9[data-v-0eee058e] {
    width: 9px;
}
.pill-7[data-v-0eee058e] {
    width: 7px;
}
.pill-6[data-v-0eee058e] {
    width: 6px;
}
.pill-8[data-v-0eee058e] {
    width: 8px;
}
.pill-18[data-v-0eee058e] {
    width: 18px;
}
.pill-transfer-title[data-v-0eee058e] {
    width: 108px;
    height: 20px;
}
.pill-transfer-date[data-v-0eee058e] {
    width: 72px;
    height: 12.5px;
}
.pill-default-size[data-v-0eee058e] {
    width: 20px;
    display: flex;
    justify-content: center;
}
.pill-line[data-v-0eee058e] {
    height: 2px;
}
.rect[data-v-0eee058e] {
    width: 100%;
    height: 184.02px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-small[data-v-0eee058e] {
    width: 118px;
    height: 79px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-sugar[data-v-0eee058e] {
    width: 21.56px;
    height: 21.56px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square[data-v-0eee058e] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square-small[data-v-0eee058e] {
    width: 32px;
    height: 32px;
}
.mt-11px[data-v-0eee058e] {
    margin-top: 11px;
}
.mt-4px[data-v-0eee058e] {
    margin-top: 4px;
}
.mb-0525px[data-v-0eee058e] {
    margin-bottom: 5.25px;
}
.mr-5px[data-v-0eee058e] {
    margin-right: 5px;
}
.mr-0922px[data-v-0eee058e] {
    margin-right: 9.22px;
}
.mr-1550px[data-v-0eee058e] {
    margin-right: 15.5px;
}
.mb-4px[data-v-0eee058e] {
    margin-bottom: 4px;
}
.mb-5px[data-v-0eee058e] {
    margin-bottom: 5px;
}
.mb-6px[data-v-0eee058e] {
    margin-bottom: 6px;
}
.mb-12px[data-v-0eee058e] {
    margin-bottom: 12px;
}
.mb-2163px[data-v-0eee058e] {
    margin-bottom: 21.63px;
}
.mb-26px[data-v-0eee058e] {
    margin-bottom: 26px;
}
.mb-30px[data-v-0eee058e] {
    margin-bottom: 30px;
}
.mb-48px[data-v-0eee058e] {
    margin-bottom: 48px;
}
.mx-8px[data-v-0eee058e] {
    margin-right: 8px;
    margin-left: 8px;
}
.py-16px[data-v-0eee058e] {
    padding-top: 16px;
    padding-bottom: 16px;
}
.pt-12px[data-v-0eee058e] {
    padding-top: 12px;
}
.py-1850px[data-v-0eee058e] {
    padding-bottom: 18.5px;
}
.px-0750px[data-v-0eee058e] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.px-8px[data-v-0eee058e] {
    padding-left: 8px;
    padding-right: 8px;
}
.pb-8px[data-v-0eee058e] {
    padding-bottom: 8px;
}
.pb-16px[data-v-0eee058e] {
    padding-bottom: 16px;
}
.py-1456px[data-v-0eee058e] {
    padding-top: 14.56px;
    padding-bottom: 14.56px;
}
.px-40px[data-v-0eee058e] {
    padding-left: 40px;
    padding-right: 40px;
}
.w-30[data-v-0eee058e] {
    width: 30% !important;
}
.w-50[data-v-0eee058e] {
    width: 50% !important;
}
.w-55[data-v-0eee058e] {
    width: 55% !important;
}
.w-60[data-v-0eee058e] {
    width: 60% !important;
}
.w-70[data-v-0eee058e] {
    width: 70% !important;
}
.w-80[data-v-0eee058e] {
    width: 80% !important;
}
.w-90[data-v-0eee058e] {
    width: 90% !important;
}
.w-100[data-v-0eee058e] {
    width: 100% !important;
}
.w-11px[data-v-0eee058e] {
    width: 11px;
}
.w-15px[data-v-0eee058e] {
    width: 15px;
}
.w-18px[data-v-0eee058e] {
    width: 18px;
}
.w-26px[data-v-0eee058e] {
    width: 26px;
}
.w-35px[data-v-0eee058e] {
    width: 35px;
}
.w-36px[data-v-0eee058e] {
    width: 36px;
}
.w-40px[data-v-0eee058e] {
    width: 40px;
}
.w-43px[data-v-0eee058e] {
    width: 43px;
}
.w-48px[data-v-0eee058e] {
    width: 48px;
}
.w-50px[data-v-0eee058e] {
    width: 50px;
}
.w-53px[data-v-0eee058e] {
    width: 53px;
}
.w-56px[data-v-0eee058e] {
    width: 56px;
}
.w-70px[data-v-0eee058e] {
    width: 70px;
}
.w-87px[data-v-0eee058e] {
    width: 87px;
}
.w-100px[data-v-0eee058e] {
    width: 100px;
}
.w-114px[data-v-0eee058e] {
    width: 114px;
}
.w-117px[data-v-0eee058e] {
    width: 117px;
}
.w-130px[data-v-0eee058e] {
    width: 130px;
}
.w-127px[data-v-0eee058e] {
    width: 127px;
}
.w-138px[data-v-0eee058e] {
    width: 138px;
}
.w-160px[data-v-0eee058e] {
    width: 160px;
}
.w-59px[data-v-0eee058e] {
    width: 59px;
}
.h-1225px[data-v-0eee058e] {
    height: 12.25px;
}
.h-18px[data-v-0eee058e] {
    height: 18px;
}
.h-24px[data-v-0eee058e] {
    height: 24px;
}
.h-40px[data-v-0eee058e] {
    height: 40px;
}
.h-1050px[data-v-0eee058e] {
    height: 10.5px;
}
.h-256px[data-v-0eee058e] {
    height:256px;
}
.h-158px[data-v-0eee058e] {
    height: 158px;
}
.h-32px[data-v-0eee058e] {
    height: 32px;
}
.h-34px[data-v-0eee058e] {
    height: 34px;
}
.h-14px[data-v-0eee058e] {
    height: 14px;
}
.h-48px[data-v-0eee058e] {
    height: 48px;
}
.h-114px[data-v-0eee058e] {
    height: 114px;
}
.h-327px[data-v-0eee058e] {
    height: 327px;
}
.flex-shrink[data-v-0eee058e] {
    flex-shrink: 0;
}
.gap-1rem[data-v-0eee058e] {
    gap: 16px;
}
.gap-3px[data-v-0eee058e] {
    gap: 3px;
}
.gap-4px[data-v-0eee058e] {
    gap: 4px;
}
.gap-8px[data-v-0eee058e] {
    gap: 8px;
}
.gap-27px[data-v-0eee058e] {
    gap: 27px;
}
.gap-2750px[data-v-0eee058e] {
    gap: 27.5px;
}
.gap-14px[data-v-0eee058e] {
    gap: 14px;
}
.gap-12px[data-v-0eee058e] {
    gap: 12px;
}
.flex-column-space-between[data-v-0eee058e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.space-between[data-v-0eee058e] {
    
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stretch[data-v-0eee058e] {
    align-items: stretch;
}
.align-items-end[data-v-0eee058e] {
    align-items: end;
}
.animation[data-v-0eee058e] {
    
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-0eee058e 2s infinite ease-in-out;
      /* background-color: var(--color-background-default-default-hover); */
}
.dark-mode .animation[data-v-0eee058e] {
    /* background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    ); */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-0eee058e 2s infinite ease-in-out;
    /* background-size: 200% 100%; */
}
@keyframes shimmer-0eee058e {
0% {
      background-position: 100% 0;
}
100% {
      background-position: -100% 0;
}
}
@keyframes pulse-0eee058e {
0% {
      background-color: var(--color-background-default-tertiary-hover);
}
50% {
      background-color: var(--color-background-default-default-hover);
}
100% {
        background-color: var(--color-background-default-tertiary-hover);
}
}
.standing-item[data-v-0eee058e] {
    height: 32px;
}
.live-sideline[data-v-0eee058e] {
    position: relative;
}
.live-sideline[data-v-0eee058e]:after {
    content: "";
    display: block;
    width: 5px;
    height: 32px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid var(--color-background-default-tertiary-hover);
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-0eee058e 2s infinite ease-in-out;
    position: absolute;
    top: 0;
    left: -17px;
}
.dark-mode .live-sideline[data-v-0eee058e]:after {
    background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    );
    background-size: 200% 100%;
}
.loading-match-card[data-v-0eee058e] {
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    padding: 16px 8px 4px 8px;
}
.loading-match-box[data-v-0eee058e] {
    padding: 20px 22.5px 0 20px;
    background-color: var(--color-background-default-tertiary);
    border-radius: 8px;
    margin-bottom: 4px;
    height: 91.48px;
    box-sizing: border-box;
}
.loading-match-box[data-v-0eee058e]:last-child {
    margin-bottom: 0;
}
.loading-match-card[data-v-0eee058e]:last-child {
    margin-bottom: 0;
}
.match-card-box[data-v-0eee058e] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 16px;
    background-color: transparent;
}
.match-card-box.league[data-v-0eee058e] {
    padding-top: 0;
}
.squad-box[data-v-0eee058e] {
    background-color: var(--color-background-default-secondary);
    margin: 16px 8px 8px 8px;
    border-radius: 8px;
}
.squad-box .loading-box[data-v-0eee058e] {
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.squad-box .loading-item[data-v-0eee058e] {
    border-bottom: 1px solid var(--color-background-default-tertiary-hover);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.squad-box .loading-item[data-v-0eee058e]:last-child {
    border-bottom: 0;
}
.transfer-icon[data-v-0eee058e] {
    width: 51.52px;
    height: 51.52px;
}
.transfer-center[data-v-0eee058e] {
    width: 102px;
}
.dashline[data-v-0eee058e] {
    margin: 16px 0;
    border: 1px solid var(--color-background-default-tertiary-hover);
}
.transfer-box .loading-item[data-v-0eee058e] {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    border: 1px solid var(--color-border-default-default);
}
.child-33 > div[data-v-0eee058e] {
    width: 33%;
}
.transfer-box .loading-box[data-v-0eee058e] {
    background-color: transparent;
}
.radius-8px[data-v-0eee058e] {
    border-radius: 8px;
}
.pa-16px[data-v-0eee058e] {
    padding: 16px;
    box-sizing: border-box;
}
.line-bb-dot-cbdd[data-v-0eee058e] {
    border-bottom: 1px dotted var(--color-border-default-default);
}
.line-b-solid-cbddh[data-v-0eee058e] {
    border: 1px solid var(--color-background-default-default-hover);
}
.loading-box[data-v-67fe5d3d] {
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--color-background-default-secondary);
}
.circle[data-v-67fe5d3d] {
    width: 24px;
    height: 24px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 50%;
}
.circle-big[data-v-67fe5d3d] {
    width: 36px;
    height: 36px;
}
.circle-small[data-v-67fe5d3d] {
    width: 13.33px;
    height: 13.33px;
}
.circle-medium[data-v-67fe5d3d] {
    width: 16px;
    height: 16px;
}
.circle-small-text[data-v-67fe5d3d] {
    width: 11.375px;
    height: 11.375px;
}
.circle-squad[data-v-67fe5d3d] {
    width: 58.88px;
    height: 58.88px;
    padding: 2.56px;
}
.pill[data-v-67fe5d3d] {
    width: 44px;
    height: 14px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 20px;
}
.pill-column[data-v-67fe5d3d] {
    width: 5px;
    height: 9.625px;
    border-radius: 13.75px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-red-card[data-v-67fe5d3d] {
    width: 6px;
    height: 8px;
    border-radius: 1px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-score-card[data-v-67fe5d3d] {
    width: 15px;
    height: 21px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-title[data-v-67fe5d3d] {
    width: 64px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-long-title[data-v-67fe5d3d] {
    width: 124px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-title[data-v-67fe5d3d] {
    height: 21px;
}
.pill-text[data-v-67fe5d3d] {
    height: 12.25px;
}
.pill-content[data-v-67fe5d3d] {
    height: 14px;
}
.pill-tag[data-v-67fe5d3d] {
    height: 9.625px;
}
.pill-small-text[data-v-67fe5d3d] {
    height: 11.375px;
}
.pill-4[data-v-67fe5d3d] {
    width: 4px;
    height: 11.38px;
}
.pill-9[data-v-67fe5d3d] {
    width: 9px;
}
.pill-7[data-v-67fe5d3d] {
    width: 7px;
}
.pill-6[data-v-67fe5d3d] {
    width: 6px;
}
.pill-8[data-v-67fe5d3d] {
    width: 8px;
}
.pill-18[data-v-67fe5d3d] {
    width: 18px;
}
.pill-transfer-title[data-v-67fe5d3d] {
    width: 108px;
    height: 20px;
}
.pill-transfer-date[data-v-67fe5d3d] {
    width: 72px;
    height: 12.5px;
}
.pill-default-size[data-v-67fe5d3d] {
    width: 20px;
    display: flex;
    justify-content: center;
}
.pill-line[data-v-67fe5d3d] {
    height: 2px;
}
.rect[data-v-67fe5d3d] {
    width: 100%;
    height: 184.02px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-small[data-v-67fe5d3d] {
    width: 118px;
    height: 79px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-sugar[data-v-67fe5d3d] {
    width: 21.56px;
    height: 21.56px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square[data-v-67fe5d3d] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square-small[data-v-67fe5d3d] {
    width: 32px;
    height: 32px;
}
.mt-11px[data-v-67fe5d3d] {
    margin-top: 11px;
}
.mt-4px[data-v-67fe5d3d] {
    margin-top: 4px;
}
.mb-0525px[data-v-67fe5d3d] {
    margin-bottom: 5.25px;
}
.mr-5px[data-v-67fe5d3d] {
    margin-right: 5px;
}
.mr-0922px[data-v-67fe5d3d] {
    margin-right: 9.22px;
}
.mr-1550px[data-v-67fe5d3d] {
    margin-right: 15.5px;
}
.mb-4px[data-v-67fe5d3d] {
    margin-bottom: 4px;
}
.mb-5px[data-v-67fe5d3d] {
    margin-bottom: 5px;
}
.mb-6px[data-v-67fe5d3d] {
    margin-bottom: 6px;
}
.mb-12px[data-v-67fe5d3d] {
    margin-bottom: 12px;
}
.mb-2163px[data-v-67fe5d3d] {
    margin-bottom: 21.63px;
}
.mb-26px[data-v-67fe5d3d] {
    margin-bottom: 26px;
}
.mb-30px[data-v-67fe5d3d] {
    margin-bottom: 30px;
}
.mb-48px[data-v-67fe5d3d] {
    margin-bottom: 48px;
}
.mx-8px[data-v-67fe5d3d] {
    margin-right: 8px;
    margin-left: 8px;
}
.py-16px[data-v-67fe5d3d] {
    padding-top: 16px;
    padding-bottom: 16px;
}
.pt-12px[data-v-67fe5d3d] {
    padding-top: 12px;
}
.py-1850px[data-v-67fe5d3d] {
    padding-bottom: 18.5px;
}
.px-0750px[data-v-67fe5d3d] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.px-8px[data-v-67fe5d3d] {
    padding-left: 8px;
    padding-right: 8px;
}
.pb-8px[data-v-67fe5d3d] {
    padding-bottom: 8px;
}
.pb-16px[data-v-67fe5d3d] {
    padding-bottom: 16px;
}
.py-1456px[data-v-67fe5d3d] {
    padding-top: 14.56px;
    padding-bottom: 14.56px;
}
.px-40px[data-v-67fe5d3d] {
    padding-left: 40px;
    padding-right: 40px;
}
.w-30[data-v-67fe5d3d] {
    width: 30% !important;
}
.w-50[data-v-67fe5d3d] {
    width: 50% !important;
}
.w-55[data-v-67fe5d3d] {
    width: 55% !important;
}
.w-60[data-v-67fe5d3d] {
    width: 60% !important;
}
.w-70[data-v-67fe5d3d] {
    width: 70% !important;
}
.w-80[data-v-67fe5d3d] {
    width: 80% !important;
}
.w-90[data-v-67fe5d3d] {
    width: 90% !important;
}
.w-100[data-v-67fe5d3d] {
    width: 100% !important;
}
.w-11px[data-v-67fe5d3d] {
    width: 11px;
}
.w-15px[data-v-67fe5d3d] {
    width: 15px;
}
.w-18px[data-v-67fe5d3d] {
    width: 18px;
}
.w-26px[data-v-67fe5d3d] {
    width: 26px;
}
.w-35px[data-v-67fe5d3d] {
    width: 35px;
}
.w-36px[data-v-67fe5d3d] {
    width: 36px;
}
.w-40px[data-v-67fe5d3d] {
    width: 40px;
}
.w-43px[data-v-67fe5d3d] {
    width: 43px;
}
.w-48px[data-v-67fe5d3d] {
    width: 48px;
}
.w-50px[data-v-67fe5d3d] {
    width: 50px;
}
.w-53px[data-v-67fe5d3d] {
    width: 53px;
}
.w-56px[data-v-67fe5d3d] {
    width: 56px;
}
.w-70px[data-v-67fe5d3d] {
    width: 70px;
}
.w-87px[data-v-67fe5d3d] {
    width: 87px;
}
.w-100px[data-v-67fe5d3d] {
    width: 100px;
}
.w-114px[data-v-67fe5d3d] {
    width: 114px;
}
.w-117px[data-v-67fe5d3d] {
    width: 117px;
}
.w-130px[data-v-67fe5d3d] {
    width: 130px;
}
.w-127px[data-v-67fe5d3d] {
    width: 127px;
}
.w-138px[data-v-67fe5d3d] {
    width: 138px;
}
.w-160px[data-v-67fe5d3d] {
    width: 160px;
}
.w-59px[data-v-67fe5d3d] {
    width: 59px;
}
.h-1225px[data-v-67fe5d3d] {
    height: 12.25px;
}
.h-18px[data-v-67fe5d3d] {
    height: 18px;
}
.h-24px[data-v-67fe5d3d] {
    height: 24px;
}
.h-40px[data-v-67fe5d3d] {
    height: 40px;
}
.h-1050px[data-v-67fe5d3d] {
    height: 10.5px;
}
.h-256px[data-v-67fe5d3d] {
    height:256px;
}
.h-158px[data-v-67fe5d3d] {
    height: 158px;
}
.h-32px[data-v-67fe5d3d] {
    height: 32px;
}
.h-34px[data-v-67fe5d3d] {
    height: 34px;
}
.h-14px[data-v-67fe5d3d] {
    height: 14px;
}
.h-48px[data-v-67fe5d3d] {
    height: 48px;
}
.h-114px[data-v-67fe5d3d] {
    height: 114px;
}
.h-327px[data-v-67fe5d3d] {
    height: 327px;
}
.flex-shrink[data-v-67fe5d3d] {
    flex-shrink: 0;
}
.gap-1rem[data-v-67fe5d3d] {
    gap: 16px;
}
.gap-3px[data-v-67fe5d3d] {
    gap: 3px;
}
.gap-4px[data-v-67fe5d3d] {
    gap: 4px;
}
.gap-8px[data-v-67fe5d3d] {
    gap: 8px;
}
.gap-27px[data-v-67fe5d3d] {
    gap: 27px;
}
.gap-2750px[data-v-67fe5d3d] {
    gap: 27.5px;
}
.gap-14px[data-v-67fe5d3d] {
    gap: 14px;
}
.gap-12px[data-v-67fe5d3d] {
    gap: 12px;
}
.flex-column-space-between[data-v-67fe5d3d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.space-between[data-v-67fe5d3d] {
    
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stretch[data-v-67fe5d3d] {
    align-items: stretch;
}
.align-items-end[data-v-67fe5d3d] {
    align-items: end;
}
.animation[data-v-67fe5d3d] {
    
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-67fe5d3d 2s infinite ease-in-out;
      /* background-color: var(--color-background-default-default-hover); */
}
.dark-mode .animation[data-v-67fe5d3d] {
    /* background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    ); */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-67fe5d3d 2s infinite ease-in-out;
    /* background-size: 200% 100%; */
}
@keyframes shimmer-67fe5d3d {
0% {
      background-position: 100% 0;
}
100% {
      background-position: -100% 0;
}
}
@keyframes pulse-67fe5d3d {
0% {
      background-color: var(--color-background-default-tertiary-hover);
}
50% {
      background-color: var(--color-background-default-default-hover);
}
100% {
        background-color: var(--color-background-default-tertiary-hover);
}
}
.standing-item[data-v-67fe5d3d] {
    height: 32px;
}
.live-sideline[data-v-67fe5d3d] {
    position: relative;
}
.live-sideline[data-v-67fe5d3d]:after {
    content: "";
    display: block;
    width: 5px;
    height: 32px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid var(--color-background-default-tertiary-hover);
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-67fe5d3d 2s infinite ease-in-out;
    position: absolute;
    top: 0;
    left: -17px;
}
.dark-mode .live-sideline[data-v-67fe5d3d]:after {
    background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    );
    background-size: 200% 100%;
}
.loading-match-card[data-v-67fe5d3d] {
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    padding: 16px 8px 4px 8px;
}
.loading-match-box[data-v-67fe5d3d] {
    padding: 20px 22.5px 0 20px;
    background-color: var(--color-background-default-tertiary);
    border-radius: 8px;
    margin-bottom: 4px;
    height: 91.48px;
    box-sizing: border-box;
}
.loading-match-box[data-v-67fe5d3d]:last-child {
    margin-bottom: 0;
}
.loading-match-card[data-v-67fe5d3d]:last-child {
    margin-bottom: 0;
}
.match-card-box[data-v-67fe5d3d] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 16px;
    background-color: transparent;
}
.match-card-box.league[data-v-67fe5d3d] {
    padding-top: 0;
}
.squad-box[data-v-67fe5d3d] {
    background-color: var(--color-background-default-secondary);
    margin: 16px 8px 8px 8px;
    border-radius: 8px;
}
.squad-box .loading-box[data-v-67fe5d3d] {
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.squad-box .loading-item[data-v-67fe5d3d] {
    border-bottom: 1px solid var(--color-background-default-tertiary-hover);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.squad-box .loading-item[data-v-67fe5d3d]:last-child {
    border-bottom: 0;
}
.transfer-icon[data-v-67fe5d3d] {
    width: 51.52px;
    height: 51.52px;
}
.transfer-center[data-v-67fe5d3d] {
    width: 102px;
}
.dashline[data-v-67fe5d3d] {
    margin: 16px 0;
    border: 1px solid var(--color-background-default-tertiary-hover);
}
.transfer-box .loading-item[data-v-67fe5d3d] {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    border: 1px solid var(--color-border-default-default);
}
.child-33 > div[data-v-67fe5d3d] {
    width: 33%;
}
.transfer-box .loading-box[data-v-67fe5d3d] {
    background-color: transparent;
}
.radius-8px[data-v-67fe5d3d] {
    border-radius: 8px;
}
.pa-16px[data-v-67fe5d3d] {
    padding: 16px;
    box-sizing: border-box;
}
.line-bb-dot-cbdd[data-v-67fe5d3d] {
    border-bottom: 1px dotted var(--color-border-default-default);
}
.line-b-solid-cbddh[data-v-67fe5d3d] {
    border: 1px solid var(--color-background-default-default-hover);
}
.loading-box[data-v-4b42a621] {
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--color-background-default-secondary);
}
.circle[data-v-4b42a621] {
    width: 24px;
    height: 24px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 50%;
}
.circle-big[data-v-4b42a621] {
    width: 36px;
    height: 36px;
}
.circle-small[data-v-4b42a621] {
    width: 13.33px;
    height: 13.33px;
}
.circle-medium[data-v-4b42a621] {
    width: 16px;
    height: 16px;
}
.circle-small-text[data-v-4b42a621] {
    width: 11.375px;
    height: 11.375px;
}
.circle-squad[data-v-4b42a621] {
    width: 58.88px;
    height: 58.88px;
    padding: 2.56px;
}
.pill[data-v-4b42a621] {
    width: 44px;
    height: 14px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 20px;
}
.pill-column[data-v-4b42a621] {
    width: 5px;
    height: 9.625px;
    border-radius: 13.75px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-red-card[data-v-4b42a621] {
    width: 6px;
    height: 8px;
    border-radius: 1px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-score-card[data-v-4b42a621] {
    width: 15px;
    height: 21px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-title[data-v-4b42a621] {
    width: 64px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-long-title[data-v-4b42a621] {
    width: 124px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-title[data-v-4b42a621] {
    height: 21px;
}
.pill-text[data-v-4b42a621] {
    height: 12.25px;
}
.pill-content[data-v-4b42a621] {
    height: 14px;
}
.pill-tag[data-v-4b42a621] {
    height: 9.625px;
}
.pill-small-text[data-v-4b42a621] {
    height: 11.375px;
}
.pill-4[data-v-4b42a621] {
    width: 4px;
    height: 11.38px;
}
.pill-9[data-v-4b42a621] {
    width: 9px;
}
.pill-7[data-v-4b42a621] {
    width: 7px;
}
.pill-6[data-v-4b42a621] {
    width: 6px;
}
.pill-8[data-v-4b42a621] {
    width: 8px;
}
.pill-18[data-v-4b42a621] {
    width: 18px;
}
.pill-transfer-title[data-v-4b42a621] {
    width: 108px;
    height: 20px;
}
.pill-transfer-date[data-v-4b42a621] {
    width: 72px;
    height: 12.5px;
}
.pill-default-size[data-v-4b42a621] {
    width: 20px;
    display: flex;
    justify-content: center;
}
.pill-line[data-v-4b42a621] {
    height: 2px;
}
.rect[data-v-4b42a621] {
    width: 100%;
    height: 184.02px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-small[data-v-4b42a621] {
    width: 118px;
    height: 79px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-sugar[data-v-4b42a621] {
    width: 21.56px;
    height: 21.56px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square[data-v-4b42a621] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square-small[data-v-4b42a621] {
    width: 32px;
    height: 32px;
}
.mt-11px[data-v-4b42a621] {
    margin-top: 11px;
}
.mt-4px[data-v-4b42a621] {
    margin-top: 4px;
}
.mb-0525px[data-v-4b42a621] {
    margin-bottom: 5.25px;
}
.mr-5px[data-v-4b42a621] {
    margin-right: 5px;
}
.mr-0922px[data-v-4b42a621] {
    margin-right: 9.22px;
}
.mr-1550px[data-v-4b42a621] {
    margin-right: 15.5px;
}
.mb-4px[data-v-4b42a621] {
    margin-bottom: 4px;
}
.mb-5px[data-v-4b42a621] {
    margin-bottom: 5px;
}
.mb-6px[data-v-4b42a621] {
    margin-bottom: 6px;
}
.mb-12px[data-v-4b42a621] {
    margin-bottom: 12px;
}
.mb-2163px[data-v-4b42a621] {
    margin-bottom: 21.63px;
}
.mb-26px[data-v-4b42a621] {
    margin-bottom: 26px;
}
.mb-30px[data-v-4b42a621] {
    margin-bottom: 30px;
}
.mb-48px[data-v-4b42a621] {
    margin-bottom: 48px;
}
.mx-8px[data-v-4b42a621] {
    margin-right: 8px;
    margin-left: 8px;
}
.py-16px[data-v-4b42a621] {
    padding-top: 16px;
    padding-bottom: 16px;
}
.pt-12px[data-v-4b42a621] {
    padding-top: 12px;
}
.py-1850px[data-v-4b42a621] {
    padding-bottom: 18.5px;
}
.px-0750px[data-v-4b42a621] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.px-8px[data-v-4b42a621] {
    padding-left: 8px;
    padding-right: 8px;
}
.pb-8px[data-v-4b42a621] {
    padding-bottom: 8px;
}
.pb-16px[data-v-4b42a621] {
    padding-bottom: 16px;
}
.py-1456px[data-v-4b42a621] {
    padding-top: 14.56px;
    padding-bottom: 14.56px;
}
.px-40px[data-v-4b42a621] {
    padding-left: 40px;
    padding-right: 40px;
}
.w-30[data-v-4b42a621] {
    width: 30% !important;
}
.w-50[data-v-4b42a621] {
    width: 50% !important;
}
.w-55[data-v-4b42a621] {
    width: 55% !important;
}
.w-60[data-v-4b42a621] {
    width: 60% !important;
}
.w-70[data-v-4b42a621] {
    width: 70% !important;
}
.w-80[data-v-4b42a621] {
    width: 80% !important;
}
.w-90[data-v-4b42a621] {
    width: 90% !important;
}
.w-100[data-v-4b42a621] {
    width: 100% !important;
}
.w-11px[data-v-4b42a621] {
    width: 11px;
}
.w-15px[data-v-4b42a621] {
    width: 15px;
}
.w-18px[data-v-4b42a621] {
    width: 18px;
}
.w-26px[data-v-4b42a621] {
    width: 26px;
}
.w-35px[data-v-4b42a621] {
    width: 35px;
}
.w-36px[data-v-4b42a621] {
    width: 36px;
}
.w-40px[data-v-4b42a621] {
    width: 40px;
}
.w-43px[data-v-4b42a621] {
    width: 43px;
}
.w-48px[data-v-4b42a621] {
    width: 48px;
}
.w-50px[data-v-4b42a621] {
    width: 50px;
}
.w-53px[data-v-4b42a621] {
    width: 53px;
}
.w-56px[data-v-4b42a621] {
    width: 56px;
}
.w-70px[data-v-4b42a621] {
    width: 70px;
}
.w-87px[data-v-4b42a621] {
    width: 87px;
}
.w-100px[data-v-4b42a621] {
    width: 100px;
}
.w-114px[data-v-4b42a621] {
    width: 114px;
}
.w-117px[data-v-4b42a621] {
    width: 117px;
}
.w-130px[data-v-4b42a621] {
    width: 130px;
}
.w-127px[data-v-4b42a621] {
    width: 127px;
}
.w-138px[data-v-4b42a621] {
    width: 138px;
}
.w-160px[data-v-4b42a621] {
    width: 160px;
}
.w-59px[data-v-4b42a621] {
    width: 59px;
}
.h-1225px[data-v-4b42a621] {
    height: 12.25px;
}
.h-18px[data-v-4b42a621] {
    height: 18px;
}
.h-24px[data-v-4b42a621] {
    height: 24px;
}
.h-40px[data-v-4b42a621] {
    height: 40px;
}
.h-1050px[data-v-4b42a621] {
    height: 10.5px;
}
.h-256px[data-v-4b42a621] {
    height:256px;
}
.h-158px[data-v-4b42a621] {
    height: 158px;
}
.h-32px[data-v-4b42a621] {
    height: 32px;
}
.h-34px[data-v-4b42a621] {
    height: 34px;
}
.h-14px[data-v-4b42a621] {
    height: 14px;
}
.h-48px[data-v-4b42a621] {
    height: 48px;
}
.h-114px[data-v-4b42a621] {
    height: 114px;
}
.h-327px[data-v-4b42a621] {
    height: 327px;
}
.flex-shrink[data-v-4b42a621] {
    flex-shrink: 0;
}
.gap-1rem[data-v-4b42a621] {
    gap: 16px;
}
.gap-3px[data-v-4b42a621] {
    gap: 3px;
}
.gap-4px[data-v-4b42a621] {
    gap: 4px;
}
.gap-8px[data-v-4b42a621] {
    gap: 8px;
}
.gap-27px[data-v-4b42a621] {
    gap: 27px;
}
.gap-2750px[data-v-4b42a621] {
    gap: 27.5px;
}
.gap-14px[data-v-4b42a621] {
    gap: 14px;
}
.gap-12px[data-v-4b42a621] {
    gap: 12px;
}
.flex-column-space-between[data-v-4b42a621] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.space-between[data-v-4b42a621] {
    
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stretch[data-v-4b42a621] {
    align-items: stretch;
}
.align-items-end[data-v-4b42a621] {
    align-items: end;
}
.animation[data-v-4b42a621] {
    
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-4b42a621 2s infinite ease-in-out;
      /* background-color: var(--color-background-default-default-hover); */
}
.dark-mode .animation[data-v-4b42a621] {
    /* background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    ); */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-4b42a621 2s infinite ease-in-out;
    /* background-size: 200% 100%; */
}
@keyframes shimmer-4b42a621 {
0% {
      background-position: 100% 0;
}
100% {
      background-position: -100% 0;
}
}
@keyframes pulse-4b42a621 {
0% {
      background-color: var(--color-background-default-tertiary-hover);
}
50% {
      background-color: var(--color-background-default-default-hover);
}
100% {
        background-color: var(--color-background-default-tertiary-hover);
}
}
.standing-item[data-v-4b42a621] {
    height: 32px;
}
.live-sideline[data-v-4b42a621] {
    position: relative;
}
.live-sideline[data-v-4b42a621]:after {
    content: "";
    display: block;
    width: 5px;
    height: 32px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid var(--color-background-default-tertiary-hover);
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-4b42a621 2s infinite ease-in-out;
    position: absolute;
    top: 0;
    left: -17px;
}
.dark-mode .live-sideline[data-v-4b42a621]:after {
    background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    );
    background-size: 200% 100%;
}
.loading-match-card[data-v-4b42a621] {
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    padding: 16px 8px 4px 8px;
}
.loading-match-box[data-v-4b42a621] {
    padding: 20px 22.5px 0 20px;
    background-color: var(--color-background-default-tertiary);
    border-radius: 8px;
    margin-bottom: 4px;
    height: 91.48px;
    box-sizing: border-box;
}
.loading-match-box[data-v-4b42a621]:last-child {
    margin-bottom: 0;
}
.loading-match-card[data-v-4b42a621]:last-child {
    margin-bottom: 0;
}
.match-card-box[data-v-4b42a621] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 16px;
    background-color: transparent;
}
.match-card-box.league[data-v-4b42a621] {
    padding-top: 0;
}
.squad-box[data-v-4b42a621] {
    background-color: var(--color-background-default-secondary);
    margin: 16px 8px 8px 8px;
    border-radius: 8px;
}
.squad-box .loading-box[data-v-4b42a621] {
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.squad-box .loading-item[data-v-4b42a621] {
    border-bottom: 1px solid var(--color-background-default-tertiary-hover);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.squad-box .loading-item[data-v-4b42a621]:last-child {
    border-bottom: 0;
}
.transfer-icon[data-v-4b42a621] {
    width: 51.52px;
    height: 51.52px;
}
.transfer-center[data-v-4b42a621] {
    width: 102px;
}
.dashline[data-v-4b42a621] {
    margin: 16px 0;
    border: 1px solid var(--color-background-default-tertiary-hover);
}
.transfer-box .loading-item[data-v-4b42a621] {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    border: 1px solid var(--color-border-default-default);
}
.child-33 > div[data-v-4b42a621] {
    width: 33%;
}
.transfer-box .loading-box[data-v-4b42a621] {
    background-color: transparent;
}
.radius-8px[data-v-4b42a621] {
    border-radius: 8px;
}
.pa-16px[data-v-4b42a621] {
    padding: 16px;
    box-sizing: border-box;
}
.line-bb-dot-cbdd[data-v-4b42a621] {
    border-bottom: 1px dotted var(--color-border-default-default);
}
.line-b-solid-cbddh[data-v-4b42a621] {
    border: 1px solid var(--color-background-default-default-hover);
}
.loading-box[data-v-8abf1358] {
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--color-background-default-secondary);
}
.circle[data-v-8abf1358] {
    width: 24px;
    height: 24px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 50%;
}
.circle-big[data-v-8abf1358] {
    width: 36px;
    height: 36px;
}
.circle-small[data-v-8abf1358] {
    width: 13.33px;
    height: 13.33px;
}
.circle-medium[data-v-8abf1358] {
    width: 16px;
    height: 16px;
}
.circle-small-text[data-v-8abf1358] {
    width: 11.375px;
    height: 11.375px;
}
.circle-squad[data-v-8abf1358] {
    width: 58.88px;
    height: 58.88px;
    padding: 2.56px;
}
.pill[data-v-8abf1358] {
    width: 44px;
    height: 14px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 20px;
}
.pill-column[data-v-8abf1358] {
    width: 5px;
    height: 9.625px;
    border-radius: 13.75px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-red-card[data-v-8abf1358] {
    width: 6px;
    height: 8px;
    border-radius: 1px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-score-card[data-v-8abf1358] {
    width: 15px;
    height: 21px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-title[data-v-8abf1358] {
    width: 64px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-long-title[data-v-8abf1358] {
    width: 124px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-title[data-v-8abf1358] {
    height: 21px;
}
.pill-text[data-v-8abf1358] {
    height: 12.25px;
}
.pill-content[data-v-8abf1358] {
    height: 14px;
}
.pill-tag[data-v-8abf1358] {
    height: 9.625px;
}
.pill-small-text[data-v-8abf1358] {
    height: 11.375px;
}
.pill-4[data-v-8abf1358] {
    width: 4px;
    height: 11.38px;
}
.pill-9[data-v-8abf1358] {
    width: 9px;
}
.pill-7[data-v-8abf1358] {
    width: 7px;
}
.pill-6[data-v-8abf1358] {
    width: 6px;
}
.pill-8[data-v-8abf1358] {
    width: 8px;
}
.pill-18[data-v-8abf1358] {
    width: 18px;
}
.pill-transfer-title[data-v-8abf1358] {
    width: 108px;
    height: 20px;
}
.pill-transfer-date[data-v-8abf1358] {
    width: 72px;
    height: 12.5px;
}
.pill-default-size[data-v-8abf1358] {
    width: 20px;
    display: flex;
    justify-content: center;
}
.pill-line[data-v-8abf1358] {
    height: 2px;
}
.rect[data-v-8abf1358] {
    width: 100%;
    height: 184.02px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-small[data-v-8abf1358] {
    width: 118px;
    height: 79px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-sugar[data-v-8abf1358] {
    width: 21.56px;
    height: 21.56px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square[data-v-8abf1358] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square-small[data-v-8abf1358] {
    width: 32px;
    height: 32px;
}
.mt-11px[data-v-8abf1358] {
    margin-top: 11px;
}
.mt-4px[data-v-8abf1358] {
    margin-top: 4px;
}
.mb-0525px[data-v-8abf1358] {
    margin-bottom: 5.25px;
}
.mr-5px[data-v-8abf1358] {
    margin-right: 5px;
}
.mr-0922px[data-v-8abf1358] {
    margin-right: 9.22px;
}
.mr-1550px[data-v-8abf1358] {
    margin-right: 15.5px;
}
.mb-4px[data-v-8abf1358] {
    margin-bottom: 4px;
}
.mb-5px[data-v-8abf1358] {
    margin-bottom: 5px;
}
.mb-6px[data-v-8abf1358] {
    margin-bottom: 6px;
}
.mb-12px[data-v-8abf1358] {
    margin-bottom: 12px;
}
.mb-2163px[data-v-8abf1358] {
    margin-bottom: 21.63px;
}
.mb-26px[data-v-8abf1358] {
    margin-bottom: 26px;
}
.mb-30px[data-v-8abf1358] {
    margin-bottom: 30px;
}
.mb-48px[data-v-8abf1358] {
    margin-bottom: 48px;
}
.mx-8px[data-v-8abf1358] {
    margin-right: 8px;
    margin-left: 8px;
}
.py-16px[data-v-8abf1358] {
    padding-top: 16px;
    padding-bottom: 16px;
}
.pt-12px[data-v-8abf1358] {
    padding-top: 12px;
}
.py-1850px[data-v-8abf1358] {
    padding-bottom: 18.5px;
}
.px-0750px[data-v-8abf1358] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.px-8px[data-v-8abf1358] {
    padding-left: 8px;
    padding-right: 8px;
}
.pb-8px[data-v-8abf1358] {
    padding-bottom: 8px;
}
.pb-16px[data-v-8abf1358] {
    padding-bottom: 16px;
}
.py-1456px[data-v-8abf1358] {
    padding-top: 14.56px;
    padding-bottom: 14.56px;
}
.px-40px[data-v-8abf1358] {
    padding-left: 40px;
    padding-right: 40px;
}
.w-30[data-v-8abf1358] {
    width: 30% !important;
}
.w-50[data-v-8abf1358] {
    width: 50% !important;
}
.w-55[data-v-8abf1358] {
    width: 55% !important;
}
.w-60[data-v-8abf1358] {
    width: 60% !important;
}
.w-70[data-v-8abf1358] {
    width: 70% !important;
}
.w-80[data-v-8abf1358] {
    width: 80% !important;
}
.w-90[data-v-8abf1358] {
    width: 90% !important;
}
.w-100[data-v-8abf1358] {
    width: 100% !important;
}
.w-11px[data-v-8abf1358] {
    width: 11px;
}
.w-15px[data-v-8abf1358] {
    width: 15px;
}
.w-18px[data-v-8abf1358] {
    width: 18px;
}
.w-26px[data-v-8abf1358] {
    width: 26px;
}
.w-35px[data-v-8abf1358] {
    width: 35px;
}
.w-36px[data-v-8abf1358] {
    width: 36px;
}
.w-40px[data-v-8abf1358] {
    width: 40px;
}
.w-43px[data-v-8abf1358] {
    width: 43px;
}
.w-48px[data-v-8abf1358] {
    width: 48px;
}
.w-50px[data-v-8abf1358] {
    width: 50px;
}
.w-53px[data-v-8abf1358] {
    width: 53px;
}
.w-56px[data-v-8abf1358] {
    width: 56px;
}
.w-70px[data-v-8abf1358] {
    width: 70px;
}
.w-87px[data-v-8abf1358] {
    width: 87px;
}
.w-100px[data-v-8abf1358] {
    width: 100px;
}
.w-114px[data-v-8abf1358] {
    width: 114px;
}
.w-117px[data-v-8abf1358] {
    width: 117px;
}
.w-130px[data-v-8abf1358] {
    width: 130px;
}
.w-127px[data-v-8abf1358] {
    width: 127px;
}
.w-138px[data-v-8abf1358] {
    width: 138px;
}
.w-160px[data-v-8abf1358] {
    width: 160px;
}
.w-59px[data-v-8abf1358] {
    width: 59px;
}
.h-1225px[data-v-8abf1358] {
    height: 12.25px;
}
.h-18px[data-v-8abf1358] {
    height: 18px;
}
.h-24px[data-v-8abf1358] {
    height: 24px;
}
.h-40px[data-v-8abf1358] {
    height: 40px;
}
.h-1050px[data-v-8abf1358] {
    height: 10.5px;
}
.h-256px[data-v-8abf1358] {
    height:256px;
}
.h-158px[data-v-8abf1358] {
    height: 158px;
}
.h-32px[data-v-8abf1358] {
    height: 32px;
}
.h-34px[data-v-8abf1358] {
    height: 34px;
}
.h-14px[data-v-8abf1358] {
    height: 14px;
}
.h-48px[data-v-8abf1358] {
    height: 48px;
}
.h-114px[data-v-8abf1358] {
    height: 114px;
}
.h-327px[data-v-8abf1358] {
    height: 327px;
}
.flex-shrink[data-v-8abf1358] {
    flex-shrink: 0;
}
.gap-1rem[data-v-8abf1358] {
    gap: 16px;
}
.gap-3px[data-v-8abf1358] {
    gap: 3px;
}
.gap-4px[data-v-8abf1358] {
    gap: 4px;
}
.gap-8px[data-v-8abf1358] {
    gap: 8px;
}
.gap-27px[data-v-8abf1358] {
    gap: 27px;
}
.gap-2750px[data-v-8abf1358] {
    gap: 27.5px;
}
.gap-14px[data-v-8abf1358] {
    gap: 14px;
}
.gap-12px[data-v-8abf1358] {
    gap: 12px;
}
.flex-column-space-between[data-v-8abf1358] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.space-between[data-v-8abf1358] {
    
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stretch[data-v-8abf1358] {
    align-items: stretch;
}
.align-items-end[data-v-8abf1358] {
    align-items: end;
}
.animation[data-v-8abf1358] {
    
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-8abf1358 2s infinite ease-in-out;
      /* background-color: var(--color-background-default-default-hover); */
}
.dark-mode .animation[data-v-8abf1358] {
    /* background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    ); */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-8abf1358 2s infinite ease-in-out;
    /* background-size: 200% 100%; */
}
@keyframes shimmer-8abf1358 {
0% {
      background-position: 100% 0;
}
100% {
      background-position: -100% 0;
}
}
@keyframes pulse-8abf1358 {
0% {
      background-color: var(--color-background-default-tertiary-hover);
}
50% {
      background-color: var(--color-background-default-default-hover);
}
100% {
        background-color: var(--color-background-default-tertiary-hover);
}
}
.standing-item[data-v-8abf1358] {
    height: 32px;
}
.live-sideline[data-v-8abf1358] {
    position: relative;
}
.live-sideline[data-v-8abf1358]:after {
    content: "";
    display: block;
    width: 5px;
    height: 32px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid var(--color-background-default-tertiary-hover);
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-8abf1358 2s infinite ease-in-out;
    position: absolute;
    top: 0;
    left: -17px;
}
.dark-mode .live-sideline[data-v-8abf1358]:after {
    background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    );
    background-size: 200% 100%;
}
.loading-match-card[data-v-8abf1358] {
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    padding: 16px 8px 4px 8px;
}
.loading-match-box[data-v-8abf1358] {
    padding: 20px 22.5px 0 20px;
    background-color: var(--color-background-default-tertiary);
    border-radius: 8px;
    margin-bottom: 4px;
    height: 91.48px;
    box-sizing: border-box;
}
.loading-match-box[data-v-8abf1358]:last-child {
    margin-bottom: 0;
}
.loading-match-card[data-v-8abf1358]:last-child {
    margin-bottom: 0;
}
.match-card-box[data-v-8abf1358] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 16px;
    background-color: transparent;
}
.match-card-box.league[data-v-8abf1358] {
    padding-top: 0;
}
.squad-box[data-v-8abf1358] {
    background-color: var(--color-background-default-secondary);
    margin: 16px 8px 8px 8px;
    border-radius: 8px;
}
.squad-box .loading-box[data-v-8abf1358] {
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.squad-box .loading-item[data-v-8abf1358] {
    border-bottom: 1px solid var(--color-background-default-tertiary-hover);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.squad-box .loading-item[data-v-8abf1358]:last-child {
    border-bottom: 0;
}
.transfer-icon[data-v-8abf1358] {
    width: 51.52px;
    height: 51.52px;
}
.transfer-center[data-v-8abf1358] {
    width: 102px;
}
.dashline[data-v-8abf1358] {
    margin: 16px 0;
    border: 1px solid var(--color-background-default-tertiary-hover);
}
.transfer-box .loading-item[data-v-8abf1358] {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    border: 1px solid var(--color-border-default-default);
}
.child-33 > div[data-v-8abf1358] {
    width: 33%;
}
.transfer-box .loading-box[data-v-8abf1358] {
    background-color: transparent;
}
.radius-8px[data-v-8abf1358] {
    border-radius: 8px;
}
.pa-16px[data-v-8abf1358] {
    padding: 16px;
    box-sizing: border-box;
}
.line-bb-dot-cbdd[data-v-8abf1358] {
    border-bottom: 1px dotted var(--color-border-default-default);
}
.line-b-solid-cbddh[data-v-8abf1358] {
    border: 1px solid var(--color-background-default-default-hover);
}
.loading-box[data-v-508d0da6] {
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--color-background-default-secondary);
}
.circle[data-v-508d0da6] {
    width: 24px;
    height: 24px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 50%;
}
.circle-big[data-v-508d0da6] {
    width: 36px;
    height: 36px;
}
.circle-small[data-v-508d0da6] {
    width: 13.33px;
    height: 13.33px;
}
.circle-medium[data-v-508d0da6] {
    width: 16px;
    height: 16px;
}
.circle-small-text[data-v-508d0da6] {
    width: 11.375px;
    height: 11.375px;
}
.circle-squad[data-v-508d0da6] {
    width: 58.88px;
    height: 58.88px;
    padding: 2.56px;
}
.pill[data-v-508d0da6] {
    width: 44px;
    height: 14px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 20px;
}
.pill-column[data-v-508d0da6] {
    width: 5px;
    height: 9.625px;
    border-radius: 13.75px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-red-card[data-v-508d0da6] {
    width: 6px;
    height: 8px;
    border-radius: 1px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-score-card[data-v-508d0da6] {
    width: 15px;
    height: 21px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-title[data-v-508d0da6] {
    width: 64px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-long-title[data-v-508d0da6] {
    width: 124px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-title[data-v-508d0da6] {
    height: 21px;
}
.pill-text[data-v-508d0da6] {
    height: 12.25px;
}
.pill-content[data-v-508d0da6] {
    height: 14px;
}
.pill-tag[data-v-508d0da6] {
    height: 9.625px;
}
.pill-small-text[data-v-508d0da6] {
    height: 11.375px;
}
.pill-4[data-v-508d0da6] {
    width: 4px;
    height: 11.38px;
}
.pill-9[data-v-508d0da6] {
    width: 9px;
}
.pill-7[data-v-508d0da6] {
    width: 7px;
}
.pill-6[data-v-508d0da6] {
    width: 6px;
}
.pill-8[data-v-508d0da6] {
    width: 8px;
}
.pill-18[data-v-508d0da6] {
    width: 18px;
}
.pill-transfer-title[data-v-508d0da6] {
    width: 108px;
    height: 20px;
}
.pill-transfer-date[data-v-508d0da6] {
    width: 72px;
    height: 12.5px;
}
.pill-default-size[data-v-508d0da6] {
    width: 20px;
    display: flex;
    justify-content: center;
}
.pill-line[data-v-508d0da6] {
    height: 2px;
}
.rect[data-v-508d0da6] {
    width: 100%;
    height: 184.02px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-small[data-v-508d0da6] {
    width: 118px;
    height: 79px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-sugar[data-v-508d0da6] {
    width: 21.56px;
    height: 21.56px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square[data-v-508d0da6] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square-small[data-v-508d0da6] {
    width: 32px;
    height: 32px;
}
.mt-11px[data-v-508d0da6] {
    margin-top: 11px;
}
.mt-4px[data-v-508d0da6] {
    margin-top: 4px;
}
.mb-0525px[data-v-508d0da6] {
    margin-bottom: 5.25px;
}
.mr-5px[data-v-508d0da6] {
    margin-right: 5px;
}
.mr-0922px[data-v-508d0da6] {
    margin-right: 9.22px;
}
.mr-1550px[data-v-508d0da6] {
    margin-right: 15.5px;
}
.mb-4px[data-v-508d0da6] {
    margin-bottom: 4px;
}
.mb-5px[data-v-508d0da6] {
    margin-bottom: 5px;
}
.mb-6px[data-v-508d0da6] {
    margin-bottom: 6px;
}
.mb-12px[data-v-508d0da6] {
    margin-bottom: 12px;
}
.mb-2163px[data-v-508d0da6] {
    margin-bottom: 21.63px;
}
.mb-26px[data-v-508d0da6] {
    margin-bottom: 26px;
}
.mb-30px[data-v-508d0da6] {
    margin-bottom: 30px;
}
.mb-48px[data-v-508d0da6] {
    margin-bottom: 48px;
}
.mx-8px[data-v-508d0da6] {
    margin-right: 8px;
    margin-left: 8px;
}
.py-16px[data-v-508d0da6] {
    padding-top: 16px;
    padding-bottom: 16px;
}
.pt-12px[data-v-508d0da6] {
    padding-top: 12px;
}
.py-1850px[data-v-508d0da6] {
    padding-bottom: 18.5px;
}
.px-0750px[data-v-508d0da6] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.px-8px[data-v-508d0da6] {
    padding-left: 8px;
    padding-right: 8px;
}
.pb-8px[data-v-508d0da6] {
    padding-bottom: 8px;
}
.pb-16px[data-v-508d0da6] {
    padding-bottom: 16px;
}
.py-1456px[data-v-508d0da6] {
    padding-top: 14.56px;
    padding-bottom: 14.56px;
}
.px-40px[data-v-508d0da6] {
    padding-left: 40px;
    padding-right: 40px;
}
.w-30[data-v-508d0da6] {
    width: 30% !important;
}
.w-50[data-v-508d0da6] {
    width: 50% !important;
}
.w-55[data-v-508d0da6] {
    width: 55% !important;
}
.w-60[data-v-508d0da6] {
    width: 60% !important;
}
.w-70[data-v-508d0da6] {
    width: 70% !important;
}
.w-80[data-v-508d0da6] {
    width: 80% !important;
}
.w-90[data-v-508d0da6] {
    width: 90% !important;
}
.w-100[data-v-508d0da6] {
    width: 100% !important;
}
.w-11px[data-v-508d0da6] {
    width: 11px;
}
.w-15px[data-v-508d0da6] {
    width: 15px;
}
.w-18px[data-v-508d0da6] {
    width: 18px;
}
.w-26px[data-v-508d0da6] {
    width: 26px;
}
.w-35px[data-v-508d0da6] {
    width: 35px;
}
.w-36px[data-v-508d0da6] {
    width: 36px;
}
.w-40px[data-v-508d0da6] {
    width: 40px;
}
.w-43px[data-v-508d0da6] {
    width: 43px;
}
.w-48px[data-v-508d0da6] {
    width: 48px;
}
.w-50px[data-v-508d0da6] {
    width: 50px;
}
.w-53px[data-v-508d0da6] {
    width: 53px;
}
.w-56px[data-v-508d0da6] {
    width: 56px;
}
.w-70px[data-v-508d0da6] {
    width: 70px;
}
.w-87px[data-v-508d0da6] {
    width: 87px;
}
.w-100px[data-v-508d0da6] {
    width: 100px;
}
.w-114px[data-v-508d0da6] {
    width: 114px;
}
.w-117px[data-v-508d0da6] {
    width: 117px;
}
.w-130px[data-v-508d0da6] {
    width: 130px;
}
.w-127px[data-v-508d0da6] {
    width: 127px;
}
.w-138px[data-v-508d0da6] {
    width: 138px;
}
.w-160px[data-v-508d0da6] {
    width: 160px;
}
.w-59px[data-v-508d0da6] {
    width: 59px;
}
.h-1225px[data-v-508d0da6] {
    height: 12.25px;
}
.h-18px[data-v-508d0da6] {
    height: 18px;
}
.h-24px[data-v-508d0da6] {
    height: 24px;
}
.h-40px[data-v-508d0da6] {
    height: 40px;
}
.h-1050px[data-v-508d0da6] {
    height: 10.5px;
}
.h-256px[data-v-508d0da6] {
    height:256px;
}
.h-158px[data-v-508d0da6] {
    height: 158px;
}
.h-32px[data-v-508d0da6] {
    height: 32px;
}
.h-34px[data-v-508d0da6] {
    height: 34px;
}
.h-14px[data-v-508d0da6] {
    height: 14px;
}
.h-48px[data-v-508d0da6] {
    height: 48px;
}
.h-114px[data-v-508d0da6] {
    height: 114px;
}
.h-327px[data-v-508d0da6] {
    height: 327px;
}
.flex-shrink[data-v-508d0da6] {
    flex-shrink: 0;
}
.gap-1rem[data-v-508d0da6] {
    gap: 16px;
}
.gap-3px[data-v-508d0da6] {
    gap: 3px;
}
.gap-4px[data-v-508d0da6] {
    gap: 4px;
}
.gap-8px[data-v-508d0da6] {
    gap: 8px;
}
.gap-27px[data-v-508d0da6] {
    gap: 27px;
}
.gap-2750px[data-v-508d0da6] {
    gap: 27.5px;
}
.gap-14px[data-v-508d0da6] {
    gap: 14px;
}
.gap-12px[data-v-508d0da6] {
    gap: 12px;
}
.flex-column-space-between[data-v-508d0da6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.space-between[data-v-508d0da6] {
    
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stretch[data-v-508d0da6] {
    align-items: stretch;
}
.align-items-end[data-v-508d0da6] {
    align-items: end;
}
.animation[data-v-508d0da6] {
    
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-508d0da6 2s infinite ease-in-out;
      /* background-color: var(--color-background-default-default-hover); */
}
.dark-mode .animation[data-v-508d0da6] {
    /* background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    ); */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-508d0da6 2s infinite ease-in-out;
    /* background-size: 200% 100%; */
}
@keyframes shimmer-508d0da6 {
0% {
      background-position: 100% 0;
}
100% {
      background-position: -100% 0;
}
}
@keyframes pulse-508d0da6 {
0% {
      background-color: var(--color-background-default-tertiary-hover);
}
50% {
      background-color: var(--color-background-default-default-hover);
}
100% {
        background-color: var(--color-background-default-tertiary-hover);
}
}
.standing-item[data-v-508d0da6] {
    height: 32px;
}
.live-sideline[data-v-508d0da6] {
    position: relative;
}
.live-sideline[data-v-508d0da6]:after {
    content: "";
    display: block;
    width: 5px;
    height: 32px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid var(--color-background-default-tertiary-hover);
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-508d0da6 2s infinite ease-in-out;
    position: absolute;
    top: 0;
    left: -17px;
}
.dark-mode .live-sideline[data-v-508d0da6]:after {
    background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    );
    background-size: 200% 100%;
}
.loading-match-card[data-v-508d0da6] {
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    padding: 16px 8px 4px 8px;
}
.loading-match-box[data-v-508d0da6] {
    padding: 20px 22.5px 0 20px;
    background-color: var(--color-background-default-tertiary);
    border-radius: 8px;
    margin-bottom: 4px;
    height: 91.48px;
    box-sizing: border-box;
}
.loading-match-box[data-v-508d0da6]:last-child {
    margin-bottom: 0;
}
.loading-match-card[data-v-508d0da6]:last-child {
    margin-bottom: 0;
}
.match-card-box[data-v-508d0da6] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 16px;
    background-color: transparent;
}
.match-card-box.league[data-v-508d0da6] {
    padding-top: 0;
}
.squad-box[data-v-508d0da6] {
    background-color: var(--color-background-default-secondary);
    margin: 16px 8px 8px 8px;
    border-radius: 8px;
}
.squad-box .loading-box[data-v-508d0da6] {
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.squad-box .loading-item[data-v-508d0da6] {
    border-bottom: 1px solid var(--color-background-default-tertiary-hover);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.squad-box .loading-item[data-v-508d0da6]:last-child {
    border-bottom: 0;
}
.transfer-icon[data-v-508d0da6] {
    width: 51.52px;
    height: 51.52px;
}
.transfer-center[data-v-508d0da6] {
    width: 102px;
}
.dashline[data-v-508d0da6] {
    margin: 16px 0;
    border: 1px solid var(--color-background-default-tertiary-hover);
}
.transfer-box .loading-item[data-v-508d0da6] {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    border: 1px solid var(--color-border-default-default);
}
.child-33 > div[data-v-508d0da6] {
    width: 33%;
}
.transfer-box .loading-box[data-v-508d0da6] {
    background-color: transparent;
}
.radius-8px[data-v-508d0da6] {
    border-radius: 8px;
}
.pa-16px[data-v-508d0da6] {
    padding: 16px;
    box-sizing: border-box;
}
.line-bb-dot-cbdd[data-v-508d0da6] {
    border-bottom: 1px dotted var(--color-border-default-default);
}
.line-b-solid-cbddh[data-v-508d0da6] {
    border: 1px solid var(--color-background-default-default-hover);
}

.gap-4px[data-v-508d0da6] {
    gap: 4px;
}
.gap-10px[data-v-508d0da6] {
    gap: 10px;
}
.gap-16px[data-v-508d0da6] {
    gap: 16px;
}
.square-team[data-v-508d0da6] {
    width: 70px;
    height: 70px;
}
.display-flex-evenly[data-v-508d0da6] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.w-122px[data-v-508d0da6] {
    width: 122px;
}
.pb-2063px[data-v-508d0da6] {
    padding-bottom: 20.63px;
}
.absolute-line[data-v-508d0da6] {
    position: absolute;
    bottom: 0;
}
.match-detail-box[data-v-508d0da6] {
    padding: 0;
    background-color: var(--color-background-default-default);
}
.match-detail-box .white-box[data-v-508d0da6] {
    background-color: var(--color-background-default-secondary);
}
.estimated-box[data-v-508d0da6] {
    height: 205px;
}

.loading-box[data-v-5eb21ba1] {
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--color-background-default-secondary);
}
.circle[data-v-5eb21ba1] {
    width: 24px;
    height: 24px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 50%;
}
.circle-big[data-v-5eb21ba1] {
    width: 36px;
    height: 36px;
}
.circle-small[data-v-5eb21ba1] {
    width: 13.33px;
    height: 13.33px;
}
.circle-medium[data-v-5eb21ba1] {
    width: 16px;
    height: 16px;
}
.circle-small-text[data-v-5eb21ba1] {
    width: 11.375px;
    height: 11.375px;
}
.circle-squad[data-v-5eb21ba1] {
    width: 58.88px;
    height: 58.88px;
    padding: 2.56px;
}
.pill[data-v-5eb21ba1] {
    width: 44px;
    height: 14px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 20px;
}
.pill-column[data-v-5eb21ba1] {
    width: 5px;
    height: 9.625px;
    border-radius: 13.75px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-red-card[data-v-5eb21ba1] {
    width: 6px;
    height: 8px;
    border-radius: 1px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-score-card[data-v-5eb21ba1] {
    width: 15px;
    height: 21px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-title[data-v-5eb21ba1] {
    width: 64px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-long-title[data-v-5eb21ba1] {
    width: 124px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-title[data-v-5eb21ba1] {
    height: 21px;
}
.pill-text[data-v-5eb21ba1] {
    height: 12.25px;
}
.pill-content[data-v-5eb21ba1] {
    height: 14px;
}
.pill-tag[data-v-5eb21ba1] {
    height: 9.625px;
}
.pill-small-text[data-v-5eb21ba1] {
    height: 11.375px;
}
.pill-4[data-v-5eb21ba1] {
    width: 4px;
    height: 11.38px;
}
.pill-9[data-v-5eb21ba1] {
    width: 9px;
}
.pill-7[data-v-5eb21ba1] {
    width: 7px;
}
.pill-6[data-v-5eb21ba1] {
    width: 6px;
}
.pill-8[data-v-5eb21ba1] {
    width: 8px;
}
.pill-18[data-v-5eb21ba1] {
    width: 18px;
}
.pill-transfer-title[data-v-5eb21ba1] {
    width: 108px;
    height: 20px;
}
.pill-transfer-date[data-v-5eb21ba1] {
    width: 72px;
    height: 12.5px;
}
.pill-default-size[data-v-5eb21ba1] {
    width: 20px;
    display: flex;
    justify-content: center;
}
.pill-line[data-v-5eb21ba1] {
    height: 2px;
}
.rect[data-v-5eb21ba1] {
    width: 100%;
    height: 184.02px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-small[data-v-5eb21ba1] {
    width: 118px;
    height: 79px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-sugar[data-v-5eb21ba1] {
    width: 21.56px;
    height: 21.56px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square[data-v-5eb21ba1] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square-small[data-v-5eb21ba1] {
    width: 32px;
    height: 32px;
}
.mt-11px[data-v-5eb21ba1] {
    margin-top: 11px;
}
.mt-4px[data-v-5eb21ba1] {
    margin-top: 4px;
}
.mb-0525px[data-v-5eb21ba1] {
    margin-bottom: 5.25px;
}
.mr-5px[data-v-5eb21ba1] {
    margin-right: 5px;
}
.mr-0922px[data-v-5eb21ba1] {
    margin-right: 9.22px;
}
.mr-1550px[data-v-5eb21ba1] {
    margin-right: 15.5px;
}
.mb-4px[data-v-5eb21ba1] {
    margin-bottom: 4px;
}
.mb-5px[data-v-5eb21ba1] {
    margin-bottom: 5px;
}
.mb-6px[data-v-5eb21ba1] {
    margin-bottom: 6px;
}
.mb-12px[data-v-5eb21ba1] {
    margin-bottom: 12px;
}
.mb-2163px[data-v-5eb21ba1] {
    margin-bottom: 21.63px;
}
.mb-26px[data-v-5eb21ba1] {
    margin-bottom: 26px;
}
.mb-30px[data-v-5eb21ba1] {
    margin-bottom: 30px;
}
.mb-48px[data-v-5eb21ba1] {
    margin-bottom: 48px;
}
.mx-8px[data-v-5eb21ba1] {
    margin-right: 8px;
    margin-left: 8px;
}
.py-16px[data-v-5eb21ba1] {
    padding-top: 16px;
    padding-bottom: 16px;
}
.pt-12px[data-v-5eb21ba1] {
    padding-top: 12px;
}
.py-1850px[data-v-5eb21ba1] {
    padding-bottom: 18.5px;
}
.px-0750px[data-v-5eb21ba1] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.px-8px[data-v-5eb21ba1] {
    padding-left: 8px;
    padding-right: 8px;
}
.pb-8px[data-v-5eb21ba1] {
    padding-bottom: 8px;
}
.pb-16px[data-v-5eb21ba1] {
    padding-bottom: 16px;
}
.py-1456px[data-v-5eb21ba1] {
    padding-top: 14.56px;
    padding-bottom: 14.56px;
}
.px-40px[data-v-5eb21ba1] {
    padding-left: 40px;
    padding-right: 40px;
}
.w-30[data-v-5eb21ba1] {
    width: 30% !important;
}
.w-50[data-v-5eb21ba1] {
    width: 50% !important;
}
.w-55[data-v-5eb21ba1] {
    width: 55% !important;
}
.w-60[data-v-5eb21ba1] {
    width: 60% !important;
}
.w-70[data-v-5eb21ba1] {
    width: 70% !important;
}
.w-80[data-v-5eb21ba1] {
    width: 80% !important;
}
.w-90[data-v-5eb21ba1] {
    width: 90% !important;
}
.w-100[data-v-5eb21ba1] {
    width: 100% !important;
}
.w-11px[data-v-5eb21ba1] {
    width: 11px;
}
.w-15px[data-v-5eb21ba1] {
    width: 15px;
}
.w-18px[data-v-5eb21ba1] {
    width: 18px;
}
.w-26px[data-v-5eb21ba1] {
    width: 26px;
}
.w-35px[data-v-5eb21ba1] {
    width: 35px;
}
.w-36px[data-v-5eb21ba1] {
    width: 36px;
}
.w-40px[data-v-5eb21ba1] {
    width: 40px;
}
.w-43px[data-v-5eb21ba1] {
    width: 43px;
}
.w-48px[data-v-5eb21ba1] {
    width: 48px;
}
.w-50px[data-v-5eb21ba1] {
    width: 50px;
}
.w-53px[data-v-5eb21ba1] {
    width: 53px;
}
.w-56px[data-v-5eb21ba1] {
    width: 56px;
}
.w-70px[data-v-5eb21ba1] {
    width: 70px;
}
.w-87px[data-v-5eb21ba1] {
    width: 87px;
}
.w-100px[data-v-5eb21ba1] {
    width: 100px;
}
.w-114px[data-v-5eb21ba1] {
    width: 114px;
}
.w-117px[data-v-5eb21ba1] {
    width: 117px;
}
.w-130px[data-v-5eb21ba1] {
    width: 130px;
}
.w-127px[data-v-5eb21ba1] {
    width: 127px;
}
.w-138px[data-v-5eb21ba1] {
    width: 138px;
}
.w-160px[data-v-5eb21ba1] {
    width: 160px;
}
.w-59px[data-v-5eb21ba1] {
    width: 59px;
}
.h-1225px[data-v-5eb21ba1] {
    height: 12.25px;
}
.h-18px[data-v-5eb21ba1] {
    height: 18px;
}
.h-24px[data-v-5eb21ba1] {
    height: 24px;
}
.h-40px[data-v-5eb21ba1] {
    height: 40px;
}
.h-1050px[data-v-5eb21ba1] {
    height: 10.5px;
}
.h-256px[data-v-5eb21ba1] {
    height:256px;
}
.h-158px[data-v-5eb21ba1] {
    height: 158px;
}
.h-32px[data-v-5eb21ba1] {
    height: 32px;
}
.h-34px[data-v-5eb21ba1] {
    height: 34px;
}
.h-14px[data-v-5eb21ba1] {
    height: 14px;
}
.h-48px[data-v-5eb21ba1] {
    height: 48px;
}
.h-114px[data-v-5eb21ba1] {
    height: 114px;
}
.h-327px[data-v-5eb21ba1] {
    height: 327px;
}
.flex-shrink[data-v-5eb21ba1] {
    flex-shrink: 0;
}
.gap-1rem[data-v-5eb21ba1] {
    gap: 16px;
}
.gap-3px[data-v-5eb21ba1] {
    gap: 3px;
}
.gap-4px[data-v-5eb21ba1] {
    gap: 4px;
}
.gap-8px[data-v-5eb21ba1] {
    gap: 8px;
}
.gap-27px[data-v-5eb21ba1] {
    gap: 27px;
}
.gap-2750px[data-v-5eb21ba1] {
    gap: 27.5px;
}
.gap-14px[data-v-5eb21ba1] {
    gap: 14px;
}
.gap-12px[data-v-5eb21ba1] {
    gap: 12px;
}
.flex-column-space-between[data-v-5eb21ba1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.space-between[data-v-5eb21ba1] {
    
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stretch[data-v-5eb21ba1] {
    align-items: stretch;
}
.align-items-end[data-v-5eb21ba1] {
    align-items: end;
}
.animation[data-v-5eb21ba1] {
    
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-5eb21ba1 2s infinite ease-in-out;
      /* background-color: var(--color-background-default-default-hover); */
}
.dark-mode .animation[data-v-5eb21ba1] {
    /* background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    ); */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-5eb21ba1 2s infinite ease-in-out;
    /* background-size: 200% 100%; */
}
@keyframes shimmer-5eb21ba1 {
0% {
      background-position: 100% 0;
}
100% {
      background-position: -100% 0;
}
}
@keyframes pulse-5eb21ba1 {
0% {
      background-color: var(--color-background-default-tertiary-hover);
}
50% {
      background-color: var(--color-background-default-default-hover);
}
100% {
        background-color: var(--color-background-default-tertiary-hover);
}
}
.standing-item[data-v-5eb21ba1] {
    height: 32px;
}
.live-sideline[data-v-5eb21ba1] {
    position: relative;
}
.live-sideline[data-v-5eb21ba1]:after {
    content: "";
    display: block;
    width: 5px;
    height: 32px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid var(--color-background-default-tertiary-hover);
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-5eb21ba1 2s infinite ease-in-out;
    position: absolute;
    top: 0;
    left: -17px;
}
.dark-mode .live-sideline[data-v-5eb21ba1]:after {
    background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    );
    background-size: 200% 100%;
}
.loading-match-card[data-v-5eb21ba1] {
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    padding: 16px 8px 4px 8px;
}
.loading-match-box[data-v-5eb21ba1] {
    padding: 20px 22.5px 0 20px;
    background-color: var(--color-background-default-tertiary);
    border-radius: 8px;
    margin-bottom: 4px;
    height: 91.48px;
    box-sizing: border-box;
}
.loading-match-box[data-v-5eb21ba1]:last-child {
    margin-bottom: 0;
}
.loading-match-card[data-v-5eb21ba1]:last-child {
    margin-bottom: 0;
}
.match-card-box[data-v-5eb21ba1] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 16px;
    background-color: transparent;
}
.match-card-box.league[data-v-5eb21ba1] {
    padding-top: 0;
}
.squad-box[data-v-5eb21ba1] {
    background-color: var(--color-background-default-secondary);
    margin: 16px 8px 8px 8px;
    border-radius: 8px;
}
.squad-box .loading-box[data-v-5eb21ba1] {
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.squad-box .loading-item[data-v-5eb21ba1] {
    border-bottom: 1px solid var(--color-background-default-tertiary-hover);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.squad-box .loading-item[data-v-5eb21ba1]:last-child {
    border-bottom: 0;
}
.transfer-icon[data-v-5eb21ba1] {
    width: 51.52px;
    height: 51.52px;
}
.transfer-center[data-v-5eb21ba1] {
    width: 102px;
}
.dashline[data-v-5eb21ba1] {
    margin: 16px 0;
    border: 1px solid var(--color-background-default-tertiary-hover);
}
.transfer-box .loading-item[data-v-5eb21ba1] {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    border: 1px solid var(--color-border-default-default);
}
.child-33 > div[data-v-5eb21ba1] {
    width: 33%;
}
.transfer-box .loading-box[data-v-5eb21ba1] {
    background-color: transparent;
}
.radius-8px[data-v-5eb21ba1] {
    border-radius: 8px;
}
.pa-16px[data-v-5eb21ba1] {
    padding: 16px;
    box-sizing: border-box;
}
.line-bb-dot-cbdd[data-v-5eb21ba1] {
    border-bottom: 1px dotted var(--color-border-default-default);
}
.line-b-solid-cbddh[data-v-5eb21ba1] {
    border: 1px solid var(--color-background-default-default-hover);
}

.loading-filter[data-v-5eb21ba1] {
    padding: 16px 8px;
    background-color: var(--color-background-default-default) ;
}
.loading-box[data-v-5eb21ba1] {
    padding: 16px 8px;
    border-radius: 16px;
    background-color: var(--color-background-default-secondary);
    /* padding-top: calc(35px + 8px); */
}
.loading-item[data-v-5eb21ba1] {
    border-radius: 8px;
    margin-bottom: 4px;
    background-color: var(--color-background-default-tertiary);
    display: flex;
    align-items: center;
    padding: 16px;
    justify-content: space-between;
    gap: 16px;
}

.loading-box[data-v-38300e8a] {
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--color-background-default-secondary);
}
.circle[data-v-38300e8a] {
    width: 24px;
    height: 24px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 50%;
}
.circle-big[data-v-38300e8a] {
    width: 36px;
    height: 36px;
}
.circle-small[data-v-38300e8a] {
    width: 13.33px;
    height: 13.33px;
}
.circle-medium[data-v-38300e8a] {
    width: 16px;
    height: 16px;
}
.circle-small-text[data-v-38300e8a] {
    width: 11.375px;
    height: 11.375px;
}
.circle-squad[data-v-38300e8a] {
    width: 58.88px;
    height: 58.88px;
    padding: 2.56px;
}
.pill[data-v-38300e8a] {
    width: 44px;
    height: 14px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 20px;
}
.pill-column[data-v-38300e8a] {
    width: 5px;
    height: 9.625px;
    border-radius: 13.75px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-red-card[data-v-38300e8a] {
    width: 6px;
    height: 8px;
    border-radius: 1px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-column-score-card[data-v-38300e8a] {
    width: 15px;
    height: 21px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-title[data-v-38300e8a] {
    width: 64px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-squad-long-title[data-v-38300e8a] {
    width: 124px;
    height: 17.5px;
    border-radius: 30px;
    background-color: var(--color-background-default-tertiary-hover);
}
.pill-title[data-v-38300e8a] {
    height: 21px;
}
.pill-text[data-v-38300e8a] {
    height: 12.25px;
}
.pill-content[data-v-38300e8a] {
    height: 14px;
}
.pill-tag[data-v-38300e8a] {
    height: 9.625px;
}
.pill-small-text[data-v-38300e8a] {
    height: 11.375px;
}
.pill-4[data-v-38300e8a] {
    width: 4px;
    height: 11.38px;
}
.pill-9[data-v-38300e8a] {
    width: 9px;
}
.pill-7[data-v-38300e8a] {
    width: 7px;
}
.pill-6[data-v-38300e8a] {
    width: 6px;
}
.pill-8[data-v-38300e8a] {
    width: 8px;
}
.pill-18[data-v-38300e8a] {
    width: 18px;
}
.pill-transfer-title[data-v-38300e8a] {
    width: 108px;
    height: 20px;
}
.pill-transfer-date[data-v-38300e8a] {
    width: 72px;
    height: 12.5px;
}
.pill-default-size[data-v-38300e8a] {
    width: 20px;
    display: flex;
    justify-content: center;
}
.pill-line[data-v-38300e8a] {
    height: 2px;
}
.rect[data-v-38300e8a] {
    width: 100%;
    height: 184.02px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-small[data-v-38300e8a] {
    width: 118px;
    height: 79px;
    background-color: var(--color-background-default-tertiary-hover);
    border-radius: 8px;
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.rect-sugar[data-v-38300e8a] {
    width: 21.56px;
    height: 21.56px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square[data-v-38300e8a] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--color-background-default-tertiary-hover);
    border: 1px solid var(--color-bg-default-tertiary-hover);
}
.square-small[data-v-38300e8a] {
    width: 32px;
    height: 32px;
}
.mt-11px[data-v-38300e8a] {
    margin-top: 11px;
}
.mt-4px[data-v-38300e8a] {
    margin-top: 4px;
}
.mb-0525px[data-v-38300e8a] {
    margin-bottom: 5.25px;
}
.mr-5px[data-v-38300e8a] {
    margin-right: 5px;
}
.mr-0922px[data-v-38300e8a] {
    margin-right: 9.22px;
}
.mr-1550px[data-v-38300e8a] {
    margin-right: 15.5px;
}
.mb-4px[data-v-38300e8a] {
    margin-bottom: 4px;
}
.mb-5px[data-v-38300e8a] {
    margin-bottom: 5px;
}
.mb-6px[data-v-38300e8a] {
    margin-bottom: 6px;
}
.mb-12px[data-v-38300e8a] {
    margin-bottom: 12px;
}
.mb-2163px[data-v-38300e8a] {
    margin-bottom: 21.63px;
}
.mb-26px[data-v-38300e8a] {
    margin-bottom: 26px;
}
.mb-30px[data-v-38300e8a] {
    margin-bottom: 30px;
}
.mb-48px[data-v-38300e8a] {
    margin-bottom: 48px;
}
.mx-8px[data-v-38300e8a] {
    margin-right: 8px;
    margin-left: 8px;
}
.py-16px[data-v-38300e8a] {
    padding-top: 16px;
    padding-bottom: 16px;
}
.pt-12px[data-v-38300e8a] {
    padding-top: 12px;
}
.py-1850px[data-v-38300e8a] {
    padding-bottom: 18.5px;
}
.px-0750px[data-v-38300e8a] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.px-8px[data-v-38300e8a] {
    padding-left: 8px;
    padding-right: 8px;
}
.pb-8px[data-v-38300e8a] {
    padding-bottom: 8px;
}
.pb-16px[data-v-38300e8a] {
    padding-bottom: 16px;
}
.py-1456px[data-v-38300e8a] {
    padding-top: 14.56px;
    padding-bottom: 14.56px;
}
.px-40px[data-v-38300e8a] {
    padding-left: 40px;
    padding-right: 40px;
}
.w-30[data-v-38300e8a] {
    width: 30% !important;
}
.w-50[data-v-38300e8a] {
    width: 50% !important;
}
.w-55[data-v-38300e8a] {
    width: 55% !important;
}
.w-60[data-v-38300e8a] {
    width: 60% !important;
}
.w-70[data-v-38300e8a] {
    width: 70% !important;
}
.w-80[data-v-38300e8a] {
    width: 80% !important;
}
.w-90[data-v-38300e8a] {
    width: 90% !important;
}
.w-100[data-v-38300e8a] {
    width: 100% !important;
}
.w-11px[data-v-38300e8a] {
    width: 11px;
}
.w-15px[data-v-38300e8a] {
    width: 15px;
}
.w-18px[data-v-38300e8a] {
    width: 18px;
}
.w-26px[data-v-38300e8a] {
    width: 26px;
}
.w-35px[data-v-38300e8a] {
    width: 35px;
}
.w-36px[data-v-38300e8a] {
    width: 36px;
}
.w-40px[data-v-38300e8a] {
    width: 40px;
}
.w-43px[data-v-38300e8a] {
    width: 43px;
}
.w-48px[data-v-38300e8a] {
    width: 48px;
}
.w-50px[data-v-38300e8a] {
    width: 50px;
}
.w-53px[data-v-38300e8a] {
    width: 53px;
}
.w-56px[data-v-38300e8a] {
    width: 56px;
}
.w-70px[data-v-38300e8a] {
    width: 70px;
}
.w-87px[data-v-38300e8a] {
    width: 87px;
}
.w-100px[data-v-38300e8a] {
    width: 100px;
}
.w-114px[data-v-38300e8a] {
    width: 114px;
}
.w-117px[data-v-38300e8a] {
    width: 117px;
}
.w-130px[data-v-38300e8a] {
    width: 130px;
}
.w-127px[data-v-38300e8a] {
    width: 127px;
}
.w-138px[data-v-38300e8a] {
    width: 138px;
}
.w-160px[data-v-38300e8a] {
    width: 160px;
}
.w-59px[data-v-38300e8a] {
    width: 59px;
}
.h-1225px[data-v-38300e8a] {
    height: 12.25px;
}
.h-18px[data-v-38300e8a] {
    height: 18px;
}
.h-24px[data-v-38300e8a] {
    height: 24px;
}
.h-40px[data-v-38300e8a] {
    height: 40px;
}
.h-1050px[data-v-38300e8a] {
    height: 10.5px;
}
.h-256px[data-v-38300e8a] {
    height:256px;
}
.h-158px[data-v-38300e8a] {
    height: 158px;
}
.h-32px[data-v-38300e8a] {
    height: 32px;
}
.h-34px[data-v-38300e8a] {
    height: 34px;
}
.h-14px[data-v-38300e8a] {
    height: 14px;
}
.h-48px[data-v-38300e8a] {
    height: 48px;
}
.h-114px[data-v-38300e8a] {
    height: 114px;
}
.h-327px[data-v-38300e8a] {
    height: 327px;
}
.flex-shrink[data-v-38300e8a] {
    flex-shrink: 0;
}
.gap-1rem[data-v-38300e8a] {
    gap: 16px;
}
.gap-3px[data-v-38300e8a] {
    gap: 3px;
}
.gap-4px[data-v-38300e8a] {
    gap: 4px;
}
.gap-8px[data-v-38300e8a] {
    gap: 8px;
}
.gap-27px[data-v-38300e8a] {
    gap: 27px;
}
.gap-2750px[data-v-38300e8a] {
    gap: 27.5px;
}
.gap-14px[data-v-38300e8a] {
    gap: 14px;
}
.gap-12px[data-v-38300e8a] {
    gap: 12px;
}
.flex-column-space-between[data-v-38300e8a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.space-between[data-v-38300e8a] {
    
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stretch[data-v-38300e8a] {
    align-items: stretch;
}
.align-items-end[data-v-38300e8a] {
    align-items: end;
}
.animation[data-v-38300e8a] {
    
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-38300e8a 2s infinite ease-in-out;
      /* background-color: var(--color-background-default-default-hover); */
}
.dark-mode .animation[data-v-38300e8a] {
    /* background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    ); */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-38300e8a 2s infinite ease-in-out;
    /* background-size: 200% 100%; */
}
@keyframes shimmer-38300e8a {
0% {
      background-position: 100% 0;
}
100% {
      background-position: -100% 0;
}
}
@keyframes pulse-38300e8a {
0% {
      background-color: var(--color-background-default-tertiary-hover);
}
50% {
      background-color: var(--color-background-default-default-hover);
}
100% {
        background-color: var(--color-background-default-tertiary-hover);
}
}
.standing-item[data-v-38300e8a] {
    height: 32px;
}
.live-sideline[data-v-38300e8a] {
    position: relative;
}
.live-sideline[data-v-38300e8a]:after {
    content: "";
    display: block;
    width: 5px;
    height: 32px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid var(--color-background-default-tertiary-hover);
    /* background: linear-gradient(
      90deg,
      var(--color-background-neutral-secondary) 25%,
      var(--color-background-neutral-secondary-hover) 50%,
      var(--color-background-neutral-secondary) 75%
    );
    background-size: 200% 100%; */
    /* animation: shimmer 1.5s infinite linear; */
    animation: pulse-38300e8a 2s infinite ease-in-out;
    position: absolute;
    top: 0;
    left: -17px;
}
.dark-mode .live-sideline[data-v-38300e8a]:after {
    background: linear-gradient(
      90deg,
      var(--color-background-default-tertiary) 25%,
      var(--color-background-default-tertiary-hover) 50%,
      var(--color-background-default-tertiary) 75%
    );
    background-size: 200% 100%;
}
.loading-match-card[data-v-38300e8a] {
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    padding: 16px 8px 4px 8px;
}
.loading-match-box[data-v-38300e8a] {
    padding: 20px 22.5px 0 20px;
    background-color: var(--color-background-default-tertiary);
    border-radius: 8px;
    margin-bottom: 4px;
    height: 91.48px;
    box-sizing: border-box;
}
.loading-match-box[data-v-38300e8a]:last-child {
    margin-bottom: 0;
}
.loading-match-card[data-v-38300e8a]:last-child {
    margin-bottom: 0;
}
.match-card-box[data-v-38300e8a] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 16px;
    background-color: transparent;
}
.match-card-box.league[data-v-38300e8a] {
    padding-top: 0;
}
.squad-box[data-v-38300e8a] {
    background-color: var(--color-background-default-secondary);
    margin: 16px 8px 8px 8px;
    border-radius: 8px;
}
.squad-box .loading-box[data-v-38300e8a] {
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.squad-box .loading-item[data-v-38300e8a] {
    border-bottom: 1px solid var(--color-background-default-tertiary-hover);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.squad-box .loading-item[data-v-38300e8a]:last-child {
    border-bottom: 0;
}
.transfer-icon[data-v-38300e8a] {
    width: 51.52px;
    height: 51.52px;
}
.transfer-center[data-v-38300e8a] {
    width: 102px;
}
.dashline[data-v-38300e8a] {
    margin: 16px 0;
    border: 1px solid var(--color-background-default-tertiary-hover);
}
.transfer-box .loading-item[data-v-38300e8a] {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    background-color: var(--color-background-default-secondary);
    border-radius: 16px;
    border: 1px solid var(--color-border-default-default);
}
.child-33 > div[data-v-38300e8a] {
    width: 33%;
}
.transfer-box .loading-box[data-v-38300e8a] {
    background-color: transparent;
}
.radius-8px[data-v-38300e8a] {
    border-radius: 8px;
}
.pa-16px[data-v-38300e8a] {
    padding: 16px;
    box-sizing: border-box;
}
.line-bb-dot-cbdd[data-v-38300e8a] {
    border-bottom: 1px dotted var(--color-border-default-default);
}
.line-b-solid-cbddh[data-v-38300e8a] {
    border: 1px solid var(--color-background-default-default-hover);
}

.loading-player[data-v-38300e8a] {
    /* margin-top: 53.59px; */
    /* padding: 16px 8px; */
    background-color: var(--color-background-default-default) ;
}
.loading-player-bg[data-v-38300e8a] {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    height: 140px;
    background: linear-gradient(180deg, var(--color-background-default-secondary) 90%, transparent);
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 16.17px;
}
.circle-avatar[data-v-38300e8a] {
    /* width: 145px;
    height: 145px; */
}
.pill-num[data-v-38300e8a] {
    width: 26.83px;
    height: 57.59px;
}


.loading-size[data-v-304842c2] {
    width: 40px;
}


.no-data[data-v-0aacdfbb] {
    background-color: var(--color-background-default-tertiary);
    color: var(--color-text-default-default);
    padding: 16px;
    border-radius: 8px;
    box-sizing: border-box;
    letter-spacing: .64px;
}


.icon-league {
  width: 1.5rem; /*1.5rem    2.083rem*/
  height: 1.5rem; /*1.5rem   2.083rem*/
}
.icon-league img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.icon-player {
  width: 64px;
  height: 64px;
}
.icon-player img {
  -o-object-fit: cover;
     object-fit: cover;
}
.icon-match-detail-team {
}
@media (max-width: 768px) {
  /* for test */
.icon-player {
    width: 64px;
    height: 64px;
}
}


.icon[data-v-06e627cc] {
    display: flex;
}


.icon[data-v-5e4c8412] {
    display: flex;
}


.popup-container[data-v-e19937a2] {
  position: relative;
}
.popup-cover[data-v-e19937a2] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.7);
  z-index: 2;
}
.popup-box[data-v-e19937a2] {
  background-color: var(--color-background-default-secondary);
  /* position: fixed; */
  z-index: 10;
  height: 100%;
  overflow: auto;
}
.popup-box.right[data-v-e19937a2] {
    right: 0;
    top: 0;
    width: 375px;
    height: 100%;
}
.popup-box.right.show[data-v-e19937a2] {
    right: 0;
    opacity: 1;
    animation: rightShow-e19937a2 .2s;
}
.popup-box.right.hide[data-v-e19937a2] {
    right: -300%;
    opacity: 0;
    animation: rightHide-e19937a2 .5s;
}
@keyframes rightShow-e19937a2 {
from {
        right: -100%;
}
to {
        right: 0;
        display: none;
}
}
@keyframes rightHide-e19937a2 {
from {
        right: 0%;
}
to {
        right: -100%;
}
}
.popup-box.center[data-v-e19937a2] {
    left: 50%;
    top: 50%;
    width: 600px;
    min-height: 50px;
    /* transform: translate3d(-50%, -50%, 0); */
    border-radius: 16px;
}
.popup-box.center.show[data-v-e19937a2] {
    transform: translate3d(-50%, -50%, 0)scale(1);
    animation: centerShow-e19937a2 .2s;
}
.popup-box.center.hide[data-v-e19937a2] {
    transform: translate3d(-50%, -50%, 0)scale(0);
    animation: centerHide-e19937a2 .2s;
}
@keyframes centerShow-e19937a2 {
from {
        transform: translate3d(-50%, -50%, 0)scale(0);
}
to {
        transform: translate3d(-50%, -50%, 0)scale(1);
}
}
@keyframes centerHide-e19937a2 {
from {
        transform: translate3d(-50%, -50%, 0)scale(1);
}
to {
        transform: translate3d(-50%, -50%, 0)scale(0);
}
}
.popup-box.left[data-v-e19937a2] {
    left: 0;
    top: 0;
    width: 375px;
    height: 100%;
}
.popup-box.bottom[data-v-e19937a2] {
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 139px;
}
.popup-box.bottom.show[data-v-e19937a2] {
    bottom: 0;
    opacity: 1;
    max-height: 90vh;
    animation: bottomShow-e19937a2 .2s;
}
.popup-box.bottom.hide[data-v-e19937a2] {
    bottom: -300%;
    opacity: 0;
    animation: bottomHide-e19937a2 .2s;
}
@keyframes bottomShow-e19937a2 {
from {
        bottom: -100%;
}
to {
        bottom: 0;
}
}
@keyframes bottomHide-e19937a2 {
from {
        bottom: 0;
}
to {
        bottom: -100%;
}
}
.header[data-v-e19937a2] {
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 32px 24px 0;
}
.popup-box.center .header[data-v-e19937a2] {
    justify-content: right;
    border-radius: 16px 16px 0 0;
}
.display-none[data-v-e19937a2] {
    opacity: 0;
}
.popup-body[data-v-e19937a2] {
    overflow-y: auto;
    max-height: calc(100vh - 64px);
}
.popup-box.center .popup-body[data-v-e19937a2] {
    max-height: calc(100vh - 94px);
}


.van-popup--right {
    height: 100%;
}
.van-popup--center {
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 16px;
    max-height: 90%;
}
.van-popup-container {
    background-color: transparent !important;
    /* overflow: hidden; */
}


.sticky[data-v-3606398f] {
    /* position: sticky; */
    z-index: 9;
}


.list[data-v-5c2dfc4d] {
    /* overflow-y: auto; */
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  
  .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
    text-align: center; }
  
  @font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
    font-weight: normal;
    font-style: normal; }
  
  .vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
      content: "\f101"; }
  
  .vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-play-circle:before {
      content: "\f102"; }
  
  .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
      content: "\f103"; }
  
  .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
      content: "\f104"; }
  
  .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
      content: "\f105"; }
  
  .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
      content: "\f106"; }
  
  .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
      content: "\f107"; }
  
  .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
      content: "\f108"; }
  
  .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
      content: "\f109"; }
  
  .vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-square:before {
      content: "\f10a"; }
  
  .vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-spinner:before {
      content: "\f10b"; }
  
  .vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
  .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
  .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
  .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
  .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
      content: "\f10c"; }
  
  .vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
  .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
      content: "\f10d"; }
  
  .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
      content: "\f10e"; }
  
  .vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-share:before {
      content: "\f10f"; }
  
  .vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-cog:before {
      content: "\f110"; }
  
  .vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
      content: "\f111"; }
  
  .vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-circle-outline:before {
      content: "\f112"; }
  
  .vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-circle-inner-circle:before {
      content: "\f113"; }
  
  .vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-hd:before {
      content: "\f114"; }
  
  .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
      content: "\f115"; }
  
  .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
      content: "\f116"; }
  
  .vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-facebook:before {
      content: "\f117"; }
  
  .vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-gplus:before {
      content: "\f118"; }
  
  .vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-linkedin:before {
      content: "\f119"; }
  
  .vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-twitter:before {
      content: "\f11a"; }
  
  .vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-tumblr:before {
      content: "\f11b"; }
  
  .vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-pinterest:before {
      content: "\f11c"; }
  
  .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
      content: "\f11d"; }
  
  .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
      content: "\f11e"; }
  
  .vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-next-item:before {
      content: "\f11f"; }
  
  .vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
    .vjs-icon-previous-item:before {
      content: "\f120"; }
  
  .video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    font-family: var(--weight-400);
	  letter-spacing: 0.2px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    word-break: initial; }
    .video-js:-moz-full-screen {
      position: absolute; }
    .video-js:-webkit-full-screen {
      width: 100% !important;
      height: 100% !important; }
  
  .video-js[tabindex="-1"] {
    outline: none; }
  
  .video-js *,
  .video-js *:before,
  .video-js *:after {
    box-sizing: inherit; }
  
  .video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0; }
  
  .video-js.vjs-fluid,
  .video-js.vjs-16-9,
  .video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0; }
  
  .video-js.vjs-16-9 {
    padding-top: 56.25%; }
  
  .video-js.vjs-4-3 {
    padding-top: 75%; }
  
  .video-js.vjs-fill {
    width: 100%;
    height: 100%; }
  
  .video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  
  body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%; }
  
  .vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
  
  .video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important; }
  
  .video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none; }
  
  .vjs-hidden {
    display: none !important; }
  
  .vjs-disabled {
    opacity: 0.5;
    cursor: default; }
  
  .video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px; }
  
  .vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible; }
  
  .vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto; }
  
  .vjs-no-js a,
  .vjs-no-js a:visited {
    color: #66A8CC; }
  
  .video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: 0.3em;
    transition: all 0.4s; }
  
  .vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em; }
  
  .video-js:hover .vjs-big-play-button,
  .video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    transition: all 0s; }
  
  .vjs-controls-disabled .vjs-big-play-button,
  .vjs-has-started .vjs-big-play-button,
  .vjs-using-native-controls .vjs-big-play-button,
  .vjs-error .vjs-big-play-button {
    display: none; }
  
  .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block; }
  
  .video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  
  .vjs-control .vjs-button {
    width: 100%;
    height: 100%; }
  
  .video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2; }
  
  .video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto; }
  
  .video-js .vjs-modal-dialog > * {
    box-sizing: border-box; }
  
  .vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1; }
  
  .vjs-menu-button {
    cursor: pointer; }
  
  .vjs-menu-button.vjs-disabled {
    cursor: default; }
  
  .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none; }
  
  .vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto; }
  
  .vjs-menu .vjs-menu-content > * {
    box-sizing: border-box; }
  
  .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none; }
  
  .vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase; }
  
  .vjs-menu li.vjs-menu-item:focus,
  .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5); }
  
  .vjs-menu li.vjs-selected,
  .vjs-menu li.vjs-selected:focus,
  .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F; }
  
  .vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-family: var(--weight-700);
    cursor: default; }
  
  .vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7); }
  
  .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em; }
  
  .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
  .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block; }
  
  .video-js .vjs-menu-button-inline {
    transition: all 0.4s;
    overflow: hidden; }
  
  .video-js .vjs-menu-button-inline:before {
    width: 2.222222222em; }
  
  .video-js .vjs-menu-button-inline:hover,
  .video-js .vjs-menu-button-inline:focus,
  .video-js .vjs-menu-button-inline.vjs-slider-active,
  .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em; }
  
  .vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all 0.4s; }
  
  .vjs-menu-button-inline:hover .vjs-menu,
  .vjs-menu-button-inline:focus .vjs-menu,
  .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1; }
  
  .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto; }
  
  .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
  .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
  .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto; }
  
  .vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden; }
  
  .video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.0em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7); }
  
  .vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.1s; }
  
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    transition: visibility 1s, opacity 1s; }
  
  .vjs-controls-disabled .vjs-control-bar,
  .vjs-using-native-controls .vjs-control-bar,
  .vjs-error .vjs-control-bar {
    display: none !important; }
  
  .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible; }
  
  .vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table; }
  
  .video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none; }
  
  .vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67; }
  
  .video-js .vjs-control:focus:before,
  .video-js .vjs-control:hover:before,
  .video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white; }
  
  .video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  
  .vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle; }
  
  .video-js .vjs-custom-control-spacer {
    display: none; }
  
  .video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none; }
  
  .video-js .vjs-progress-control.disabled {
    cursor: default; }
  
  .vjs-live .vjs-progress-control {
    display: none; }
  
  .vjs-no-flex .vjs-progress-control {
    width: auto; }
  
  .video-js .vjs-progress-holder {
    flex: auto;
    transition: all 0.2s;
    height: 0.3em; }
  
  .video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px; }
  
  .video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666666666666666666em; }
  
  .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em; }
  
  .video-js .vjs-progress-holder .vjs-play-progress,
  .video-js .vjs-progress-holder .vjs-load-progress,
  .video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0; }
  
  .video-js .vjs-play-progress {
    background-color: #fff; }
    .video-js .vjs-play-progress:before {
      font-size: 0.9em;
      position: absolute;
      right: -0.5em;
      top: -0.333333333333333em;
      z-index: 1; }
  
  .video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5); }
  
  .video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75); }
  
  .video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1; }
  
  .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none; }
  
  .video-js .vjs-progress-control:hover .vjs-time-tooltip,
  .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: 0.6em;
    visibility: visible; }
  
  .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em; }
  
  .video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1; }
  
  .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0; }
  
  .video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block; }
  
  .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s; }
  
  .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none; }
  
  .vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8); }
  
  .video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    /* iOS Safari */
    -webkit-touch-callout: none;
    /* Safari */
    -webkit-user-select: none;
    /* Konqueror HTML */
    /* Firefox */
    -moz-user-select: none;
    /* Internet Explorer/Edge */
    /* Non-prefixed version, currently supported by Chrome and Opera */
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5); }
  
  .video-js .vjs-slider.disabled {
    cursor: default; }
  
  .video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff; }
  
  .video-js .vjs-mute-control {
    cursor: pointer;
    flex: none; }
  
  .video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex; }
  
  .video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em; }
  
  .video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px; }
  
  .video-js .vjs-volume-panel {
    transition: width 1s; }
    .video-js .vjs-volume-panel:hover .vjs-volume-control,
    .video-js .vjs-volume-panel:active .vjs-volume-control,
    .video-js .vjs-volume-panel:focus .vjs-volume-control,
    .video-js .vjs-volume-panel .vjs-volume-control:hover,
    .video-js .vjs-volume-panel .vjs-volume-control:active,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
      visibility: visible;
      opacity: 1;
      position: relative;
      transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
      .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
        width: 5em;
        height: 3em; }
    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
      width: 9em;
      transition: width 0.1s; }
    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
      width: 4em; }
  
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3.5em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }
  
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }
  
  .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none; }
  
  .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
  .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: 0.5em; }
  
  .video-js .vjs-volume-panel {
    display: flex; }
  
  .video-js .vjs-volume-bar {
    margin: 1.35em 0.45em; }
  
  .vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em; }
  
  .vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto; }
  
  .video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff; }
    .video-js .vjs-volume-level:before {
      position: absolute;
      font-size: 0.9em; }
  
  .vjs-slider-vertical .vjs-volume-level {
    width: 0.3em; }
    .vjs-slider-vertical .vjs-volume-level:before {
      top: -0.5em;
      left: -0.3em; }
  
  .vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em; }
    .vjs-slider-horizontal .vjs-volume-level:before {
      top: -0.3em;
      right: -0.5em; }
  
  .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em; }
  
  .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%; }
  
  .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%; }
  
  .video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7); }
  
  .video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em; }
  
  .vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%; }
  
  .vjs-has-started .vjs-poster {
    display: none; }
  
  .vjs-audio.vjs-has-started .vjs-poster {
    display: block; }
  
  .vjs-using-native-controls .vjs-poster {
    display: none; }
  
  .video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em; }
  
  .vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left; }
  
  .video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em; }
  
  .vjs-live .vjs-time-control {
    display: none; }
  
  .video-js .vjs-current-time,
  .vjs-no-flex .vjs-current-time {
    display: none; }
  
  .video-js .vjs-duration,
  .vjs-no-flex .vjs-duration {
    display: none; }
  
  .vjs-time-divider {
    display: none;
    line-height: 3em; }
  
  .vjs-live .vjs-time-divider {
    display: none; }
  
  .video-js .vjs-play-control .vjs-icon-placeholder {
    cursor: pointer;
    flex: none; }
  
  .vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none; }
  
  .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em; }
  
  .video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em; }
  
  .vjs-subtitles {
    color: #fff; }
  
  .vjs-captions {
    color: #fc6; }
  
  .vjs-tt-cue {
    display: block; }
  
  video::-webkit-media-text-track-display {
    transform: translateY(-3em); }
  
  .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em); }
  
  .video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none; }
  
  .vjs-playback-rate > .vjs-menu-button,
  .vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  
  .vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center; }
  
  .vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em; }
  
  .vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center; }
  
  .vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%; }
  
  .vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden; }
  
  .vjs-seeking .vjs-loading-spinner,
  .vjs-waiting .vjs-loading-spinner {
    display: block;
    animation: 0s linear 0.3s forwards vjs-spinner-show; }
  
  .vjs-loading-spinner:before,
  .vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white; }
  
  .vjs-seeking .vjs-loading-spinner:before,
  .vjs-seeking .vjs-loading-spinner:after,
  .vjs-waiting .vjs-loading-spinner:before,
  .vjs-waiting .vjs-loading-spinner:after {
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }
  
  .vjs-seeking .vjs-loading-spinner:before,
  .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white; }
  
  .vjs-seeking .vjs-loading-spinner:after,
  .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    animation-delay: 0.44s; }
  
  @keyframes vjs-spinner-show {
    to {
      visibility: visible; } }
  
  @keyframes vjs-spinner-spin {
    100% {
      transform: rotate(360deg); } }
  
  @keyframes vjs-spinner-fade {
    0% {
      border-top-color: #73859f; }
    20% {
      border-top-color: #73859f; }
    35% {
      border-top-color: white; }
    60% {
      border-top-color: #73859f; }
    100% {
      border-top-color: #73859f; } }
  
  .vjs-chapters-button .vjs-menu ul {
    width: 24em; }
  
  .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em; }
  
  .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10d";
    font-size: 1.5em;
    line-height: inherit; }
  
  .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em; }
  
  .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f11d";
    font-size: 1.5em;
    line-height: inherit; }
  
  .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    flex: auto; }
  
  .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto; }
  
  .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
  .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
  .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
  .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
  .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
    display: none; }
  
  .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
  .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
  .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
  .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
  .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
    display: none; }
  
  .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
  .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
  .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
  .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
  .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
    display: none; }
  
  .vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%; }
  
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: table; }
  
  .vjs-text-track-settings .vjs-track-settings-colors,
  .vjs-text-track-settings .vjs-track-settings-font,
  .vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell; }
  
  .vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom; }
  
  @supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr auto; }
    .vjs-text-track-settings .vjs-track-settings-colors {
      display: block;
      grid-column: 1;
      grid-row: 1; }
    .vjs-text-track-settings .vjs-track-settings-font {
      grid-column: 2;
      grid-row: 1; }
    .vjs-text-track-settings .vjs-track-settings-controls {
      grid-column: 2;
      grid-row: 2; } }
  
  .vjs-track-setting > select {
    margin-right: 5px; }
  
  .vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none; }
  
  .vjs-text-track-settings fieldset span {
    display: inline-block; }
  
  .vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0; }
  
  .vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden; }
  
  .vjs-track-settings-controls button:focus,
  .vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }
  
  .vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75); }
  
  .vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2B333F;
    cursor: pointer;
    border-radius: 2px; }
  
  .vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em; }
  
  @media print {
    .video-js > *:not(.vjs-tech):not(.vjs-poster) {
      visibility: hidden; } }
  
  .vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    visibility: hidden; }
.g-input {
    position: relative;
}
.textfield {
   position: relative;
    padding: 10px 15px;
    border:1px solid #e3f2fd;
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
    box-shadow: none;
    background-color: transparent;
    color:white;
}
.g-input span {
    position: absolute;
    background-color: #4b616c;
    top: 10px;
    left: 15px;
    color: white;
    padding: 0 5px;
    font-size: .8rem;
}

.textfield:focus {
    outline: none;
}

input:focus ~ span,
input:not(:focus):valid ~ span {
    top:-8px;
}
.textfield, span {
	/* transition: ease-in-out 0.2s all;
	-webkit-transition: ease-in-out 0.2s all;
	-moz-transition: ease-in-out 0.2s all;
	-o-transition: ease-in-out 0.2s all; */
}
@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}
.match-card__skeleton-wrapper{
    margin-right: 1.5rem;
    width: 12.75rem;
    background-color: #212B30;
    padding: .5rem .8rem 0.1rem .8rem;
    border-radius: .5rem;
}
.match-card__skeleton{
    margin-bottom: 1.2rem;
    width: 100%;
    height: 1rem;
    background: linear-gradient(90deg ,#989898 25%,#adb7bc 37%,#a2a2a2 63%);
    border-radius: .2rem;      
    background-size: 400% 100%;
    animation: el-skeleton-loading 1.4s ease infinite;     
}
.match-card__skeleton.status{
    width: 2rem;
}

.search-wrapper{
    background-color: var(--color-background-default-secondary);
    border-radius: 1rem;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.search-wrapper.selected{
    box-shadow: 0px 0px 6px 3px rgb(34 95 153);
}
.search-icon{
    width: 17.58px;
    height: 17.58px;
    margin-right: 4px;
}

.search-input{
    background-color: transparent;
    border: none;
    font-size: 16px;
    color: var(--gray-400);
    flex: 1;
    outline: none;
}

.search-input:focus-visible{
    outline: none;
}

.search-input::-moz-placeholder{
  color: var(--gray-400);
  font-size: 16px;
}

.search-input::placeholder{
  color: var(--gray-400);
  font-size: 16px;
}

.search-mobile__wrapper{
    background-color: var(--color-theme-2);
    border-radius: 1rem;
    padding: .4rem .7rem;
    width: auto;
    display: flex;
    align-items: center;
    margin: 0 1rem 1.5rem 1rem;
}
.search-mobile__wrapper.selected{
    box-shadow: 0px 0px 6px 3px rgb(34 95 153);
}
.search-mobile__icon{
    width: 1rem;
    height: 1rem;
    margin-right: .3rem;
}

.search-mobile__input{
    background-color: transparent;
    border: none;
    font-size:.9rem;
    color: white;
    width: 100%;
    height: 1.3rem;
}

.search-mobile__input:focus-visible{
    outline: none;
}

.search-mobile__input::-moz-placeholder{
    color: white;
    font-size: .9rem;
}

.search-mobile__input::placeholder{
    color: white;
    font-size: .9rem;
}

.dropdown-wrapper{
    position: absolute;
    left: 0;
    top: 2rem;
    margin-top: .1rem;
    min-width: 12rem;
    background-color: var(--color-background-default-tertiary);
    padding: .5rem .3rem;
    border-radius: var(--size-icon-extra-small,);
    transform: scale(0);
    transform-origin:1rem 0;
    transition: all .3s;
    z-index: 9;
    max-height: 17.5rem;
    box-shadow: 8px 3px 22px 10px rgba(150, 150, 150, 0.11);
}
.dropdown-container__wrapper{
    max-height: 17.5rem;
}

.dropdown-wrapper.selected{
    transform: scale(1);
}

.dropdown-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem;
    cursor: pointer;
    transition: all .3s;
    /* margin-right: 0.8rem; */
    border-radius: .3rem;
    font-size: 16px;
    font-family: var(--weight-600);
}
.dropdown-container.selected,
.dropdown-container:hover{
	background-color: var(--color-background-default-tertiary-hover);
}

.dropdown-container__tick{
    width: .7rem;
    height: .7rem;
}
.dropdown-container__tick.selected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABwSURBVHgB1dHhCYAgFATgFzRAIzRCm+UGtlkjNEIjNMJ1kpA8gvL81cGhP/RDnmYNATCwc9r3JiYhXFZ24r4zJfklG67s7Gi1+RnyJn9F0tQPNspIPhhwJ0pIcWHxGNTBegwtv+MwDXnAdKTAQi1yAofIEJNBA3qpAAAAAElFTkSuQmCC) center/cover no-repeat;
}
  
/* moblie select */
.mobileSelect .content .btnBar .cancel{
    font-family: var(--weight-700);
}
.mobileSelect .content .btnBar .ensure{
    font-family: var(--weight-700);
}
.mobileSelect .content .btnBar{
    height: 60px !important;
}
.mobileSelect .content .btnBar .title{
    padding-top: 1rem !important;
}

/* flip clock */
.flip-clock {
    text-align: center;
    perspective: 400px;
    margin: 20px auto;
  
  }
  
  .flip-clock__piece {
    display: inline-block;
    margin: 0 5px;
  }
  
  .flip-clock__slot {
    font-size: 2vw;
  }
  
  .card {
    display: block;
    position: relative; 
    padding-bottom: 0.72em;
    font-size: 9vw;
    line-height: 0.95;
  }
  
  .card__top,
  .card__bottom,
  .card__back::before,
  .card__back::after {
    display: block;
    height: 0.72em;
    color: #ccc;
    background: #222;
    padding: 0.25em 0.25em;
    border-radius: 0.15em 0.15em 0 0;
    backface-visiblity: hidden;
    transform-style: preserve-3d;
    width: 1.8em;
    transform: translateZ(0);
  }
  
  .card__bottom { 
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 0;
    border-top: solid 1px #000;
    background: #393939; 
    border-radius: 0 0 0.15em 0.15em; 
    pointer-events: none;
    overflow: hidden;
  }
  
  .card__bottom::after {
    display: block;
    margin-top: -0.72em;
  }
  
  .card__back::before,
  .card__bottom::after {
    content: attr(data-value);
  }
  
  .card__back {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0%;
    pointer-events: none;
  }
  
  .card__back::before {
    position: relative;
    z-index: -1;
    overflow: hidden;
  }
  
  .flip .card__back::before {
    animation: flipTop 0.3s cubic-bezier(.37,.01,.94,.35);
    animation-fill-mode: both;
    transform-origin: center bottom;
  }
  
  .flip .card__back .card__bottom {
    transform-origin: center top;
    animation-fill-mode: both;
    animation: flipBottom 0.6s cubic-bezier(.15,.45,.28,1); 
  }
  
  @keyframes flipTop {
    0% {
      transform: rotateX(0deg);
      z-index: 2;
    }
    0%, 99% {
      opacity: 0.99;
    }
    100% {
      transform: rotateX(-90deg);
      opacity: 0;
    }
  }
  
  @keyframes flipBottom {
    0%, 50% {
      z-index: -1;
      transform: rotateX(90deg);
      opacity: 0;
    }
    51% {
      opacity: 0.99;
    }
    100% {
      opacity: 0.99;
      transform: rotateX(0deg);
      z-index: 5;
    }
  }
  
/* underline effect */
  .btn--underline {
    padding-bottom: 8px;
    position: relative;
    overflow: hidden;
    transition: .4s ease;

    line-height: 1;
    font-size: 14px;
    letter-spacing: 2px;
}
.btn--underline:after,.btn--underline:before {
    transition-timing-function: ease;
    transition-duration: .55s;
    transition-delay: .1s,0ms;
    transition-property: transform,border-color;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: calc(100% - 2px);
    background-color: currentColor;
    height: 2px
}

.btn--underline:before {
    transform: translateX(0)
}

.btn--underline:after {
    transform:translateX(-200%);
}

.btn--underline:hover:before {
    transform: translateX(200%)
}

.btn--underline:hover:after {
    transform: translateX(0);
}



.ripple{
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;;
  border-radius: 50%;
  margin: 0 5px;
  position: relative;
  background-color: #ff414d;
}
.ripple::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: inherit;
  border-radius: 50%;
  z-index: -1;
  animation: ripple 1.5s ease-out infinite;
}

.skeleton-child{
  width: 100%;
  /* background: linear-gradient(90deg ,#2c2c2c 25%,#2e2f30 37%,#020611 63%); */
  background: linear-gradient(90deg ,var(--color-background-neutral-secondary) 25%,var(--color-background-neutral-secondary-hover) 37%,var(--color-background-neutral-secondary) 63%);
  border-radius: 8px;
  background-size: 400% 100%;
  animation: el-skeleton-loading 1.4s ease infinite;
}
.skeleton-league__tick{
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}
.skeleton-league__name{
   width: 85%;
   height: 1.5rem;
}
.skeleton-table__left{
  width: 25%;
  height: 1.5rem;
}
.skeleton-table__right{
   width: 70%;
   height: 1.5rem;
}

.skeleton-effect__1{
  width: 100%;
  /* background: linear-gradient(90deg ,#2c2c2c 25%,#2e2f30 37%,#020611 63%); */
  background: linear-gradient(90deg ,#222C31 25%,#4B616C 47%,#d9dddf  53%);
  border-radius: 0.2rem;
  background-size: 400% 100%;
  animation: el-skeleton-loading 1.4s ease infinite;
}
.skeleton-square__1{
  width: 1.25rem;
  height: 1rem
}
.skeleton-w25{
  width: 25%;
  height: 1rem
}
.skeleton-w15{
  width: 15%;
  height: 1rem
}
.skeleton-w20{
  width: 20%;
  height: 1rem
}
.skeleton-w35{
  width: 35%;
  height: 1rem
}
.skeleton-w100{
  width: 100%;
  height: 1rem
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(4);
  }
}

.icon-fav {
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACSSURBVHgBhZANDYAgEIVPZwAaaAMxgZrACEYwghWMYBUTaANtgA3wsR2OsWO87Rtw/xyRIGutBr3kq0jWAl5wUE6orIBhVOwvhZwJKGaOnQWqOKPmgCa4Oz3My+flRmjAbfNyMbWfO5d0/sHRZ+9EZUWJDRkhwaSCdVQ17FZLa2353EAHRrCzbZA6rGBIdF78+wPKPdYnf+ZL7wAAAABJRU5ErkJggg==) center/cover no-repeat;
}
.icon-fav.small {
  width: 0.75rem;
  height: 0.75rem;
}
.icon-fav.tiny {
  width: 0.625rem;
  height: 0.625rem;
  margin-top: -0.15rem;
}
.btn-fav-wrapper-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5px;
}
.btn-fav-wrapper {
  width: auto;
  padding: 0 20.58px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.btn-fav-wrapper__search {
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}


/* btn fav aspn mobile */
.btn-fav-aspn-mobile {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,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) center/cover no-repeat;
}
.btn-fav-aspn-mobile.selected {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAP7SURBVHgB7ZtfTttAEMY/24lon5q+VIJWbXKChOe2AW5ATwCcoOkJCieAnqDhBMAJkoD6XDgBqVSVipfmraLE3s5YVCqI9b+1d22zP8lKwCvs/ZidnZ3ZBSwWi8ViqSoOSsDFCG008VEEWOefHReHuMbO4hqmMIxxgUJxPIwE6PM2U8fHmmmRjAp0PkLrkYev94jzj+mVj+XOGmYwhAuDLHg0rOTiMO3HNPRgEGMWdDlCb07Wk6St49BQe4sxDGDMgnwPB0nbCoHPMIQRgX6e4H3M0LpL+8cxBjCA9iEWMWvFMSOH3dHtsPVbUDPWMctomXDYWi2IrUd4OIcCFBt1dMZGei0oDwto6HXY2iyIrGeVrGeEHNA57euzIC/X/7w2X6RFoO/H2MzomO+F4qJVXdN+4UNMYVqPY0YOe7loh12oBRUoDtNinxY+o0BytaBwdQ70nAa6JMo6DwVogJz2mDpyKOY4I4saI0eUBGJBFkAiNLHiCPRIkB79ugXDsGDCwSkl3SbUwVOVYZhKIBakSZbhNtF1KPtX0NDJHxKLRDsV1zhKK1gigXgW8hxs6BoyRcMWRj0fLr7BfmzbqJsc3HH8UhlLSc+UxNqKCjqlAuWxbqoKUZG5fJpvmEtSGUAamUsFqou/SUJUX6MCRWOVBANI+yoXSOAIDwQOMmX3pAJRdXOIh4KPHdktqUDs1QOBT6g53MeowDFysXodYJvMb4r6MuU+RjWIjaQvv1CBzw8zgcbXWDmTKF0Sm+549prWMcAH1I9Eu0cS5YMW+xhSrLCDmsB9WepjL0nbVKt5SnMO6WMDVUZgf2kFm0mbp8ooUmVzwKkDVBV696sgXS47dcKs4DRqkWTakJUpo3iz0uetK1WZ2TIn+DMl7flBlCJ4h4owB+V8MqZdM1c1wki7AtM/z1gv+/K1VhzKVY2LE/JHJU2NkJ88e94PCwmZUa6L+SI+r2sK18UuFFEWyPNLvFYT+AZFjO5yrQK1Foh8o3IYou6DvPIGjAFKIBCVnNsoKXm8m7JAosTRtCiDBdFU+golhcrlT6CI+hArtwV1oEithxihbN3q03yJnTTK4INQbgsyK1DR+wPzQPUd7VIjBitQDGURaELLgi2niQ5f4XfHzAnDuzRglgkJsX3P7q4hX2FVdx5WUoyVmpQzilQr+4V0s8UsoCSbF2AvaZ44LBK4VENPL9SMCoRPoYB6JJ28Tjbj/DCfGnyxgkGaJDq35WIfnxXjv5F0QwW1nUARZQu62dwQdXp54jo4+D3Hfp7HKXlrMr38gK6urE0eh+9yOYrAIvkBdm+S9yzCGX0f00J2XPS5Ln72nzk2PRfd/4oHMt9msVgsFssD4i9xzEkLTuzBTgAAAABJRU5ErkJggg==) center/cover no-repeat;
}
.btn-fav-aspn-mobile.disable {
  pointer-events: none;
  opacity: 0.24;
  background: url(data:image/png;base64,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) center/cover no-repeat;
}
.dark-mode .btn-fav-aspn-mobile {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQlSURBVHgB7ZyBdZswEIbPeR0gnaBs0IxAJ6g3iDdoNggbJBs4naDdwO4EcSeATuB2gr+6SH518QnEIWOB+d7TS7AREsfpTncSJpqZmTkjC0oEALfmT2YK/90tFovfNPMmmMyUDU5Z83d0zRgB3Jmyh5+Sz6FrxGlOk3AO7K9OSGxvnHaEwufe0rXg7IukKV9MWUHWrCe6BsyN5h4tuQs4J6epA3loFcJ5D8J5JU0ZN4SCbxqy+y9oisB6rVK44ayhjjTU2D5Nz2BDNszrgHrPQr1pGWynPSdDCwEzZdgpwb6L5o0Oj/Y8dKhfCPU3NAXMjSwl7el4Dd/EMqex47mxe+qIR9Dj1iLYWXGdHSmB7PaDh2pSwO/W1YEn/G4/o9SBtRM8DJ48T5pZU0/MNV481351bXMfos2T1BlF99Q+m8IakZPNBjZRmfLJZAor6oG7eTbybULYubI15adpVz20gzsGGyqsEZbHqbOkSMAfzDbBff5myj1iDckjoWygp8QZEl6w2cgSejZQeNPjDix7dKCC1bSczozrJ9ulHXSUnQVlKjx2aIBVdwsbM0U1kF2B9ZxL15cNuvEY2sgqUCA89HIkHlm7Ph7MRJvtzEMu+Oqp/H0MAmnD3YNvqrBpq6yOuscGFPkpn/vMaaJAju/y43NuanWk5d6Mpks3cwE5OTWNvIuANMRCKm0EtRtnxNwA5AWE9lgRY46YA4HsjBB8j5DdYIkJrCbA773CMw3wpzhHb49gA1bp4WddrtMUMY92yQX+EEoXTENe/mVGZ7QbhFNQHyAv3DHR8jvnBvKEkHmmGECOz0axsQn+jVqvFAv4LT9/llGiDNrvpieBRN0/ZM2PL5yjBkfj2WBXOCTOaxbg92w5JQJsvlpiGO8L2bMlM4mEPBksaEhwGtTuKRFwaivVW/duSM+P2nFKhrrel6+kpI+AroJZQC30EVBWO64oHara8QdS0kdA9UZ/UTrUc+vvSUkfAaWcPKtqxx9JScwhltIu+D8UiZgalNIQq2rHGSlRCQhysFdROlT1D6AMULUaJNmflN4xlfqispmzgFp4RzqkxirqAWxO6e26ffcxevqSkYKYGqQCNsfEmYDyUFywuU4hhXKxUAN2oxYLhktO/wud/1/xd9BskYvIoAKCXZB8dOkHXsnMA6plprxcSlCDCOggGLJDqCCdPcjon6CeWtz2ZWf5kHPTK895a4Ttq97C7rjosu14LdkpyPsscxoKpxF1SieQw+sIJcLYem6yaS+h1PbhNQTf9uVhtQr9NpezRnFeu3WFAXa5KVRQPrY0NNC/DlBA8TSdoFioJbqT0SWA/KqkxMG+RFFzWBtTBrZd0CWB1STpNYAK9onndCZg179ePO1vY7Qd7QeWnHawTeE4qBr6B5KO2ifXfkUzMzOp8xcYLbkBMVNiMwAAAABJRU5ErkJggg==) center/cover no-repeat;
}
.dark-mode .btn-fav-aspn-mobile.selected {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAP7SURBVHgB7ZtfTttAEMY/24lon5q+VIJWbXKChOe2AW5ATwCcoOkJCieAnqDhBMAJkoD6XDgBqVSVipfmraLE3s5YVCqI9b+1d22zP8lKwCvs/ZidnZ3ZBSwWi8ViqSoOSsDFCG008VEEWOefHReHuMbO4hqmMIxxgUJxPIwE6PM2U8fHmmmRjAp0PkLrkYev94jzj+mVj+XOGmYwhAuDLHg0rOTiMO3HNPRgEGMWdDlCb07Wk6St49BQe4sxDGDMgnwPB0nbCoHPMIQRgX6e4H3M0LpL+8cxBjCA9iEWMWvFMSOH3dHtsPVbUDPWMctomXDYWi2IrUd4OIcCFBt1dMZGei0oDwto6HXY2iyIrGeVrGeEHNA57euzIC/X/7w2X6RFoO/H2MzomO+F4qJVXdN+4UNMYVqPY0YOe7loh12oBRUoDtNinxY+o0BytaBwdQ70nAa6JMo6DwVogJz2mDpyKOY4I4saI0eUBGJBFkAiNLHiCPRIkB79ugXDsGDCwSkl3SbUwVOVYZhKIBakSZbhNtF1KPtX0NDJHxKLRDsV1zhKK1gigXgW8hxs6BoyRcMWRj0fLr7BfmzbqJsc3HH8UhlLSc+UxNqKCjqlAuWxbqoKUZG5fJpvmEtSGUAamUsFqou/SUJUX6MCRWOVBANI+yoXSOAIDwQOMmX3pAJRdXOIh4KPHdktqUDs1QOBT6g53MeowDFysXodYJvMb4r6MuU+RjWIjaQvv1CBzw8zgcbXWDmTKF0Sm+549prWMcAH1I9Eu0cS5YMW+xhSrLCDmsB9WepjL0nbVKt5SnMO6WMDVUZgf2kFm0mbp8ooUmVzwKkDVBV696sgXS47dcKs4DRqkWTakJUpo3iz0uetK1WZ2TIn+DMl7flBlCJ4h4owB+V8MqZdM1c1wki7AtM/z1gv+/K1VhzKVY2LE/JHJU2NkJ88e94PCwmZUa6L+SI+r2sK18UuFFEWyPNLvFYT+AZFjO5yrQK1Foh8o3IYou6DvPIGjAFKIBCVnNsoKXm8m7JAosTRtCiDBdFU+golhcrlT6CI+hArtwV1oEithxihbN3q03yJnTTK4INQbgsyK1DR+wPzQPUd7VIjBitQDGURaELLgi2niQ5f4XfHzAnDuzRglgkJsX3P7q4hX2FVdx5WUoyVmpQzilQr+4V0s8UsoCSbF2AvaZ44LBK4VENPL9SMCoRPoYB6JJ28Tjbj/DCfGnyxgkGaJDq35WIfnxXjv5F0QwW1nUARZQu62dwQdXp54jo4+D3Hfp7HKXlrMr38gK6urE0eh+9yOYrAIvkBdm+S9yzCGX0f00J2XPS5Ln72nzk2PRfd/4oHMt9msVgsFssD4i9xzEkLTuzBTgAAAABJRU5ErkJggg==) center/cover no-repeat;
}
.dark-mode .btn-fav-aspn-mobile.disable {
  pointer-events: none;
  opacity: 0.24;
  background: url(data:image/png;base64,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) center/cover no-repeat;
}

/* btn fav aspn web */
.btn-fav-aspn {
  background: url(data:image/png;base64,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) center/cover no-repeat;
  width: 20px;
  height: 20px;
}
.btn-fav-aspn.selected {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAP7SURBVHgB7ZtfTttAEMY/24lon5q+VIJWbXKChOe2AW5ATwCcoOkJCieAnqDhBMAJkoD6XDgBqVSVipfmraLE3s5YVCqI9b+1d22zP8lKwCvs/ZidnZ3ZBSwWi8ViqSoOSsDFCG008VEEWOefHReHuMbO4hqmMIxxgUJxPIwE6PM2U8fHmmmRjAp0PkLrkYev94jzj+mVj+XOGmYwhAuDLHg0rOTiMO3HNPRgEGMWdDlCb07Wk6St49BQe4sxDGDMgnwPB0nbCoHPMIQRgX6e4H3M0LpL+8cxBjCA9iEWMWvFMSOH3dHtsPVbUDPWMctomXDYWi2IrUd4OIcCFBt1dMZGei0oDwto6HXY2iyIrGeVrGeEHNA57euzIC/X/7w2X6RFoO/H2MzomO+F4qJVXdN+4UNMYVqPY0YOe7loh12oBRUoDtNinxY+o0BytaBwdQ70nAa6JMo6DwVogJz2mDpyKOY4I4saI0eUBGJBFkAiNLHiCPRIkB79ugXDsGDCwSkl3SbUwVOVYZhKIBakSZbhNtF1KPtX0NDJHxKLRDsV1zhKK1gigXgW8hxs6BoyRcMWRj0fLr7BfmzbqJsc3HH8UhlLSc+UxNqKCjqlAuWxbqoKUZG5fJpvmEtSGUAamUsFqou/SUJUX6MCRWOVBANI+yoXSOAIDwQOMmX3pAJRdXOIh4KPHdktqUDs1QOBT6g53MeowDFysXodYJvMb4r6MuU+RjWIjaQvv1CBzw8zgcbXWDmTKF0Sm+549prWMcAH1I9Eu0cS5YMW+xhSrLCDmsB9WepjL0nbVKt5SnMO6WMDVUZgf2kFm0mbp8ooUmVzwKkDVBV696sgXS47dcKs4DRqkWTakJUpo3iz0uetK1WZ2TIn+DMl7flBlCJ4h4owB+V8MqZdM1c1wki7AtM/z1gv+/K1VhzKVY2LE/JHJU2NkJ88e94PCwmZUa6L+SI+r2sK18UuFFEWyPNLvFYT+AZFjO5yrQK1Foh8o3IYou6DvPIGjAFKIBCVnNsoKXm8m7JAosTRtCiDBdFU+golhcrlT6CI+hArtwV1oEithxihbN3q03yJnTTK4INQbgsyK1DR+wPzQPUd7VIjBitQDGURaELLgi2niQ5f4XfHzAnDuzRglgkJsX3P7q4hX2FVdx5WUoyVmpQzilQr+4V0s8UsoCSbF2AvaZ44LBK4VENPL9SMCoRPoYB6JJ28Tjbj/DCfGnyxgkGaJDq35WIfnxXjv5F0QwW1nUARZQu62dwQdXp54jo4+D3Hfp7HKXlrMr38gK6urE0eh+9yOYrAIvkBdm+S9yzCGX0f00J2XPS5Ln72nzk2PRfd/4oHMt9msVgsFssD4i9xzEkLTuzBTgAAAABJRU5ErkJggg==) center/cover no-repeat;
}
.btn-fav-aspn.disabled,
.btn-fav-aspn.disable {
  pointer-events: none;
  opacity: 0.24;
  background: url(data:image/png;base64,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) center/cover no-repeat;
}
.dark-mode .btn-fav-aspn {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQlSURBVHgB7ZyBdZswEIbPeR0gnaBs0IxAJ6g3iDdoNggbJBs4naDdwO4EcSeATuB2gr+6SH518QnEIWOB+d7TS7AREsfpTncSJpqZmTkjC0oEALfmT2YK/90tFovfNPMmmMyUDU5Z83d0zRgB3Jmyh5+Sz6FrxGlOk3AO7K9OSGxvnHaEwufe0rXg7IukKV9MWUHWrCe6BsyN5h4tuQs4J6epA3loFcJ5D8J5JU0ZN4SCbxqy+y9oisB6rVK44ayhjjTU2D5Nz2BDNszrgHrPQr1pGWynPSdDCwEzZdgpwb6L5o0Oj/Y8dKhfCPU3NAXMjSwl7el4Dd/EMqex47mxe+qIR9Dj1iLYWXGdHSmB7PaDh2pSwO/W1YEn/G4/o9SBtRM8DJ48T5pZU0/MNV481351bXMfos2T1BlF99Q+m8IakZPNBjZRmfLJZAor6oG7eTbybULYubI15adpVz20gzsGGyqsEZbHqbOkSMAfzDbBff5myj1iDckjoWygp8QZEl6w2cgSejZQeNPjDix7dKCC1bSczozrJ9ulHXSUnQVlKjx2aIBVdwsbM0U1kF2B9ZxL15cNuvEY2sgqUCA89HIkHlm7Ph7MRJvtzEMu+Oqp/H0MAmnD3YNvqrBpq6yOuscGFPkpn/vMaaJAju/y43NuanWk5d6Mpks3cwE5OTWNvIuANMRCKm0EtRtnxNwA5AWE9lgRY46YA4HsjBB8j5DdYIkJrCbA773CMw3wpzhHb49gA1bp4WddrtMUMY92yQX+EEoXTENe/mVGZ7QbhFNQHyAv3DHR8jvnBvKEkHmmGECOz0axsQn+jVqvFAv4LT9/llGiDNrvpieBRN0/ZM2PL5yjBkfj2WBXOCTOaxbg92w5JQJsvlpiGO8L2bMlM4mEPBksaEhwGtTuKRFwaivVW/duSM+P2nFKhrrel6+kpI+AroJZQC30EVBWO64oHara8QdS0kdA9UZ/UTrUc+vvSUkfAaWcPKtqxx9JScwhltIu+D8UiZgalNIQq2rHGSlRCQhysFdROlT1D6AMULUaJNmflN4xlfqispmzgFp4RzqkxirqAWxO6e26ffcxevqSkYKYGqQCNsfEmYDyUFywuU4hhXKxUAN2oxYLhktO/wud/1/xd9BskYvIoAKCXZB8dOkHXsnMA6plprxcSlCDCOggGLJDqCCdPcjon6CeWtz2ZWf5kHPTK895a4Ttq97C7rjosu14LdkpyPsscxoKpxF1SieQw+sIJcLYem6yaS+h1PbhNQTf9uVhtQr9NpezRnFeu3WFAXa5KVRQPrY0NNC/DlBA8TSdoFioJbqT0SWA/KqkxMG+RFFzWBtTBrZd0CWB1STpNYAK9onndCZg179ePO1vY7Qd7QeWnHawTeE4qBr6B5KO2ifXfkUzMzOp8xcYLbkBMVNiMwAAAABJRU5ErkJggg==) center/cover no-repeat;
}
.dark-mode .btn-fav-aspn.selected {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAP7SURBVHgB7ZtfTttAEMY/24lon5q+VIJWbXKChOe2AW5ATwCcoOkJCieAnqDhBMAJkoD6XDgBqVSVipfmraLE3s5YVCqI9b+1d22zP8lKwCvs/ZidnZ3ZBSwWi8ViqSoOSsDFCG008VEEWOefHReHuMbO4hqmMIxxgUJxPIwE6PM2U8fHmmmRjAp0PkLrkYev94jzj+mVj+XOGmYwhAuDLHg0rOTiMO3HNPRgEGMWdDlCb07Wk6St49BQe4sxDGDMgnwPB0nbCoHPMIQRgX6e4H3M0LpL+8cxBjCA9iEWMWvFMSOH3dHtsPVbUDPWMctomXDYWi2IrUd4OIcCFBt1dMZGei0oDwto6HXY2iyIrGeVrGeEHNA57euzIC/X/7w2X6RFoO/H2MzomO+F4qJVXdN+4UNMYVqPY0YOe7loh12oBRUoDtNinxY+o0BytaBwdQ70nAa6JMo6DwVogJz2mDpyKOY4I4saI0eUBGJBFkAiNLHiCPRIkB79ugXDsGDCwSkl3SbUwVOVYZhKIBakSZbhNtF1KPtX0NDJHxKLRDsV1zhKK1gigXgW8hxs6BoyRcMWRj0fLr7BfmzbqJsc3HH8UhlLSc+UxNqKCjqlAuWxbqoKUZG5fJpvmEtSGUAamUsFqou/SUJUX6MCRWOVBANI+yoXSOAIDwQOMmX3pAJRdXOIh4KPHdktqUDs1QOBT6g53MeowDFysXodYJvMb4r6MuU+RjWIjaQvv1CBzw8zgcbXWDmTKF0Sm+549prWMcAH1I9Eu0cS5YMW+xhSrLCDmsB9WepjL0nbVKt5SnMO6WMDVUZgf2kFm0mbp8ooUmVzwKkDVBV696sgXS47dcKs4DRqkWTakJUpo3iz0uetK1WZ2TIn+DMl7flBlCJ4h4owB+V8MqZdM1c1wki7AtM/z1gv+/K1VhzKVY2LE/JHJU2NkJ88e94PCwmZUa6L+SI+r2sK18UuFFEWyPNLvFYT+AZFjO5yrQK1Foh8o3IYou6DvPIGjAFKIBCVnNsoKXm8m7JAosTRtCiDBdFU+golhcrlT6CI+hArtwV1oEithxihbN3q03yJnTTK4INQbgsyK1DR+wPzQPUd7VIjBitQDGURaELLgi2niQ5f4XfHzAnDuzRglgkJsX3P7q4hX2FVdx5WUoyVmpQzilQr+4V0s8UsoCSbF2AvaZ44LBK4VENPL9SMCoRPoYB6JJ28Tjbj/DCfGnyxgkGaJDq35WIfnxXjv5F0QwW1nUARZQu62dwQdXp54jo4+D3Hfp7HKXlrMr38gK6urE0eh+9yOYrAIvkBdm+S9yzCGX0f00J2XPS5Ln72nzk2PRfd/4oHMt9msVgsFssD4i9xzEkLTuzBTgAAAABJRU5ErkJggg==) center/cover no-repeat;
}
.dark-mode .btn-fav-aspn.disable {
  pointer-events: none;
  opacity: 0.24;
  background: url(data:image/png;base64,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) center/cover no-repeat;
}


/* btn fav aspn web */
.btn-fav-aspn-circle {
  background: url(data:image/png;base64,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) center/cover no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.btn-fav-aspn-circle.disabled,
.btn-fav-aspn-circle.disable {
  pointer-events: none;
  opacity: 0.24;
  background: url(data:image/png;base64,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) center/cover no-repeat;
}
.btn-fav-aspn-circle:hover {
  background: url(data:image/png;base64,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) center/cover no-repeat;
}
.btn-fav-aspn-circle.selected {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAArZSURBVHgB7Z1LbFTXGcf/59wJJSEJc4MfQB+YSlU3jWzWiVKzbVIFlqULm13bLAKrVt0AG5qsgAUqu4AUJUuIonZrp0rWGKWLVpVq95EQP+DaFGiCfc/J953xNfPwzNwZ35n7nfH9SdjD+I7HM//5vvM9zkNhAJiPovK+dYxBYwIK47Ao091jVtF9hALKtnJfLQoL9HVVWaxa+k6Pu1PSOjLG3HlYwtzRMFyF5yh4yN3laHKP1uMb1kzSK5ggYcbQC/gDYDFXUnqWRR8eDmfhGV4IzBb6otFTLKhSmNzWGvsAPfcqPfdsgODWehB/cigMFyAcsQInosbWnCD3OQmB0Js3qxFc/18QfyTVnYsTmN1voPEm3ZzOy1K7gaz7OmJcGRkJ5yAIMQI7YRXOSbXWtCRWPTT04g0IIHeBB0XYBihAC2xwPm+hcxN4YIWth4TWBqfzisD7LvDdKBorWVwyBiewi+AxOta40O/IW6OPLN2L3g4Mbu82cRkKGKd1jNtfLUdn0Ef6YsFstUGM9wbeHaeF3LbRON4Pa+65BSdWW4hbBVXe+mXNPbNgVx82FERZ9NUl+YZWuDx8IDyLHtETgdklU+R4kz6pEyhoTw9dduYCL0XRhK2IO4aC9PRI5EzH4MXF6AQMZgpxu2BzXF5ciTLNMDKz4KWVaIoCqeso2DEKwfRIRhWwTAQuxM2erETescCFuL0jC5F3JLAbcwMKqAp6ycnRofAWuqRrgV11igsYHvVsPWVVGRzvts/cVRS9mefOFOL2hbIlL8nvObqgK4F1kQr1F06hqLbA1UF0SMcCU235UiFuDlBV8Hkq/aJDOhqDuXFAbvkyCnKD3v+zB4fD1BqkFrgIqsSwagIcS1vSTO2ii6BKDGXurae9OJXA7JqLcVcO3FtP20tu66IL1yyWVK66rQUHlaZ9Ia48ytR9utTuopYC89RWniwG31n/N8yXbyH+25j7x7f5vgHgxDJp1OqCli568V407/3YS0LGCz9vFPSZHyAY+9h99xleSTEyFB5v9vOmFry0FE17L65Z215cJhE+XoPPcMDVyoqbCkz1z46rJtKwS++2dsXsupffhe9Y1VyrbQUeCOv9+q8w9//Y9jJL19jHn8JnWlnx9hasMQXPif/zy9TXmi/egu80s+IGgf/LsyI9n6Ru713rLEqma+39a/CZZlbcIPAeg7fhMzyupnDN9Zjld7wPuGLVuOarRuCI+o2+570uaOomxyVxfQ+4KGWaqu8Z1wi8vu75qj92tasfoFs44PK8AFJ+dqPWQGtdtOfBVRYW6KpcHqOV299ki61KlptnFWMevvL4MypcvIEs0FThUs+9Cl95HCBMdv3ZsuBg3e/IOf7iN8gK6/lYXO2mtwS2pVrT9gm7+mGmY6d99KnvadNkcmNLYGU8tWBXbnwHWeN+p6cBl1L4aXLbCezagvCw59usU5QF8VrvfnfvKSdFjxJ/oUjLj4Xa1B3iGrP9/+ewD//kXGlP4Q/QP8ah9r0K9fzrNLi9TMHXK/CBuKLpbEXggEzaQB4kqH30WaUZ8PXnTlgncp9xY3LVh4kFx96XXaSt9v5Eak95kv5ddmmSmMY+C/rgz7DfkJAPyEI9cY+KxHaCv/C6HMEVFkYPhEcVlyefxIiQIxwF27UPeu9y+4Rz6ftPQZV/gTzhfFhxgEXVjxnkARcnOH8djPlRjZAl6+9eza1oQpnRMZ1bgOUi4DcGV1yGUziKxHOcUDDBAueSHvle8+2EvCpjRpPACDCOHBiU8TYNeb1WDb1fk5/Op8AR7MeuIafXaqw5qimczkVgTSnFbkHl9FqVxhGdW4ky5xSin+jh3yIvdF4FDlcFeunXGHTUgV/lV/iwKKvFlcgiL3ge1PxrsE8GM1VSeygP/uFfyIzyizf6uuN7AxR8qO+9P5ABl6LXpI98nKu4TL4Co1LH1QcvYuDgcVdATTp3gRlXt80xEMkafi1aSHzBlSwRR7Lp4d9Rcf4UfIcbDPxapKCtkiEwo0cvVlpvnqKe5eHmDxADn9kESXBg8v33XfTpGy5i5oBRywkY2TtrZd0hyXLgFhtHnx5F1lsRs7CZHcZgjStZ/4I0WGSyZF9Qh69Knbazqq2QIKsernT5kD5xxKyE1tXJRc9pGoRFnXdbDZcy3QQ3obgcXlDEXA8br34SyBWY4RxZKq7OLJiALXgfhAVZdYiOqIVvwfSwRAKHvApNyRa5oAtIU15hqDf/I9pNi0Xwlg/W4A5/dwLbGJ9AKKJbifEDCGaWv1QEFhxJi55WK/hvCzY1dQIfGg5npTQdGpC8840R+7etDpOmfOPpAnBdMWlp2A25VmKFfvisfTrkPhVY6jgs2YKFumitgq3T6LYE/k5J5vmDUq2EkRoAxkHcaMGcDysIdNOSgyyBYzC75+pt/mv6wcbiI0hDsosW+LeRe645kaVGYHbToqJpD1YeSluk/iiIa4y0RmB20wbI5OTpgv6jlL6ebICW0DBlh3x412fVFuRMbK7U39Ug8GbRYxYDBPeU9eGr0D+6U/lHtyX3mbuBg6vtzhgubXdxbHFBK7+3NmTcXhk846J+C4XyKTdF1/LOPfev7WiHWinUB1cJTY/VWVqJZiTs/B7/fayjaJUnwLGA+qUOFn1tHs7RsdD0XMGPF5A7mzvqbPejptNm2YohgLTzpFlYt6KAXfDoxc6a8TzJj9x2QI91Fp9ykoEUN69scL7pz9ACCVbMbtT887WmP3du+IWfVVZFZDgnma3ZuW96/mbwByL3WR0trLfy4xbkusVSFW6sXPy92+vCuWC26udeqYjb4y2K3HOvfVjZaW9zr42mY3sOaIvjSedoO9qePrq8Et2k3Njvrf4HFM57Rw7sP93qmrZLVzYCnBXbK97FKIXVWJu2cVJbgblwvSEk4Cp4ijG4kOaY97YuOkFK2lSAtoFVNalXF8YBTheuOn/YNRuN42mvTy1w4aplkNY1J6R20QlfrUS8ybTfx995Cg2RVw4OhWc6eUzHAvP+0usGM1Tc9uMYgEGhg3G3mo5X+HPPONY4WSx36SP0Xncy7tY+tEuWlqIJ+njMeHlai0dU8l0c62TcrabrPTq490jinkZBT9nYwOluxWV2tAnL6FB4i6K6QuQewe/t4dFwRzNsunbR1dxdiqa1xnsoyAwW99BIeB07JBOBmULk7MhKXCazfbI2/6CTRbWre1xAFeNkVuK634mMcecQU54s4qAtn6BUSFH6ORKGmS7lzXynO474XM5W5MnpUZjj9yxrcZmebGXIInPVhUtrKGgJv0ePSdydpEKtyNxF1/PlcnSmpHCuKIjU4rpC1Dg4OBxeRg/pucBMMS7XwpPUbQnTvbLaavoicMJut+Z+WW3Nc6LPOGuOcZ5uTmEXobW6taHs2X5YbTV9FzjBTcnlwsiAu23njoHzh1pMbe0luQmc4CpgAc4NmtB5C5uQu8AJLHSg1ZSFnYTHSBE2QYzACdxntho8LcWbMdoFTxY3eG21FGETxAmcMB9F5b3rOCHZqtlatdY3H2lzo35lvRTEClwNR95Yx2RJqzetspP0xuaSZrGlKqtmrVKzkkWtxguB6+EIPNB6XFk7aZSd6FWAxudZBFC3WdDYmDvS3G8avBS4HufONzDBoltjQq3UOBdTrLWhVSjTizxS/5jNcdOtLNdQ83TPgoFZc0ccGMw9eqay3zI851s6HobTNdKUAQAAAABJRU5ErkJggg==) center/cover no-repeat;
}

.dark-mode .btn-fav-aspn-circle {
  background: url(data:image/png;base64,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) center/cover no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.dark-mode .btn-fav-aspn-circle.disabled,
.dark-mode .btn-fav-aspn-circle.disable {
  pointer-events: none;
  opacity: 0.24;
  background: url(data:image/png;base64,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) center/cover no-repeat;
}
.dark-mode .btn-fav-aspn-circle:hover {
  background: url(data:image/png;base64,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) center/cover no-repeat;
}
.dark-mode .btn-fav-aspn-circle.selected {
  background: url(data:image/png;base64,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) center/cover no-repeat;
}

@media(max-width: 768px) {  /* for test */
.btn-fav-aspn {
  background: url(data:image/png;base64,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) center/cover no-repeat;
  width: 14.67px;
  height: 13.63px;
}
.btn-fav-aspn.selected {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAP7SURBVHgB7ZtfTttAEMY/24lon5q+VIJWbXKChOe2AW5ATwCcoOkJCieAnqDhBMAJkoD6XDgBqVSVipfmraLE3s5YVCqI9b+1d22zP8lKwCvs/ZidnZ3ZBSwWi8ViqSoOSsDFCG008VEEWOefHReHuMbO4hqmMIxxgUJxPIwE6PM2U8fHmmmRjAp0PkLrkYev94jzj+mVj+XOGmYwhAuDLHg0rOTiMO3HNPRgEGMWdDlCb07Wk6St49BQe4sxDGDMgnwPB0nbCoHPMIQRgX6e4H3M0LpL+8cxBjCA9iEWMWvFMSOH3dHtsPVbUDPWMctomXDYWi2IrUd4OIcCFBt1dMZGei0oDwto6HXY2iyIrGeVrGeEHNA57euzIC/X/7w2X6RFoO/H2MzomO+F4qJVXdN+4UNMYVqPY0YOe7loh12oBRUoDtNinxY+o0BytaBwdQ70nAa6JMo6DwVogJz2mDpyKOY4I4saI0eUBGJBFkAiNLHiCPRIkB79ugXDsGDCwSkl3SbUwVOVYZhKIBakSZbhNtF1KPtX0NDJHxKLRDsV1zhKK1gigXgW8hxs6BoyRcMWRj0fLr7BfmzbqJsc3HH8UhlLSc+UxNqKCjqlAuWxbqoKUZG5fJpvmEtSGUAamUsFqou/SUJUX6MCRWOVBANI+yoXSOAIDwQOMmX3pAJRdXOIh4KPHdktqUDs1QOBT6g53MeowDFysXodYJvMb4r6MuU+RjWIjaQvv1CBzw8zgcbXWDmTKF0Sm+549prWMcAH1I9Eu0cS5YMW+xhSrLCDmsB9WepjL0nbVKt5SnMO6WMDVUZgf2kFm0mbp8ooUmVzwKkDVBV696sgXS47dcKs4DRqkWTakJUpo3iz0uetK1WZ2TIn+DMl7flBlCJ4h4owB+V8MqZdM1c1wki7AtM/z1gv+/K1VhzKVY2LE/JHJU2NkJ88e94PCwmZUa6L+SI+r2sK18UuFFEWyPNLvFYT+AZFjO5yrQK1Foh8o3IYou6DvPIGjAFKIBCVnNsoKXm8m7JAosTRtCiDBdFU+golhcrlT6CI+hArtwV1oEithxihbN3q03yJnTTK4INQbgsyK1DR+wPzQPUd7VIjBitQDGURaELLgi2niQ5f4XfHzAnDuzRglgkJsX3P7q4hX2FVdx5WUoyVmpQzilQr+4V0s8UsoCSbF2AvaZ44LBK4VENPL9SMCoRPoYB6JJ28Tjbj/DCfGnyxgkGaJDq35WIfnxXjv5F0QwW1nUARZQu62dwQdXp54jo4+D3Hfp7HKXlrMr38gK6urE0eh+9yOYrAIvkBdm+S9yzCGX0f00J2XPS5Ln72nzk2PRfd/4oHMt9msVgsFssD4i9xzEkLTuzBTgAAAABJRU5ErkJggg==) center/cover no-repeat;
}
.btn-fav-aspn.disabled,
.btn-fav-aspn.disable {
  pointer-events: none;
  width: 14.67px;
  height: 13.63px;
  opacity: 0.24;
  background: url(data:image/png;base64,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) center/cover no-repeat;
} 
}

/* btn fav aspn circle */
.btn-fav-circle-mobile,
.btn-fav-circle {
  background: url(data:image/png;base64,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) center/cover no-repeat;
  width: 1.25rem;
  height: 1.188rem;
  cursor: pointer;
}
.btn-fav-circle-mobile.selected,
.btn-fav-circle.selected {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAqvSURBVHgB7Z07bFvXGcf/51w2dZ7mjS350YflAkWXBlLmBKm8Nilij3UHyVvbDHGmFl1sL24y1R2MerMNBMnoFEG7WimS2RLSoUWBSm2ROKJkX8mwXSfWPSffd0gqfIjkJXUf36HuD9CTpCjeP7/neSmMActRVN23hZlAYQoK07Co0q+nLP9MKKBq679rR2GFPm8oiw1LX+lxSxWtI2PM0v0KFo+H4QY8R8FDbq9Fs09oPb1lzSy9ghkSZgpZwG8Ai8WK0gss+sREuADP8EJgttDnjJ6LrTnJgu5ojTmgFFm6xUKA4IPHQfzRkTBcgXDECtwqKrnPWQiELt6CRnBNstjiBGb3G2i8Tt/OF2Wpo0DWfU0ZXJfmxsUI7IRVOCfVWpPStOqDB5+7DgEULvC4CNsFJWiBDc4XLXRhAo+tsJ2Q0NrgTFGuO3eBb0fRVBDj6tgL2wHH6FjjQt7JmEaO1O5EbwYGt/aauAwljPM6xq0v1qKzyJFcLHivWm1PyG0bjRN5WHPmFryXrbYn1Hlja15fvzeHjMnMgrlR8bShJMoiV5fkG1rh0sSB8C1kRCYCs0umzPEGvVNnUDKYDF126gLXomjG1sWdQklyMhI51RjMtS0MbpbijkAjLq+uRyeRIqkJXFuP5iie3PSpfywQvnY3aikmX6m4aBaXsuRrKEkNhWB+MoU2564FLsXNjjRE3pXAq6sULwJKqEoyQ1uc2E0fe2SBXXeKGxhlzM2aDRpnPjE5GS5iBEZKshp1bplQ5UPVkpfka44RGElgXZZC+cIlFPUWuDuIIRlaYOot/6EUtwCoK/gMtX4xJEPFYB44ILd8CSWFQdf/rcMTYWINEgtcJlVi2DABXkza0kzsosukSgxVHltPeudEArNrLuOuHHhsPenMkIEuunTNYknkqgdacFAftC/FlUciV91XYB7+48li8J3H/4X5/A3E/5hyH/w9/8532FWv8RBtH/q66NU70bL3sZeEjFd+1i3ot76PYOpD99VneCXF5MHwRK/be1pwrRbNey+u2dxZXKYpfLwJnxlkxT0Fpv7n0F0TadjaO/1dMbvutXfgO1b11mpHgcfCeh/9HebunwbezdJ97MOP4TP9rHhnC9bIfL5u1sT/+0Xi+5rP3oDv9LLiLoFd5uz5JHV758pwWTLd1969Ap/pZcVdAge+Wy/H1QSuuROz9rb3CVes0DUjs01g7lr5Xve6pGmUGpfE9T3hopJprnPMuE3g4LHn64fY1W68h1HhhMvzBkj1ya12A2130Z675zQs0HW5PEYrt7/JNtudLDfPKsYyfOXhJ9S4eA1poKnDpZ56Gb7yMEDY3MRt24J9d8/xZ79GWljPY3Grm94W2FbaTdsn7Mb7qcZO++Bjr8umVje9LbAynlqwaze+jbRxf9PThItq4u1lu07gRnPDvzHfXiNFaRBvZve3s6fabHpU+JOCJwu1aXSIe8z2/5/C3v+Lc6WZwm+gf01DPf0y1DOvUnB7gZKvl+ADcV3ThbrAAX4CA3mQoPbBJ/XBgEefOmGdyDnjYnLLm4kFx74XXKat9v1Y6pjyLH1ccmWSmIF9FvTeX2G/JCHvkYV64h4Vie0Ef/ZVOYIrrBw6EB5XEbW2vooRoUA4C7ab72XvcnPCufT9p6GqP0eRcD2sOMHilfkoAm5OcP06BvOjdoQsWX/ncmFNE156qgtLsFwG/Nr4istwCUeZeFETCiwvWlMFlUe+93yHoajOmNGY0QgwjQIYl3ibhKJeq4ber6mDVUyDI9iPPUNBr9VYc1xTOl2IwJpKir2CKui1Ko1jurAWZcElRJ7oid+gKHRRDQ7XBXr+Vxh31IFfFtf4sKiq1fXIoih4HtTyK7BfjWeppJ6gOvgHfyMzKi7fyHXH9y4o+VDffXcsEy5Fr0kf+7BQcZliBUa9j6sPX8TYwXFXQE+6cIEZ17ctMBFJG34tWkh+wZ0sESds6onfUnP+NHyHBxj4tUhBWyVDYEYfulgfevMU9SSHm99DDHxmEyTBicn33nXZp2+4jJkTRi0nYWTvrJV1hyTLgYfYOPv0KLPezpiFzewwBpvcyfoPpMEikyX7gjp6Weq0nQ1thSRZnXCny4fyiTNmJbSvTi56UVMQHmkf4jzgVqab4CYUV8MLypg7YePVsbQY3AHXyFJxfWbBBGzB+ypyLZgRnVEL34LpPmmrQ16FpmRbcckIkKa8wlA3fhBtxWIRvOWDNVjir05gG+MjCEX0UGJ8D4JZ4E91gQVn0qKn1Qr+34KGpk7gIxPhgpRBhy4k73xjxP5vG82zllp70SKt2G7JtRIr9M1n7Tchd1tgY/FnSESyBQt10VoF26fRbQv87YrM8welWgkjNQGMg7jbgrkeVo3MSxSSkyyBMZjdc+s2/23jwSLdtGQXLfB/I/fcts1/m8DspkVl0x6sPJS2SL3VPTNtArObNsCuDyUuKQal9LXOU1i6puyQD/8AJV6ijOkyzi6BG02PBYwRPKasj16G/uFS/YO+lzzOPAqcXO10kHRlpzvTGPEFrTzfeRaNvTJ4xkXnFgrV026KruWde+5e2dUOtVLoTK6a9DxWp7Ye3ZSw83v8z6mhslWeAMcC6ueHWPTVOJxjaKHpuYIfraBwGjvq7HRTz2mzbMUQQNJ50iysW1HALvjQxeEG43mSH7ntgB7rLD7hJAMpbl7Z4HzP29AHCVbMbtT8+5Wetzs3/OxP66siUpyTzNbs3Dc9fy/4DVH4rI4+1lu/uQ+FbrHUgouVq79ze104F8xW/dRLdXEz3qLIPffm+/Wd9hp7bfSM7QXAWyXtlFw1GXj6qJRYXNIN172TB/af6XefgUtX4gBnxI4V72GUwkaszcA8aaDA3BnZEpJwlXyDMbiQ5Jj3gS66SemqBTEgsWol8erC0lXLgF2z0TiR9P6JBS5dtQySuuYmiV10ky/WI95k+k2U5A6FyD8ePhieHeYxQwvM+0s/NrhJzW0/jgEYF4aIu60MvcKfx4xjjVPlcpccoWs9TNxtf+iI1GrRDL09bnp5WotH1OtdvDhM3G1l5D06JifDRRqQOIWSTNnawplRxWV2tQkLTw6grO4MSjKBr+3RQ+GuZtiM7KJbuV2L5rXGVZSkBot7ZDK8hl2SisBMKXJ6pCUuk5rAzOp6dJL+4NUy8RoNl1AZnDrSZ/hv6L+JlHHnEFOdLOKgLZ+gUkhR+TkZhqkuAkx9pzvO+FzNVtbJyVFY5GuWtrhMJlsZssjcdeHWGkr6wtfoIYm7m1KoH6m76E4+X4vOVhTOlXG5HTcqRAMHhyfCS8iQzAVmyrjcDk9StxXMZ2W1reQicJO9bs15WW3bcyJnnDXHOE/fzmEPkafVtpK7wE3clFxujIy523bCAufTrG2HoTCBm7gOWIBz4yZ00cI2KVzgJix0oNWchZ2Fx0gRtokYgZs0VlPMw6MY7ZIni+u8tlqKsE3ECdyEkzE8xqxkq2Zr1VrfeKDNdd74EwIRK3ArTbErWr1ulZ2lC1tImdUoc5aki9qKFwJ3wm480HpaWTtrlJ3JKkHj8ywCqFtWqYXYmCVp7jcJXgrcyXIUVfdtYYZFt8aEWqlpbqZYa0OrUKUXeazzMY246VaWa6hl+s2KgdnkIw54F/xHFSz6YKGD+BqW3pA5XvGjVAAAAABJRU5ErkJggg==) center/cover no-repeat;
}

/* btn fav old mobile and web */
.btn-fav-mobile,
.btn-fav {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEeSURBVHgBrVTBDcIwDHQQf8oEsAFlAtgANigbZISyQUfICIyAmIARwgaFCYItrpJV0dQVnGQlkPP1ro5KZEBKqeTakRFzI89jvdE/wA7X6YOWq7D0zAycLrYIegOf3BiB3UVsH1ylc25Jv4AFK0SX1WM/OjDXE5GIC641feKesW5BiXAs/z+xf7H7Z9+NOIhpGEFx6wwvSiIaIDdcJ64j7mehk3DtUcIJqq+mL++vVk9c0Qhw1SJ6fI54wH1scwORM8U70EQH5cB5l2hDVjD5Il2Zc3F4oSmAi6v6vdOTlTMRniLYxauxv6oJBxmiGuqKLMCwEl5Bq65Zo8S7B1VW0dBr3vdSRHXeWEXvcOgznAri0SJYIObodxOuwzfuG9iG2WV/qXxtAAAAAElFTkSuQmCC) center/cover no-repeat;
  width: 1.25rem;
  height: 1.188rem;
  cursor: pointer;
}

.btn-fav.disabled,
.nav-pill.disabled .btn-fav {
  pointer-events: none;
  width: 14.67px;
  height: 13.63px;
  opacity: 0.24;
  background: url(data:image/png;base64,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) center/cover no-repeat;
}
.btn-fav-mobile.disabled,
.btn-fav-mobile.disable {
  pointer-events: none;
  width: 14.67px;
  height: 13.63px;
  opacity: 0.24;
  background: url(data:image/png;base64,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) center/cover no-repeat;
}
.btn-fav.disable{
  pointer-events: none;
  background: url(data:image/png;base64,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) center/cover no-repeat;
}
.btn-fav-mobile.selected,
.btn-fav.selected {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUlSURBVHgB7ZxdUhtHEMf/s0sZeDJ5SomkKuIEhucEWzpBnBPgnMD4BMY3wCcIOUHICQQ4eY5yAq+rUlbyFD2lsEvaSfcg2QZbeDU76p2R+ldFafEa2J3+nO7eBRRFURRFURRFURRFURRFUVYBgwR52cPWZoaDscEu3cCWsThtPcDPSJDkBDDooW0z9OjK29dOWBRvSuztdDFEQmRIjRxPP1p8hv5tnc8lRlIW4LQ/x8tZ5y0wfDvGTkpWkJYFZHhw22mOBxtreIyESEoApOFHn/s/pcUhEiIZAfx9ge8/6ftvwFYwuLjdUmIiGQGUqK7ZVSwlFpIIwp8Lvp8ipz3Cl/v4E5GThgV4pJdkMQ+RANFbAO961zP8UcX/f0gqKWn0FrCRVQu+N+FgvL6GA0RO9AKoFVBt/G4oagG4dNJD+z+gE3tKGrsFPEJNYk9Jow3CPqnnLN6M8UWswThaC6DFD1bTibk+FK8LChhAuT7E6SwiJEoBDM4pfawXfK/BKelmHmcwjlIA1tQPvjeZp5YkSaNB2O1y7+BuXmJrZNHOLLZo8XexuMU6pv5xn+664G8ozhTb3+IVGiS4AKaLasbkQmhR2fyph7tVTo8nn+AvE4lfti5DGk4EM+QyRkbHpsSQGv9FdvX98L8RXoXOpmoJYJIqPqZF7ZirBW1jFbAo7JXA+ibHUR0r8hbAPy9wb1ziLBotbggWxJpBx7f07R2EafFPV33xGbb8scUxPPGygL962M1yKhEr78nR9nFFXhaQ57gL5RoUsHfggZcALsfO3yU1gbZoLkeU3nrgJQCXipl0Gt+LxtBa+Kan3kF4ex/PjQrBLX5rH8/gSe2N2OAFntI+4AiriMEhKyJqEGQnzENTVGs5AVYmLR2S5v9Amn+GmgQrRUx2xT06bGO5KXKDh6FmjoJVQ1tdqp2M0aXDAksKFQr7lO93Qg58BS1HsxCo/bdHh6dYMsjlnL0doRu6erqwcvSSBefj7ft4ggWwsIYMp2bLkKbyPSxq8d3vx4Lh9iL5Ti5WpZYhDU2Gw9Z3i334T6Qj5krX1sWFNtIgaKZzG2ItyYTS1IIzHalWpVhT/l2aav2KVhJwpsNZnGSfuJGm/OACP1mEn3yoAy3ESes+foQwjYylmBj3CVn9soLfn20Aqht1EBm2dOMw4jQzmGXjEwCZZQcNIB4D3NxQjn8RIU1MUYtbwEaOe4iUJq5N3gWZCN3PlAauTVwANkb/P6GJa2siCDeSbVTBNnBtogKYPDAXbVGOp9x46AyCiArAmHi1f0q2Jvsgh6gAyoj9/xSKA8trAbDxWwCE3zEhJgAuR6fw/ADHgde/4xsIIWcBWXDfyuORh9S1eoTAkxhG0FXKCSDsJueYygY7PJXGLUPuM5irwbAgSBbmxGpBr8/dK2dq3Rg3TOjj2ayJtIBdt4Ia8V7j5vMiIoAABTg3jV11DnPwGw5Ii49QQxBShTkRF1SzyPXO3VT9gRBuafOOzH5ARADWI7Vjd0NfXZ7J8dFE7kFzi5EEwa6kwJyUY5lALBWE5/H9LrshP98NMX3MgmB/7pEttSGAiABMxRsnSzmZ191UZV63ZIUewRIJwlyEoxs6m3Wep45JE56E0PgqTJ7y/AW3abnnU4/zImIB5IvPZ8yJOnfz1T72pBaf+bqLvkszjXsnRXHzvJsHFZoNEu0JTzTvIKOSBFlE/3KE502/yWr6ugWu1FIhrk+fv0oqg6IoiqIoiqIoiqIoiqIoiqIoy8//3Kh7qkBKqPgAAAAASUVORK5CYII=) center/cover no-repeat;
}



/* .btn-fav-mobile {

} */
.btn-fav-mobile.selected {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPwSURBVHgB7ZtNUtswFMf/imnpruw6oYsmJyCsGcCcoPQEhBNQTgDcID1Bww3SE8ShZU16AtINmXbT7Fo6OOqTcTvTgj8lS3Ki3wzDh21i/f303tN7MuBwOBwOR11hsIDpEC14OOEc++J3zjBgHk7Xt/AFhjEukBCHNzCkO2n9c4BjghX4pkUyKtD1EGurDVw9EOcPJNLtHJvtPcxgiAYMQuKcJIojoGOrNPVgEGMW9PUjNkKOcZ5z6Sb95g5GMIAxCwrnGOQ9l5x3H4YwItDNCEepU+t/6NzoGgNon2KJUSsDDsx+hWjrdtj6LcjLcMwJ0JNcM+GwtVpQZD0eriGDh5bO3EivBamwgFCvw9ZmQdML7JIfCaAAnWFfmwWpDNUk9Ck0oUWg6QgHZRxzCr6usF/5FCsb1rMQYZ9W/J2qHXalFlSVOAIR9nGH4OYSr1AhSi1IrM6fedhgHJ05i2o7PvQQNDgGVEcaq3beUgIJQZ562GX3QnTI7jv0H9dgnoC+xiJqUvY9ksm+CwkUWUgDr+lJCTH2q5g6VcBF1YBFlQNRqRwX8Vu5BBJRiETpQt+UqZqA3EC/uYvzrBNTBYqSO5G/1MRSCkMVS0YPPs1vJQqkMvO1nbTMPDHM68xWTZM21rQ8yMfy4CcdSBPIWCdBNzxlrIkC0bzMXTNeABLHmmZBfSwJooubdCxRoNir97D49NISx9TF6m2IM/o2weIyiceYSGYmHTf4AsCKNZZKZshRLsksd7zYxmdKy99i0WD5do/kqgeJNQul5KdYEMRY1rfxLte5KAAtP95TztBFvRms7+BN3pMLVRR/hjhGzg0HliKc8mGRCwoXzOLm35B+bKFeTMgpF96QVaqiGIt0hfpEtlwR6zFKFe2be1RHwf1+wjpAD7NbtvtRuqsRZdrM/vAvItbLLXxASaS7GjcXkT/yYSNUh6ZwvgkJpPtipHBmXdcUZD3Sa0kVjUO57SxVwuW7rkZ3udaBhRaINfAckqgQqA1LoZaVdJ4mLxCrdvOAFFw+25cWSMVTqgo7LMjiNRmHHQJZa0ENZsEUg91TrAVJVDjpFizFTbEMmGmBolcpLUd2D6NbamTgBMrACoGoLBGQvzhkT9Be8bBJa6iu+BssYAUGiUU4a24/EEN0Ts6/XaIThjgy2WpSUVH8jmLRQuzF6VMRvZe3Tvz3vfoSQlEPTGqMKqZY3j7ZTNSHqS/Vpps+LlJEF00CqoEfMro27vBOcl4qvcdJ2oKy3l6O/cvgxx3OVb5OOf2EAy72DIjN60koePlOWiCBEGkO9OiGfdxbihAsoK/RI/5FKXGP7og+sxN/fppvczgcDodjifgNLycoFgkf+zwAAAAASUVORK5CYII=) center/cover no-repeat;
}
.btn-fav-mobile.disable {
  pointer-events: none;
  background: url(data:image/png;base64,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) center/cover no-repeat;
}

.fav-icon__margin{
  position: relative;
  top: -2px;
}
.nav-pill:hover .btn-fav,
.nav-pill.selected .btn-fav {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADdSURBVHgBrZS9DcIwEIUfPwOkgw5vABuQDRghI6SlywiwgUdgBMQEjOCWLi0d+LAjmZMTnxV/0lMU6+X5fHYMyDhYHSXGNWS0/vlAAZTVx6q3qlLmJdKc/JPCWhTAwFU4VDmLJggbNLk5K/ZOy9rA7SrpbLVlHhp/BeMLq3dooL6YSCW5Mn5FP7oCgR1byazQ0d2nI9JnBJG3RgIFWU/Js4eQmyBQIwNJheJDriDrH2nHP479y7G+XL04NQTooII7m0Dhvx0XSeATrj9TN0vjgw0SVH7W5L0HV63m3i/1AoSeAEARgQAAAABJRU5ErkJggg==) center/cover no-repeat;
  background-color: var(--color-hover);
  /* border: 0.1rem solid var(--color-hover); */
}
.nav-pill.disabled {
  pointer-events: none;
  border: 0.1rem solid #5C7784;
}
.btn-fav-mobile.normal {
  width: 21px;
  height: 19px;
}
.btn-fav.normal {
  width: 1.25rem;
  height: 1.188rem;
}
.btn-fav.small {
  width: 1.094rem;
  height: 1.039rem;
}
.btn-fav.mt-neg-025rem {
  margin-top: -0.25rem;
}
.btn-fav.nav-pill-margin {
  margin: 0.12rem 0.18rem;
}

/* scrollbar */
.scrollbar-default::-webkit-scrollbar {
  width: 0.5rem;
  position: absolute;
}
.scrollbar-default::-webkit-scrollbar-thumb {
  background: #4b616c;
  border-radius: 4px;
}
.scrollbar-default::-webkit-scrollbar-track {
  background: #212b30;
  border-radius: 4px;
}
/* .fav-modal__wrapper-list.scrollbar-show {
  padding-right: 0.25rem;
  width: calc(100% + 0.25rem);
} */

/* transition */
/* fav modal transition */
.showModal-enter-active,
.showModal-leave-active {
  transition: all .3s cubic-bezier(1, 0.5, 0.8, 1);
}

.showModal-enter-from,
.showModal-leave-to {
  opacity: 0;
}

.opacity-enter-active,
.opacity-leave-active {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}

.opacity-enter-from,
.opacity-leave-to {
  opacity: 0;
}
.sub-tab__wrapper{
  display: flex;
  white-space: nowrap;
}
.sub-tab{
  margin: 12px 16px;
  cursor: pointer;
  font-family: var(--weight-600);

  border-radius: 1px;
  padding-bottom: 8px;
  color:var(--color-text-default-secondary);
  border-bottom: 3px solid transparent;
  letter-spacing: .64px;
}
.sub-tab.active{
  border-bottom: 3px solid var(--primary-500);
  color: var(--color-text-default-default);
}

@media(max-width: 768px) {  /* for test */
  .sub-tab{
    margin: 24px 16px 0;
    cursor: pointer;
    font-family: var(--weight-700);
  
    border-radius: 1px;
    padding-bottom: 16px;
    font-size: 13px;
  }
  
}
@media(max-width: 768px) { /* for test */
    .btn-fav-wrapper {
        /* width: 2rem; */
        margin: 0 !important;
        padding: 0 20px 0 0;
    }
    .btn-fav-wrapper__mobile{
        min-height: 5rem;
        margin-left: 0.5rem;
    }
    .btn-fav-wrapper__mobile-phase-2-no-odds {
        margin-right: 1rem;
        /* margin-left: 0.5rem; */
    }

    /* transitions */
    .showModal-enter-from,
    .showModal-leave-to {
      /* opacity: 0; */
      transform: translateX(100vw);
    }

    /* scrollbar */
    .scrollbar-default::-webkit-scrollbar {
        width: 0;
        position: absolute;
    }
    .sub-tab__wrapper{
        margin: 1.5rem 0
    }
}

/* iphone 4 */
@media (max-width: 320px) {
    .btn-fav-wrapper {
        width: 1.2rem;
    }
}
@font-face {
    font-family: "OpenSans";
    src: url(../fonts/OpenSans-Medium.e627ba86.ttf);
    font-family: var(--weight-400);
    font-style: normal;
}
@font-face {
    font-family: "OpenSans";
    src: url(../fonts/OpenSans-Bold.d0d27370.ttf);
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Khmer-400";
    src: url(../fonts/Khmer-400.cbfe829d.ttf);
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "NotoSans";
    src: url(../fonts/NotoSans-Regular.c8e58bef.ttf);
    font-style: normal;
}
@font-face {
    font-family: "NotoSans600";
    src: url(../fonts/NotoSans-SemiBold.f5a1e147.ttf);
    /* font-weight: 600;
  font-style: normal; */
}
@font-face {
    font-family: "NotoSans700";
    src: url(../fonts/NotoSans-Bold.2ea5e085.ttf);
    /* font-weight: 700;
  font-style: normal; */
}
@font-face {
    font-family: "Rubik400";
    src: url(../fonts/Rubik-Regular.e3dfaffb.ttf);
    /* font-weight: 700;
  font-style: normal; */
}

:root {
    --weight-700: "NotoSans700";
    --weight-600: "NotoSans600";
    --weight-400: "NotoSans";
    /* --bg-theme:#111618; */
    --background-overlay: rgba(18, 18, 18, 0.8);
    --color-bar-background: var(--gray-200);
    --tag-live-text: #fff;
    --tag-active-text: #fff;
    --bg-theme: var(--gray-100);
    --color-background-invite-card: linear-gradient(
        61deg,
        #343a40 60%,
        #4caf50 99.53%
    );

    --bg-selected: var(--primary-500);
    --color-theme: #212b30;
    --color-theme-2: #6f8c9b;
    --color-grey-light: #cfd9de;
    --color-grey-60: #35454d;
    --color-grey-20: #212b30;
    --color-grey-40: #4b616c;
    --color-grey-80: #93a9b4;
    --bg-hover: #4b616c;
    --color-hover: #01c3f7;
    --color-hover-20: #111618;
    --color-error: #ff220c;
    --color-ok: #5cd66c;
    --color-blue-20: #2e8fef;
    --color-orange: #ed9c5a;

    /* Color Primitives */
    /* Mode 1 */
    /* color */
    --black-100: #1212120d;
    --black-1000: #121212;
    --black-200: #1212121a;
    --black-300: #12121233;
    --black-400: #12121266;
    --black-500: #121212b2;
    --black-600: #121212cc;
    --black-700: #121212d9;
    --black-800: #121212e5;
    --black-900: #121212f2;
    --card-red: #ff0707;
    --card-yellow: #ffcc07;
    --error-100: #ffcdd2;
    --error-1000: #8a1010;
    --error-200: #ef9a9a;
    --error-300: #e57373;
    --error-400: #ef5350;
    --error-50: #ffebee;
    --error-500: #f44336;
    --error-600: #e53935;
    --error-700: #d32f2f;
    --error-800: #c62828;
    --error-900: #b71c1c;
    --gray-100: #e9ecef;
    --gray-200: #dee2e6;
    --gray-300: #ced4da;
    --gray-400: #adb5bd;
    --gray-50: #f8f9fa;
    --gray-500: #6c757d;
    --gray-600: #495057;
    --gray-700: #343a40;
    --gray-800: #212529;
    --gray-900: #121416;
    --primary-100: #c1e6c8;
    --primary-1000: #0d3f12;
    --primary-200: #99d6a4;
    --primary-300: #70c580;
    --primary-400: #4db761;
    --primary-50: #e6f4ea;
    --primary-500: #28a745;
    --primary-600: #24983e;
    --primary-700: #208634;
    --primary-800: #1a7529;
    --primary-900: #135a1d;
    --secondary-100: #ccefff;
    --secondary-1000: #00334d;
    --secondary-200: #99dfff;
    --secondary-300: #66cfff;
    --secondary-400: #26b3ff;
    --secondary-50: #e6f7ff;
    --secondary-500: #009cff;
    --secondary-600: #008ce6;
    --secondary-700: #0075bf;
    --secondary-800: #005e99;
    --secondary-900: #004773;
    --success-100: #c8e6c9;
    --success-1000: #0d3c14;
    --success-200: #a5d6a7;
    --success-300: #81c784;
    --success-400: #66bb6a;
    --success-50: #e8f5e9;
    --success-500: #4caf50;
    --success-600: #43a047;
    --success-700: #388e3c;
    --success-800: #2e7d32;
    --success-900: #1b5e20;
    --tertiary-100: #fff1b8;
    --tertiary-1000: #735800;
    --tertiary-200: #ffe88a;
    --tertiary-300: #ffdf5c;
    --tertiary-400: #ffd83b;
    --tertiary-50: #fff9e6;
    --tertiary-500: #ffd700;
    --tertiary-600: #e6c200;
    --tertiary-700: #ccab00;
    --tertiary-800: #b39500;
    --tertiary-900: #8f7200;
    --warning-100: #ffe0b2;
    --warning-1000: #cc4400;
    --warning-200: #ffcc80;
    --warning-300: #ffb74d;
    --warning-400: #ffa726;
    --warning-50: #fff3e0;
    --warning-500: #ff9800;
    --warning-600: #fb8c00;
    --warning-700: #f57c00;
    --warning-800: #ef6c00;
    --warning-900: #e65100;
    --white-100: #ffffff0d;
    --white-1000: #ffffff;
    --white-200: #ffffff1a;
    --white-300: #ffffff33;
    --white-400: #ffffff66;
    --white-500: #ffffffb2;
    --white-600: #ffffffcc;
    --white-700: #ffffffd9;
    --white-800: #ffffffe5;
    --white-900: #fffffff2;

    /* Color */
    /* Light */
    /* color */
    --color-text-default-netural: var(--white-1000);
    --color-bg-error-default: var(--error-500);
    --color-button-active: var(--white-1000);

    --color-background-brand-default: var(--primary-500);
    --color-background-brand-default-hover: var(--primary-600);
    --color-background-brand-secondary: var(--primary-100);
    --color-background-brand-secondary-hover: var(--primary-200);
    --color-background-default-default: var(--gray-100);
    --color-background-default-default-hover: var(--gray-200);
    --color-background-default-secondary: var(--white-1000);
    --color-background-default-secondary-hover: var(--gray-100);
    --color-background-default-tertiary: var(--gray-50);
    --color-background-default-tertiary-hover: var(--gray-100);
    --color-background-error-default: var(--error-500);
    --color-background-error-default-hover: var(--error-600);
    --color-background-error-secondary: var(--error-100);
    --color-background-error-secondary-hover: var(--error-200);
    --color-background-model-default: var(--gray-50);
    --color-background-model-default-hover: var(--gray-100);
    --color-background-model-secondary: var(--white-1000);
    --color-background-model-secondary-hover: var(--gray-50);
    --color-background-model-tertiary: var(--gray-100);
    --color-background-model-tertiary-hover: var(--gray-200);
    --color-background-neutral-default: var(--gray-700);
    --color-background-neutral-default-hover: var(--gray-800);
    --color-background-neutral-secondary: var(--gray-300);
    --color-background-neutral-secondary-hover: var(--gray-400);
    --color-background-secondary-active: var(--secondary-500);
    --color-background-secondary-active-hover: var(--secondary-700);
    --color-background-secondary-inactive: var(--secondary-100);
    --color-background-secondary-inactive-hover: var(--secondary-200);
    --color-background-success-default: var(--success-500);
    --color-background-success-default-hover: var(--success-600);
    --color-background-success-secondary: var(--success-100);
    --color-background-success-secondary-hover: var(--success-200);
    --color-background-tertiary-active: var(--tertiary-500);
    --color-background-tertiary-active-hover: var(--tertiary-700);
    --color-background-tertiary-inactive: var(--tertiary-100);
    --color-background-tertiary-inactive-hover: var(--tertiary-200);
    --color-background-warning-default: var(--warning-500);
    --color-background-warning-default-hover: var(--warning-600);
    --color-background-warning-secondary: var(--warning-100);
    --color-background-warning-secondary-hover: var(--warning-200);
    --color-border-default-default: var(--gray-300);
    --color-border-default-neutral: #76ac7f;
    --color-border-default-secondary: var(--gray-500);
    --color-border-default-tertiaty: var(--gray-700);
    --color-border-error-default: var(--error-500);
    --color-border-error-secondary: var(--error-100);
    --color-border-gray-default: var(--gray-700);
    --color-border-gray-secondary: var(--gray-300);
    --color-border-model-default: var(--gray-300);
    --color-border-model-secondary: var(--gray-500);
    --color-border-model-tertiaty: var(--gray-700);
    --color-border-primary-default: var(--primary-500);
    --color-border-primary-secondary: var(--primary-100);
    --color-border-secondary-default: var(--secondary-500);
    --color-border-secondary-secondary: var(--secondary-100);
    --color-border-success-default: var(--success-500);
    --color-border-success-secondary: var(--success-100);
    --color-border-tertiary-default: var(--tertiary-500);
    --color-border-tertiary-secondary: var(--tertiary-100);
    --color-border-warning-default: var(--warning-500);
    --color-border-warning-secondary: var(--warning-100);
    --color-card-form-draw: var(--gray-500);
    --color-card-form-lose: var(--color-background-error-default);
    --color-card-form-win: var(--color-background-success-default);
    --color-card-red: var(--color-card-red);
    --color-card-yellow: var(--color-card-yellow);
    --color-icon-default-active: var(--gray-900);
    --color-icon-default-inactive: var(--gray-400);
    --color-icon-default-neutral: var(--white-1000);
    --color-icon-error-active: var(--error-500);
    --color-icon-error-inactive: var(--tertiary-100);
    --color-icon-primary-active: var(--primary-500);
    --color-icon-primary-inactive: var(--primary-100);
    --color-icon-secondary-active: var(--secondary-500);
    --color-icon-secondary-inactive: var(--secondary-100);
    --color-icon-success-active: var(--success-500);
    --color-icon-success-inactive: var(--success-100);
    --color-icon-tertiary-active: var(--tertiary-500);
    --color-icon-tertiary-inactive: var(--tertiary-100);
    --color-icon-warning-active: var(--warning-500);
    --color-icon-warning-inactive: var(--warning-100);
    --color-player-background: var(--gray-200);
    --color-progress-bar-away: var(--secondary-400);
    --color-progress-bar-background: var(--gray-200);
    --color-progress-bar-home: var(--primary-400);
    --color-progress-bar-inactive: var(--gray-400);
    --color-progress-bar-neutral: var(--gray-800);
    --color-radar-inner-a: #4db76133;
    --color-radar-inner-b: #26b3ff33;
    --color-radar-stroke-a: var(--primary-400);
    --color-radar-stroke-b: var(--secondary-400);
    --color-tag-active-icon: var(--white-1000);
    --color-tag-active-text: var(--white-1000);
    --color-tag-bg: var(--gray-900);
    --color-tag-brand-bg: var(--color-background-brand-default);
    --color-tag-inactive-bg: var(--gray-200);
    --color-tag-inactive-icon: var(--gray-400);
    --color-tag-inactive-text: var(--color-text-default-secondary);
    --color-tag-live-text: var(--white-1000);
    --color-text-button-active: var(--white-1000);
    --color-text-button-inactive: var(--gray-100);
    --color-text-default-default: var(--gray-900);
    --color-text-default-neutral: var(--white-1000);
    --color-text-default-secondary: var(--gray-500);
    --color-text-default-tertiary: var(--gray-400);
    --color-text-error-default: var(--error-500);
    --color-text-error-secondary: var(--error-50);
    --color-text-primary-default: var(--primary-500);
    --color-text-primary-secondary: var(--primary-100);
    --color-text-success-default: var(--success-500);
    --color-text-success-secondary: var(--success-50);
    --color-text-warning-default: var(--warning-500);
    --color-text-warning-secondary: var(--warning-50);

    /* Typography Primitives */
    /* Mode 1 */
    /* number */
    --scale-01: 0.625rem; /* 10px */
    --scale-02: 0.75rem; /* 12px */
    --scale-03: 0.875rem; /* 14px */
    --scale-04: 1rem; /* 16px */
    --scale-05: 1.25rem; /* 20px */
    --scale-06: 1.5rem; /* 24px */
    --scale-07: 2rem; /* 32px */
    --scale-08: 3rem; /* 48px */
    --weight-thin: 100;
    --weight-extra-light: 200;
    --weight-light: 300;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-extra-bold: 800;
    --weight-black: 900;
    /* string */
    --family-sans: "NotoSans";
    --weight-black-italic: Black Italic;
    --weight-bold-italic: Bold Italic;
    --weight-extra-bold-italic: Extra Bold Italic;
    --weight-extra-light-italic: Extra Light Italic;
    --weight-light-italic: Light Italic;
    --weight-medium-italic: Medium Italic;
    --weight-regular-italic: Italic;
    --weight-semibold-italic: Semibold Italic;
    --weight-thin-italic: Thin Italic;

    /* Typography */
    /* Mode 1 */
    /* number */
    --typography-body-size-small: var(--scale-03);
    --typography-body-size-large: var(--scale-04);
    --typography-body-font-weight-regular: var(--weight-regular);
    --typography-body-font-weight-strong: var(--weight-semibold);
    --typography-button-size-small: var(--body-size-small);
    --typography-button-size-large: var(--body-size-large);
    --typography-button-font-weight: var(--weight-semibold);
    --typography-caption-size-small: var(--scale-01);
    --typography-caption-size-large: var(--scale-02);
    --typography-caption-font-weight-regular: var(--weight-regular);
    --typography-caption-font-weight-strong: var(--weight-semibold);
    --typography-heading-size-extra-small: var(--scale-05);
    --typography-heading-size-small: var(--scale-06);
    --typography-heading-size-medium: var(--scale-07);
    --typography-heading-size-large: var(--scale-08);
    --typography-heading-font-weight-regular: var(--weight-regular);
    --typography-heading-font-weight-strong: var(--weight-semibold);
    --typography-heading-font-weight-bold: var(--weight-bold);
    /* string */
    --typography-body-font-family: var(--family-sans);
    --typography-body-font-style-italic: var(--weight-regular-italic);
    --typography-button-font-family: var(--family-sans);
    --typography-caption-font-family: var(--family-sans);
    --typography-heading-font-family: var(--family-sans);

    /* Size */
    /* Mode 1 */
    /* number */
    --size-padding: 120px;
    --size-blur-100: 4px;
    --size-depth-negative-1200: -48px;
    --size-depth-negative-800: -32px;
    --size-depth-negative-400: -16px;
    --size-depth-negative-200: -8px;
    --size-depth-negative-100: -4px;
    --size-depth-negative-25: -1px;
    --size-depth-0: 0px;
    --size-depth-25: 1px;
    --size-depth-100: 4px;
    --size-depth-200: 8px;
    --size-depth-400: 16px;
    --size-depth-800: 32px;
    --size-depth-1200: 48px;
    --size-icon-extra-small: 16px;
    --size-icon-small: 20px;
    --size-icon-medium: 24px;
    --size-icon-large: 32px;
    --size-radius-100: 4px;
    --size-radius-200: 8px;
    --size-radius-300: 12px;
    --size-radius-400: 16px;
    --size-radius-600: 24px;
    --size-radius-800: 32px;
    --size-radius-full: 9999px;
    --size-space-0: 0px;
    --size-space-50: 2px;
    --size-space-100: 4px;
    --size-space-200: 8px;
    --size-space-300: 12px;
    --size-space-400: 16px;
    --size-space-600: 24px;
    --size-space-800: 32px;
    --size-space-1200: 48px;
    --size-space-1600: 64px;
    --size-space-2400: 96px;
    --size-space-4000: 160px;
    --size-stroke-border: 1px;
}

.dark-mode {
    height: 100%;
    /* Color */
    /* Dark */
    /* color */

    --color-text-default-netural: var(--gray-900);
    --background-overlay: rgba(18, 18, 18, 0.8);
    --color-bar-background: var(--gray-900);
    --color-background-invite-card: linear-gradient(
        86deg,
        #fff 0%,
        #4caf50 99.53%
    );
    --tag-live-text: var(--gray-900);
    --tag-active-text: #fff;

    --color-background-brand-default: var(--primary-500);
    --color-background-brand-default-hover: var(--primary-600);
    --color-background-brand-secondary: var(--primary-100);
    --color-background-brand-secondary-hover: var(--primary-200);
    --color-background-default-default: var(--gray-900);
    --color-background-default-default-hover: var(--gray-700);
    --color-background-default-secondary: var(--gray-800);
    --color-background-default-secondary-hover: var(--gray-600);
    --color-background-default-tertiary: var(--gray-700);
    --color-background-default-tertiary-hover: var(--gray-600);
    --color-background-error-default: var(--error-700);
    --color-background-error-default-hover: var(--error-800);
    --color-background-error-secondary: var(--error-100);
    --color-background-error-secondary-hover: var(--error-200);
    --color-background-model-default: var(--gray-700);
    --color-background-model-default-hover: var(--gray-600);
    --color-background-model-secondary: var(--gray-800);
    --color-background-model-secondary-hover: var(--gray-700);
    --color-background-model-tertiary: var(--gray-900);
    --color-background-model-tertiary-hover: var(--gray-800);
    --color-background-neutral-default: var(--gray-50);
    --color-background-neutral-default-hover: var(--gray-100);
    --color-background-neutral-secondary: var(--gray-700);
    --color-background-neutral-secondary-hover: var(--gray-800);
    --color-background-secondary-active: var(--secondary-500);
    --color-background-secondary-active-hover: var(--secondary-700);
    --color-background-secondary-inactive: var(--secondary-100);
    --color-background-secondary-inactive-hover: var(--secondary-200);
    --color-background-success-default: var(--success-700);
    --color-background-success-default-hover: var(--success-800);
    --color-background-success-secondary: var(--success-100);
    --color-background-success-secondary-hover: var(--success-200);
    --color-background-tertiary-active: var(--tertiary-500);
    --color-background-tertiary-active-hover: var(--tertiary-700);
    --color-background-tertiary-inactive: var(--tertiary-100);
    --color-background-tertiary-inactive-hover: var(--tertiary-200);
    --color-background-warning-default: var(--warning-700);
    --color-background-warning-default-hover: var(--warning-800);
    --color-background-warning-secondary: var(--warning-100);
    --color-background-warning-secondary-hover: var(--warning-200);
    --color-border-default-default: var(--gray-600);
    --color-border-default-neutral: #76ac7f;
    --color-border-default-secondary: var(--gray-500);
    --color-border-default-tertiaty: var(--gray-400);
    --color-border-error-default: var(--error-500);
    --color-border-error-secondary: var(--error-100);
    --color-border-gray-default: var(--gray-700);
    --color-border-gray-secondary: var(--gray-300);
    --color-border-model-default: var(--gray-700);
    --color-border-model-secondary: var(--gray-500);
    --color-border-model-tertiaty: var(--gray-300);
    --color-border-primary-default: var(--primary-500);
    --color-border-primary-secondary: var(--primary-100);
    --color-border-secondary-default: var(--secondary-500);
    --color-border-secondary-secondary: var(--secondary-100);
    --color-border-success-default: var(--success-500);
    --color-border-success-secondary: var(--success-100);
    --color-border-tertiary-default: var(--tertiary-500);
    --color-border-tertiary-secondary: var(--tertiary-100);
    --color-border-warning-default: var(--warning-500);
    --color-border-warning-secondary: var(--warning-100);
    --color-card-form-draw: var(--gray-500);
    --color-card-form-lose: var(--color-background-error-default);
    --color-card-form-win: var(--color-background-success-default);
    --color-card-red: var(--color-card-red);
    --color-card-yellow: var(--color-card-yellow);
    --color-icon-default-active: var(--white-1000);
    --color-icon-default-inactive: var(--gray-400);
    --color-icon-default-neutral: var(--gray-900);
    --color-icon-error-active: var(--error-500);
    --color-icon-error-inactive: var(--tertiary-100);
    --color-icon-primary-active: var(--primary-500);
    --color-icon-primary-inactive: var(--primary-100);
    --color-icon-secondary-active: var(--secondary-500);
    --color-icon-secondary-inactive: var(--secondary-100);
    --color-icon-success-active: var(--success-500);
    --color-icon-success-inactive: var(--success-100);
    --color-icon-tertiary-active: var(--tertiary-500);
    --color-icon-tertiary-inactive: var(--tertiary-100);
    --color-icon-warning-active: var(--warning-500);
    --color-icon-warning-inactive: var(--warning-100);
    --color-player-background: var(--gray-700);
    --color-progress-bar-away: var(--secondary-400);
    --color-progress-bar-background: var(--gray-900);
    --color-progress-bar-home: var(--primary-400);
    --color-progress-bar-inactive: var(--gray-700);
    --color-progress-bar-neutral: var(--gray-50);
    --color-radar-inner-a: #4db76133;
    --color-radar-inner-b: #26b3ff33;
    --color-radar-stroke-a: var(--primary-400);
    --color-radar-stroke-b: var(--secondary-400);
    --color-tag-active-icon: var(--white-1000);
    --color-tag-active-text: var(--white-1000);
    --color-tag-bg: var(--white-1000);
    --color-tag-brand-bg: var(--color-background-brand-default);
    --color-tag-inactive-bg: var(--gray-600);
    --color-tag-inactive-icon: var(--gray-400);
    --color-tag-inactive-text: var(--color-text-default-secondary);
    --color-tag-live-text: var(--gray-900);
    --color-text-button-active: var(--white-1000);
    --color-text-button-inactive: var(--gray-100);
    --color-text-default-default: var(--white-1000);
    --color-text-default-neutral: var(--gray-900);
    --color-text-default-secondary: var(--white-500);
    /* --color-text-default-tertiary: var(--white-400); */
    --color-text-default-tertiary: var(--gray-600);
    --color-text-error-default: var(--error-500);
    --color-text-error-secondary: var(--error-50);
    --color-text-primary-default: var(--primary-500);
    --color-text-primary-secondary: var(--primary-100);
    --color-text-success-default: var(--success-500);
    --color-text-success-secondary: var(--success-50);
    --color-text-warning-default: var(--warning-500);
    --color-text-warning-secondary: var(--warning-50);

    --color-button-active: #ffffff;
}

html {
    height: 100%;
}
body {
    font-family: var(
        --typography-body-font-family
    ); /*"OpenSans", Arial, sans-serif*/
    margin: 0;
    /* background-color: var(--gray-100); */
    line-height: 1.3;
    height: 100%;
}
html {
    font-size: 100%;
}
a {
    text-decoration: none;
    color: var(--color-text-default-default);
}
p,
h1,
h2,
h3 {
    margin: 0;
}
ul {
    margin: 0;
    padding: 0;
}
li::marker {
    content: "";
}
ol li::marker {
    content: initial;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    font-family: "OpenSans", Arial, sans-serif;
    color: var(--color-text-default-tertiary);
}
input,
textarea,
input::placeholder,
textarea::placeholder {
    font-family: "OpenSans", Arial, sans-serif;
    color: var(--color-text-default-tertiary);
}
.container {
    margin-right: auto;
    margin-left: auto;
    /* overflow:hidden; */
}
.sec-default-bg {
    background-color: var(--color-background-default-secondary);
}
.invisible {
    opacity: 0;
    pointer-events: none;
    cursor: none;
}
.pe-none {
    pointer-events: none;
}
.nav-pill__wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
    white-space: nowrap;
    overflow-x: auto;
}
.nav-pill__wrapper.sub-nav__child {
    margin: 0 0 24px;
    padding-bottom: 0;
}
.nav-pill {
    border: 0.1rem solid var(--color-border-default-default);
    border-radius: 24px;
    /* color: white; */
    padding: 0.25rem 0.7rem;
    margin-right: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    background-color: transparent;
    font-family: var(--weight-600);
    letter-spacing: 0.64px;
    text-align: center;
}
.nav-pill.last-nav-pill,
.nav-pill.no-right-margin {
    margin-right: 0;
}

.nav-pill.selected {
    background-color: var(--bg-selected) !important;
    color: var(--color-button-active) !important;
    border: 0.1rem solid var(--bg-selected) !important;
    /* font-weight: var(-) */
}
.nav-pill:hover,
.nav-pill.active {
    background-color: var(--bg-selected) !important;
    border: 0.1rem solid var(--bg-selected);
    color: #fff ;
    font-family: var(--weight-600);
}
.nav-pill:hover .match-detail__icon {
    fill: var(--color-hover-20);
}
.nav-pill:hover .league-dropdown__svg {
    fill: var(--color-hover-20);
}
.nav-pill.disabled {
    border: 0.1rem solid #5c7784;
}

.nav-pill svg path {
    fill: #ffffff;
}
.nav-pill:hover svg path,
.nav-pill.active svg path {
    fill: #000000;
}
.nav-pill.disabled svg path {
    fill: #5c7784;
}

.form-group {
    margin-bottom: 0.5rem;
}
.form-group__container {
    display: flex;
    border-radius: 8px;
    /* box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); */
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border: 1px solid var(--color-border-default-default);
}
.form-group__container .form-control {
    border: 0;
    transition: unset;
    box-shadow: unset;
    background-color: transparent;
}
.form-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 8px;
    font-size: 16px;
    color: var(--color-text-default-default);
    letter-spacing: 0.64px;
}
.form-icon {
    width: 3rem;
}
.form-tips {
    margin-top: 8px;
    color: var(--color-text-default-default);
    font-size: 16px;
    letter-spacing: 0.64px;
}
.form-password-tips {
    margin-bottom: 8px;
    color: var(--color-text-default-secondary);
    font-size: 16px;
    letter-spacing: 0.64px;
}
.form-tips .error {
    color: var(--color-error);
}
.form-control {
    display: block;
    width: 100%;
    height: 3rem;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: var(--color-text-default-default);
    background-color: var(--color-background-default-secondary);
    background-image: none;
    border: none;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border: 1px solid var(--color-border-default-default);
}
.form-control:focus-visible {
    outline: none;
}

/* signup login */
.signup-wrapper {
    width: 100%;
    background-color: var(--color-background-default-secondary);
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: url("../images/signup_bg.png") center/cover no-repeat; */
    /* min-height: 50rem; */
    padding: 56px 0;
    border-bottom: 1px solid var(--color-border-default-default);
}
.signup-left__title-wrapper {
    width: 24.25rem;
}
.signup-form__phone-prefix {
    margin-right: 0.5rem;
    background-color: var(--color-background-default-secondary);
    border-radius: 8px;
    padding: 0 1rem;
    cursor: pointer;
    border: 1px solid var(--color-border-default-default);
    color: var(--color-text-default-default);
}

.signup-logo__wrapper {
    margin-bottom: 2.435rem;
}
.signup-left__title {
    font-size: 2.125rem;
    font-family: var(--weight-600);
    text-align: center;
}

.signup-form__wrapper {
    width: 375px;
    padding: 1.5rem;
    border-radius: 1rem;
    /* margin: 5rem 3rem 5rem 0; */
    /* overflow: hidden; */
    display: flex;
    align-items: center;
}
.signup-form__title {
    font-size: 32px;
    line-height: 120%;
    font-family: var(--weight-600);
    /* margin-bottom: 2rem; */
    color: var(--color-text-default-default);
    letter-spacing: -0.64px;
    line-height: 120%;
}
.signup-form__sub-title {
    font-size: 20px;
    font-family: var(--weight-600);
    color: var(--color-text-default-default);
}
.signup-form__title-hint {
    font-size: 16px;
    font-weight: normal;
    margin-top: 8px;
    color: var(--color-text-default-secondary);
    letter-spacing: 0.64px;
}
.signup-form__seperator-line {
    flex: 1;
    height: 0.1rem;
    background-color: #5c7784;
}
.signup-form__seperator-or {
    margin: 0 1rem;
}
.signup-form__password {
    margin-bottom: 1.5625rem;
}
.signup-form__disable {
    background-color: var(--color-background-default-tertiary);
    font-weight: var(--weight-600);
    font-family: var(--weight-600);
    padding: 12px 1.5rem;
    font-size: 16px;
    pointer-events: none;
    outline: none;
    color: var(--color-text-default-tertiary);
    border: 1px solid var(--color-border-default-default);
    height: auto;
    letter-spacing: 0.64px;
    cursor: no-drop;
}
.signup-form__enable {
    background-color: var(--color-background-success-default);
    color: var(--color-button-active);
    cursor: pointer;
    pointer-events: fill;
    outline: none;
}
.signup-form__otp-enable {
    border: 1px solid var(--color-border-default-default);
    background: var(--color-background-default-secondary);
    border-radius: 8px;
    pointer-events: fill;
    outline: none;
    cursor: pointer;
    color: var(--color-text-default-default);
    min-width: 154px;
}
.signup-form__confirm-wrapper {
    margin-top: 1.5rem;
}
.signin-info {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
    transition: all 0.3s;
}
.signin-info.error {
    background-color: var(--color-error);
}

.form-signup__btn-wrapper {
    margin-top: 32px;
}

/* progress bar */
.progressbar-wrapper {
    width: 100%;
    height: 2.125rem;
}
.progressbar li {
    list-style-type: none;
    width: 33.33%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
    letter-spacing: 0.2px;
}
.progressbar li span {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    color: white;
    font-family: var(--weight-600);
    font-size: 1.125rem;
    width: 2.125rem;
    height: 2.125rem;
    content: "";
    line-height: 60px;
    margin: 0 auto 3px auto;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    background-color: var(--color-grey-40);
}
.progressbar li:after {
    width: 100%;
    height: 0.375rem;
    content: "";
    position: absolute;
    background-color: var(--color-grey-40);
    top: 1rem;
    left: 0;
    z-index: 0;
}
.progressbar .active span {
    color: var(--color-theme);
    background-color: var(--bg-selected);
}
.progressbar .active:after {
    background-color: var(--bg-selected);
}

/* mobile account */
.mobile-account__header-back {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 2rem;
    color: var(--color-text-default-default);
}

.header-profile-pic {
    /* width: 1.93rem;
  height: 1.93rem;
  cursor: pointer;
  position: relative;
  border-radius: 50%; */

    /* border: 0.3rem solid var(--bg-selected); */
}
.modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--background-overlay);
    z-index: 100;
    overflow-y: auto;
}
.modal-wrapper.darker {
    background-color: rgb(0 0 0 / 81%);
}
.divider {
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-grey-60);
}

/*flex*/
.display-flex,
.display-flex-center,
.display-flex-align-center,
.display-flex-align-baseline,
.display-flex-align-start,
.display-flex-align-end,
.display-flex-justify-center,
.display-flex-sa,
.display-flex-se,
.display-flex-sb,
.display-flex-sb-t,
.display-flex-fe,
.display-flex-fs {
    /* OLD - Firefox 19- (buggy but mostly works) */
    /* TWEENER - IE 10 */
    /* NEW - Chrome */
    display: flex;
}
.display-flex-center {
    align-items: center;
    justify-content: center;
}
.display-flex-align-center {
    align-items: center;
}
.display-flex-align-baseline {
    align-items: baseline;
}
.display-flex-align-start {
    align-items: flex-start;
}
.display-flex-align-end {
    align-items: flex-end;
}
.display-flex-sb {
    align-items: center;
    justify-content: space-between;
}
.display-flex-se {
    align-items: center;
    justify-content: space-evenly;
}
.display-flex-fe {
    align-items: center;
    justify-content: flex-end;
}
.display-flex-fs {
    align-items: center;
    justify-content: flex-start;
}
.display-flex-sb-t {
    justify-content: space-between;
}
.flex-col {
    flex-direction: column;
}
.display-flex-bc {
    align-items: baseline;
    justify-content: center;
}
.flex-row {
    flex-direction: row;
}

.row-wrap {
    flex-flow: row wrap;
}
.flex-1 {
    flex: 1;
}
.flex-15 {
    flex: 1.5;
}
.flex-2 {
    flex: 2;
}
.flex-3 {
    flex: 3;
}
.flex-5 {
    flex: 5;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-start {
    justify-content: flex-start;
}
.fr {
    float: right;
}
.mr-03rem {
    margin-right: 0.3rem;
}
.mr-05rem {
    margin-right: 0.5rem;
}
.mr-1rem {
    margin-right: 1rem;
}
.mr-2rem {
    margin-right: 2rem;
}
.mr-s {
    margin-right: 0.5rem;
}
.ml-s {
    margin-left: 0.5rem;
}
.ml-m {
    margin-left: 1rem;
}
.ml-05rem {
    margin-left: 0.5rem;
}
.ml-1rem {
    margin-left: 1rem;
}
.ml-2rem {
    margin-left: 2rem;
}
.mt-s {
    margin-top: 0.5rem;
}
.mt-m {
    margin-top: 1rem;
}
.mt-l {
    margin-top: 2rem;
}
.mt-15rem {
    margin-top: 1.5rem;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-l {
    margin-bottom: 2rem;
}
.mb-s {
    margin-bottom: 0.3rem;
}
.mb-xs {
    margin-bottom: 0.25rem;
}
.mb-1rem {
    margin-bottom: 1rem;
}
.mb-15rem {
    margin-bottom: 1.5rem;
}
.mb-main {
    margin-bottom: 1.5rem;
}
.mb-03rem {
    margin-bottom: 0.3rem;
}
.mb-05rem {
    margin-bottom: 0.5rem;
}
.mb-2rem {
    margin-bottom: 2rem;
}
.mb-3rem {
    margin-bottom: 3rem;
}
.ma-1rem {
    margin: 16px;
}
.ml-3rem {
    margin-left: 3rem;
}

.pb-0 {
    padding-bottom: 0;
}
.pb-1rem {
    padding-bottom: 1rem;
}
.pl-1rem {
    padding-left: 1rem;
}
.pa-05rem {
    padding: 8px;
    box-sizing: border-box;
}
.pt-1rem {
    padding-top: 1rem;
}
.mlr-02rem {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}
.mlr-03rem {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}
.mlr-05rem {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.blur {
    opacity: 0.35;
    pointer-events: none;
}
.bold {
    font-family: var(--weight-700);
}
.c-black {
    color: black;
}
.font-s {
    font-size: 10px;
}
.font-m {
    font-size: 0.875rem;
}
.font-l {
    font-size: 1.375rem;
}
.tl {
    text-align: left;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
.td-underline {
    text-decoration: underline;
}
.img-icon {
    width: 100%;
    height: 100%;
}
.img-contain {
    -o-object-fit: contain;
       object-fit: contain;
}
.img-cover {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
}
.w-auto {
    width: auto;
}
.w-100 {
    width: 100%;
}
.w-90 {
    width: 90%;
}
.w-70 {
    width: 70%;
}
.mw-100 {
    min-width: 100%;
}
.h-100 {
    height: 100%;
}
.h-50vh {
    height: 50vh;
}
.bg-theme {
    background-color: var(--color-theme);
}
.bg-white {
    background-color: white;
}
.pointer {
    cursor: pointer;
}
.relative {
    position: relative !important;
}
.block {
    display: block;
}
.border-box {
    box-sizing: border-box;
}
/* button */
.btn {
    padding: 0.625rem 1rem;
    font-family: var(--weight-600);
    font-size: 0.875rem;
    border-radius: 8px;
    border: none;
    cursor: pointer;
}
.btn.btn-submit {
    padding: 1rem;
}
.btn.disable {
    background-color: var(--color-background-default-tertiary);
    color: var(--color-text-default-tertiary);
    border: 1px solid var(--color-border-default-default);
    pointer-events: none;
    cursor: not-allowed;
}
.btn.transparent-disable {
    pointer-events: none;
}
.btn.enable {
    background-color: var(--bg-selected);
    color: var(--bg-theme);
    pointer-events: fill;
    cursor: pointer;
}
.btn-outline {
    background-color: transparent;
    border: 0;
    box-shadow: unset;
    font-size: 16px;
    color: var(--color-text-default-default);
    letter-spacing: 0.64px;
}
.btn-outline-white {
    background-color: transparent;
    border: 1px solid var(--color-text-button-active);
    box-shadow: unset;
    font-size: 16px;
    color: var(--color-text-button-active);
    letter-spacing: 0.64px;
}
/*component*/
.my-scrollbar {
    width: 35%;
    min-width: 300px;
    max-height: 450px;
}

/* Content */
.scroll-me {
    min-width: 750px;
}
/*button*/
.btn-primary__outline {
    padding: 0.2rem 0.5rem;
    color: white;
    border-radius: 1rem;
    font-size: 12.8px;
    border: 0.1rem solid white;
}
.btn-line {
    background-color: #00b900;
    color: white;
}
.btn-zalo {
    background-color: #0068ff;
    color: white;
}
.btn-icon {
    width: 1.2rem;
    height: 1.2rem;
}
/*end button*/

/* tabs */
.tabs {
    color: var(--color-theme-2);
    margin: 0 0.5rem;
    font-family: var(--weight-600);
    cursor: pointer;
    border-bottom: none;
}

.tabs-line {
    height: 0.25rem;
    background-color: var(--color-theme-2);
    width: 100%;
    display: none;
    border-radius: 1rem;
    margin-top: 8px;
}
.tabs-name {
    font-size: 0.875rem;
}
.selected .tabs-line {
    display: block;
}
.selected .tabs-name {
    color: white;
}

.perfect-scrollball__medium .ps__rail-y {
    width: 6px !important;
    opacity: 1 !important;
    background-color: #212b30 !important;
    right: 0 !important;
    border-radius: 1rem;
}
.perfect-scrollball__medium .ps__thumb-y {
    width: 7px !important;
    border-radius: 1rem;
    background-color: var(--color-theme-2) !important;
}
.perfect-scrollball__medium .ps__rail-x {
    display: none !important;
}

.ps__rail-y {
    width: 2px !important;
    opacity: 1 !important;
    background-color: #212b30 !important;
    right: 5px !important;
}
.ps__thumb-y {
    width: 4px !important;
    right: -1px !important;
    background-color: #4b616c !important;
}
/*end component*/
.no-data {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6f8c9b;
    font-size: 0.88rem;
    padding-top: 1rem;
    box-sizing: border-box;
    padding-bottom: 1rem;
}
.overlay {
    background-color: black;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2;
    opacity: 0.8;
}
.hidden {
    overflow: hidden !important;
}
@media (min-width: 768px) {
    .container {
        width: 100%;
        /* width: 750px; */
        /* width: 1200px; */
    }
}
@media (min-width: 992px) {
    .container {
        /* width: 100%; */
        /* width: 768px; */
        /* width: 970px; */
        width: 1200px;
    }
}
@keyframes nimateBall {
    0% {
        transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        -o-transform: scale(0, 0);
    }

    60% {
        transform: scale(1.3, 1.3);
        -ms-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        -webkit-transform: scale(1.3, 1.3);
        -o-transform: scale(1.3, 1.3);
    }

    100% {
        transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
    }
}

@keyframes nimateBall {
    0% {
        transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        -o-transform: scale(0, 0);
    }

    60% {
        transform: scale(1.3, 1.3);
        -ms-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        -webkit-transform: scale(1.3, 1.3);
        -o-transform: scale(1.3, 1.3);
    }

    100% {
        transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
    }
}

@keyframes slide-from-right__start {
    from {
        transform: translateX(100%);
    }
}
@keyframes slide-from-right__end {
    from {
        transform: translateX(-100%);
    }
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.home-logo {
    /* width: 5rem; */
    height: 63px;
    display: flex;
    margin-left: 30px;
}
.home {
    padding: 2rem 0;
    min-height: calc(100vh - 18rem);
    background: var(
        --color-background-default-default
    ); /* background-color: var(--bg-theme); */
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}
.home-banner__container {
    /* height: 100%; */
    height: 5.625rem;
}
.sticky-banner__container {
}
.home-banner__img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.aspn-home-nav__container {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
    gap: 48px;
    width: 37rem;
}
.home-nav__container {
    margin-top: 12px;
    margin-bottom: 12px;
}
.home-nav__container,
.sub-nav__container {
    display: flex;
}
.sub-nav__container {
    margin-top: 0.5rem;
}
.home-nav__icon-wrapper {
    /* margin-right: 2rem; */
    flex: 1;
    padding: 8px 0.2rem;
    border-radius: 0.5rem;
}
.home-nav__icon-wrapper:hover {
    /* background-color: #0e3944; */
}
.home-nav__wrapper {
    white-space: nowrap;
    overflow-x: auto;
}
.aspn-home-nav__child {
    color: var(--color-text-default-secondary);
    /* margin-left: 0.5rem; */
    font-size: 20px;
    cursor: pointer;
    transition: all 0.25s;
    font-family: var(--weight-400);
    padding: 0.375rem 0.75rem;
    font-family: "NotoSans";
    /* letter-spacing: .64px; */
}
.aspn-home-nav__child.selected {
    color: var(--color-text-default-default);

    font-family: var(--weight-700);
}
.avatar-icon {
    border: 1px solid var(--color-border-default-default);
    border-radius: 25px;
    padding: 8px 8px 8px 16px;
    display: flex;
    align-items: center;
    margin-left: 24px;
    justify-content: center;
    cursor: pointer;
}
.home-nav__child {
    color: var(--color-text-default-secondary);
    margin-left: 1rem;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.25s;
    font-weight: var(--weight-600);
    font-family: var(--weight-600);
    padding: 0.5rem 1rem;
    border-radius: 1.5rem;
    background-color: transparent;
    letter-spacing: 0.64px;
}
.home-nav__child:first-child {
    margin-left: 0;
}
.sub-nav__child {
    color: var(--color-text-default-tertiary);
    /* margin-right: 1rem; */
    transition: all 0.3s;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.25s;
    font-family: var(--weight-600);
    text-transform: capitalize;
    margin: 8px 16px 0;
    letter-spacing: 0.64px;
}
.home-nav__child:hover,
.sub-nav__child:hover {
    /* color: white */
}
.home-nav__child:hover .home-nav__child-text {
    color: white;
}
.home-nav__child-text,
.sub-nav__child-text {
    display: block;
    color: var(--color-text-default-secondary);
    font-family: var(--weight-600);
    letter-spacing: 0.64px;
    /* min-width: 5rem; */
    margin-bottom: 8px;
}
@media(max-width: 768px) {
    /* for test */
    .sub-nav__child-text {
        color: var(--color-text-default-tertiary);
        margin-bottom: 0;
    }
}
.home-nav__child.selected {
    /* background-color: var(--bg-selected); */
    background: linear-gradient(85deg, #000 0%, #4caf50 100%);
    border: 1px solid var(--bg-selected);
    color: #fff;
}
.mobile_nav_box {
    background-color: #e9ecef;
    padding: 8px 16px;
    border-radius: 24px;
    font-size: var(--typography-body-size-small);
    letter-spacing: 0.64px;
}
.sub-nav__child.selected {
    color: var(--color-text-default-default);
}
.sub-nav__child.selected .sub-nav__child-text {
    color: var(--color-text-default-default);
}
.router-link-exact-active .home-nav__child-text,
.router-link-active .sub-nav__child-text,
.router-link-exact-active .sub-nav__child-text {
    color: var(--color-text-default-default);
}
.router-link-active .home-nav__child-text,
.sub-nav__container .router-link-active,
.sub-nav__container .selected {
    color: var(--color-text-default-default);
}
.router-link-active .sub-nav__child-indicator,
.sub-nav__child:hover .sub-nav__child-indicator {
    /* display: block; */
    /* background-color: #6f8c9b; */
    background-color: var(--success-300);
}
.sub-nav__child-indicator {
    width: 100%;
    height: 0.2rem;
    background-color: transparent;
    border-radius: 1rem;
    margin-top: 0.3rem;
    text-align: center;
    margin: 0 auto;
    margin-top: 8px;
    /* display: none; */
}

.language-icon {
    height: 24px;
    margin-right: 8px;
}

.notification-icon .red-dot {
    background-color: red;
    color: #fff;
    font-size: 10px;
    font-family: var(--weight-400);
    letter-spacing: 0.2px;
    border-radius: 50%;
    min-width: 16px;
    height: 16px;
    position: absolute;
    top: -5px;
    right: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.2px;
}
.avatar-icon-menu {
    /* height: 12px; */
    margin-right: 12.5px;
}
.avatar-icon-img {
    /* height: 32px; */
}
.selected .sub-nav__child-indicator {
    /* display: block !important; */
    background-color: #6f8c9b;
}
.selected .sub-nav__child-indicator {
    /* display: block !important; */
    background-color: #6f8c9b;
}

.router-link-exact-active .sub-nav__child-indicator,
.selected .sub-nav__child-indicator {
    width: 100%;
    height: 0.2rem;
    background: var(--color-background-brand-default);
    border-radius: 1rem;
    margin-top: 0.3rem;
    text-align: center;
    margin: 0 auto;
    margin-top: 8px;
    display: block !important;
}
.home-nav__sport-type__list-wrapper {
    /* display: none; */
}
.home-nav__match-wrapper {
    position: relative;
    z-index: 3;
    padding: 1.5rem 0;
    background-color: var(--color-background-default-secondary);
    border-bottom: 1px solid var(--color-border-default-default);
}
.home-nav__sport-type {
    display: none;
}
.home-nav__sport-type__list-child {
    color: white;
    border: 1px solid white;
    padding: 0.3rem 0.8rem;
    margin-right: 0.8rem;
    border-radius: 1rem;
    cursor: pointer;
    box-sizing: border-box;
    min-width: 5.5rem;
    transition: all.3s;
}
.home-nav__sport-type__list-child:hover {
    background-color: #6f8c9b;
    border-color: #6f8c9b;
    font-family: var(--weight-600);
}
.home-nav__sport-type__list-child.selected {
    background-color: #6f8c9b;
    border-color: #6f8c9b;
    font-family: var(--weight-600);
}

.home-match__nav {
    top: 7rem;
    position: absolute;
    z-index: 2;
    display: none;
}
.home-match__title {
    margin-right: 0.25rem;
    overflow: hidden;
    color: var(--color-text-default-default);
    text-overflow: ellipsis;

    /* Body Strong */
    font-family: var(--typography-body-font-family);
    font-size: var(--typography-body-size-large);
    font-style: normal;
    font-family: var(--weight-600);
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.64px;
    position: relative;
}
.home-match__title.small {
    color: var(--color-text-default-secondary);
    font-size: 13px;
    font-weight: normal;
}
.home-match__country {
    text-align: left;
    color: #93a9b4;
    font-size: 0.688rem;
    font-family: var(--weight-400);
}
.home-match__subtitle {
    text-align: left;
    color: #93a9b4;
    font-size: 0.688rem;
    margin: 0 0.2rem 0.5rem 0; /*0 0.2rem 0.125rem 0*/
    font-family: var(--weight-400);
}
.home-match__wrapper {
    display: flex;
    flex-direction: column;
    /* margin-bottom: 1.5rem; */
    /* margin-bottom: 0.8rem; */
    margin-bottom: 0;
    margin-top: 16px;
}
.home-match__wrapper:first-child {
    margin-top: 0;
}
.match-fav-content__wrapper .home-match__wrapper {
    margin-bottom: 0;
}
.fav-wrapper {
    margin-bottom: 1rem;
}
.home-match__title-wrapper {
    padding: 8px;
    margin-bottom: 8px;
    /* margin-bottom: 1rem;  */
    /*0.4rem*/
}
.home-match__title-container {
    display: flex;
    flex-direction: column;
}
.home-match__title-flag {
    flex-shrink: 0;
    /* flex: 0 0 1.5rem; */
}
.home-match__title-country {
    color: var(--color-text-default-secondary);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 18.2px */
    letter-spacing: 0.52px;
}
.home-match__title-icon {
    fill: white;
}
.home-match__title-wrapper:hover {
    background: var(--color-background-default-secondary-hover);
    border-radius: 8px;
}
.home-match__title-wrapper:hover .home-match__title-icon {
    fill: var(--primary-500);
}
.home-match__title-mobile {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-family: var(--weight-600);
    font-size: 16px;

    color: var(--color-text-default-default);

    /* Body Small Strong */
    font-family: var(--typography-body-font-family);
    font-size: var(--typography-body-size-small);
    font-style: normal;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.56px;
}
.home-match__container {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    overflow-x: hidden;
}

.home-match__card {
    /* background-color: #212b30;
  color: #cfd9de;
  margin-bottom: 0.5rem;
  padding: 0.5rem 0 0.5rem 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.688rem;
  text-align: left;
  min-width: 11.75rem;
  border: 0.15rem solid #212b30;
  display: flex;
  align-items: center;
  box-sizing: border-box; */

    border-radius: 8px;
    border: 1px solid var(--color-border-default-default);
    background: var(--color-background-default-secondary);
    margin-bottom: 0.25rem;
}
/* .home-match__card:hover{
      background-color: var(--color-grey-40);
      border-color: var(--color-grey-40);
    } */
.home-match__card.live-selected {
    /* border-left: 0.4rem solid var(--color-icon-primary-active); */
    /* padding-left: 0.4rem; */
    position: relative;
}
.home-match__card.live-selected:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    background-color: var(--color-icon-primary-active);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    display: block;
    content: "";
}
.home-match__card.selected {
    border: 0.15rem solid #2e8fef;
}

.home-match__card__status-top {
    display: block;
}

.home-match__card-odds {
    /* align-items: flex-start;
  flex-direction: column;
  padding: 0;
  border: 0;
  border-left: 0.4rem solid transparent; */
}
/* .home-match__card-odds:hover{
        background-color: var(--bg-hover);
        border-color: var(--bg-hover);
    } */
.home-match__card-odds-bottom {
    justify-content: space-between;
    display: flex;
    width: 100%;
    padding: 0 0.34rem;
    box-sizing: border-box;
    align-items: center;
    margin: 0.6rem 0;
}
.home-match__card-odds-content {
    flex: 1;
    padding: 0.5rem 0.8rem 0 0.1rem;
}
.home-match__card-odds-content-not-logged-in {
    flex: 1;
    padding: 0.5rem 0 0.5rem 0.1rem;
}
.home-match__card-odds-time {
    font-size: 0.563rem; /*0.7rem*/
    width: 5.5rem; /*2.7rem   3.75rem*/
    overflow: hidden;
    text-overflow: ellipsis;
}
.home-match__card-odds-time-not-logged-in {
    width: 3.5rem;
    text-align: center;
    /* padding-right: 0.2rem; */
}
.home-match__card-odds-time-not-logged-in.longer {
    width: 5.8rem;
}
.home-match__icon {
    min-width: 1rem;
    width: 1rem;
    height: 1rem;
    margin-right: 0.8rem;
}

.home-match__detail-wrapper {
    flex: 1;
}
.home-match__detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding-bottom: 0.18rem;*/ /*.8rem   0.362rem*/
    /* margin-bottom: .8rem; */
}
.home-match__detail:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}
.home-match__detail-opponent {
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-match__detail-score {
    color: white;
}
.home-match__time {
    margin-bottom: 0.5rem;
    font-size: 11.2px;
    width: 2.7rem;
    overflow: hidden;
    margin-right: 0.3rem;
    text-overflow: ellipsis;
}
.home-match__icon-wrapper {
    width: 3rem;
    height: 2.399rem; /*2rem*/
    padding: 0.5rem 0;
    background-color: var(--color-theme);
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-match__icon-wrapper.rounded-right,
.home-match__score-card__wrapper.rounded-right {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.home-match__icon-team {
    margin: 0; /*0.1rem 0.5rem 0.1rem 0*/
    width: var(--size-icon-medium); /*1rem*/
    height: var(--size-icon-medium); /*1rem*/
}
.home-match__icon-highlight {
    width: 1.1rem;
    height: 1rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEMSURBVHgBpZNPasJAFMa/N/OWLrxBcwWh7TpZtHTRltyg9gT2COkRegOPYMGFoGDcKQrmBnoD3QgunIwv6CLIJIbkB8Mw8958vH9Dfhi2DwcToiZE2CulExaRtZw91MRawBgT81VkZq2NUAMF6llCyJeD2iwm/zFq8Pz62c3C4hKHSKJ80Fr/zkeDLe5GVk5X8p+K6BcaCmV4Eln/6eVjUyZYRSgnmHaaCsWA7izHw58iBy57TUTbNE2/V5NhjDsUCiml+tKtCBUpTK1Ky/OQdGMnexsNyEogqelAfkvvxubJ8t2PMJBB3ufvrFV/5HJ+fHv3ydDUZZOZClzFdxb7dOSE+RS4bK0WJ677M7xhXgPE31pDAAAAAElFTkSuQmCC) center/cover no-repeat;
    margin: 0 0.5rem;
}
.home-match__icon-highlight.selected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADiSURBVHgBrZLNDcIwDIXfa4NExYURygYsAGo2YASYgBmYADEBsAEbgMSBYzsCIyAhVA5JTPm5IFJUaL9jbH+ObBOpdMPzZYS/4cm2gkzxck0dwxg1oMGO3OeCBgjQEKUiAjMRTCA4oo7owTBaiYWmuDVqie7o6OiGnbEY9L4Jq8+oEIJhWhZWqIDa54kl5yLS/090yOPiRpYWSCDfr6T8jlhsSxCjIuUz+kHyEskJdSluTUngdCDh9O39+ZvEX8UN+d7cGbugL/WxJWDrbw6NQbT7qPElG3PNoNoa3mA78z3fACYVUpg+febFAAAAAElFTkSuQmCC) center/cover
        no-repeat;
}
.home-match__icon-livevideo {
    width: 1.5rem;
    height: 1.5rem;
    right: -3px;
    position: relative;
    background: url(../img/icon_live_video.7505f98d.gif) center/cover
        no-repeat;
    margin: 0 0.5rem;
}
.home-match__icon-livevideo__mobile {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0.5rem 0 0.5rem;
    position: relative;
    /* right: -3px; */
    background: url(../img/icon_live_video.7505f98d.gif) center/cover
        no-repeat;
}
.home-match__icon-highlight__mobile {
    width: 1.2rem;
    height: 1rem;
    margin: 0 0.5rem 0 1rem;
}
.home-match__icon-highlight__mobile {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEMSURBVHgBpZNPasJAFMa/N/OWLrxBcwWh7TpZtHTRltyg9gT2COkRegOPYMGFoGDcKQrmBnoD3QgunIwv6CLIJIbkB8Mw8958vH9Dfhi2DwcToiZE2CulExaRtZw91MRawBgT81VkZq2NUAMF6llCyJeD2iwm/zFq8Pz62c3C4hKHSKJ80Fr/zkeDLe5GVk5X8p+K6BcaCmV4Eln/6eVjUyZYRSgnmHaaCsWA7izHw58iBy57TUTbNE2/V5NhjDsUCiml+tKtCBUpTK1Ky/OQdGMnexsNyEogqelAfkvvxubJ8t2PMJBB3ufvrFV/5HJ+fHv3ydDUZZOZClzFdxb7dOSE+RS4bK0WJ677M7xhXgPE31pDAAAAAElFTkSuQmCC) center/contain
        no-repeat;
}
.home-match__icon-highlight__mobile.selected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADiSURBVHgBrZLNDcIwDIXfa4NExYURygYsAGo2YASYgBmYADEBsAEbgMSBYzsCIyAhVA5JTPm5IFJUaL9jbH+ObBOpdMPzZYS/4cm2gkzxck0dwxg1oMGO3OeCBgjQEKUiAjMRTCA4oo7owTBaiYWmuDVqie7o6OiGnbEY9L4Jq8+oEIJhWhZWqIDa54kl5yLS/090yOPiRpYWSCDfr6T8jlhsSxCjIuUz+kHyEskJdSluTUngdCDh9O39+ZvEX8UN+d7cGbugL/WxJWDrbw6NQbT7qPElG3PNoNoa3mA78z3fACYVUpg+febFAAAAAElFTkSuQmCC)
        center/contain no-repeat;
}
.home-match__icon-match {
    width: 1.2rem;
    height: 1rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAATCAYAAACDW21BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIvSURBVHgBvVVRctpADJVkt9STzJSeAHKC0O80xNwgR4AbuCcoOQHkBKUnaHsCCGSmn6QnqHuC0pk2poO9qryGZe2AIZkh70vSavWktSQjCNxJ5CfAPQBswCGAELKi99CsfEH4FtUx5qlYq3BQ4IzjyonrLFRDIe1PxhAiwUiLCnzJvr7nxarzcn7pAtCjKkOikXpX6aQyjaMBw76EGSinEHSYkrfI6tNGMqSBWiyuV7pKoFvmK8m0iKGzlVDj7PhONY/aCHxtm1mS0ZW1ju+MseWFqS8XgjKoK+177o2grEJmPjXZx/+6YpmtAsCZN4BtaHoDBLhasoVwftS1Er0oIcSAJn8z59YbIaNR2l0mgHQ03UQmmJaHXM0SnPezBPm7fS7Vt7cSaqBbMyLzbwlgnpBiDsCh2toX6uTeB3aCSM4v+7wY/iFhkR8pNApvmFUrwX2wk5A5MdtHQTZ/NpRSN5b3zhGjQvSZUvDVqAg1ve7k22mDNEd+LJJ+atNK5uMzq3pZgvk5dFDvOztAKmIMH41TbizWsqzH3lL07QR3z2GKKVcxwc+Wxafb+96qI4u+snEkIbxck8vdFWlZhdLCFzSJPuCf6IcojfwZBvhiPqXxsisFzjhqp77y9O18WG5gAkO6nfeKc+gWCJcXETaCpc3JOV2r6ZNv+cuILwMHRTOC/Asl/BCeAelu1aXgWJ4QH7f1n8AWctM70U/KiWx1V8pHfA0HgGL4Ccmrfir/Bxj9+c3xyII4AAAAAElFTkSuQmCC) center/contain no-repeat;
}
.home-match__icon-match__mobile {
    width: 1.5rem;
    height: 1rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAATCAYAAACDW21BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIvSURBVHgBvVVRctpADJVkt9STzJSeAHKC0O80xNwgR4AbuCcoOQHkBKUnaHsCCGSmn6QnqHuC0pk2poO9qryGZe2AIZkh70vSavWktSQjCNxJ5CfAPQBswCGAELKi99CsfEH4FtUx5qlYq3BQ4IzjyonrLFRDIe1PxhAiwUiLCnzJvr7nxarzcn7pAtCjKkOikXpX6aQyjaMBw76EGSinEHSYkrfI6tNGMqSBWiyuV7pKoFvmK8m0iKGzlVDj7PhONY/aCHxtm1mS0ZW1ju+MseWFqS8XgjKoK+177o2grEJmPjXZx/+6YpmtAsCZN4BtaHoDBLhasoVwftS1Er0oIcSAJn8z59YbIaNR2l0mgHQ03UQmmJaHXM0SnPezBPm7fS7Vt7cSaqBbMyLzbwlgnpBiDsCh2toX6uTeB3aCSM4v+7wY/iFhkR8pNApvmFUrwX2wk5A5MdtHQTZ/NpRSN5b3zhGjQvSZUvDVqAg1ve7k22mDNEd+LJJ+atNK5uMzq3pZgvk5dFDvOztAKmIMH41TbizWsqzH3lL07QR3z2GKKVcxwc+Wxafb+96qI4u+snEkIbxck8vdFWlZhdLCFzSJPuCf6IcojfwZBvhiPqXxsisFzjhqp77y9O18WG5gAkO6nfeKc+gWCJcXETaCpc3JOV2r6ZNv+cuILwMHRTOC/Asl/BCeAelu1aXgWJ4QH7f1n8AWctM70U/KiWx1V8pHfA0HgGL4Ccmrfir/Bxj9+c3xyII4AAAAAElFTkSuQmCC) center/contain no-repeat;
}
.home-match__icon-stats svg path {
    fill: var(--color-hover);
    /* width: 14px;
    height: 14px;
    background: url('../images/icons/icon_match_real_time_stats.png'); */
}
.home-match__icon-stats.selected svg path {
    fill: #ffffff;
    /* background: url('../images/icons/icon_match_real_time_stats_selected.png'); */
}
.home-match__fav {
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    margin-left: 1rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIySURBVHgBpVTBbtNAEJ1dOypHf0J85tBUiBsq6RfQ3FAaCecLkh7SIEqIQ1pQipCSL8CRGkDi0PYL6gMHbljiA/Af1Ici1Yq9w6wdp65r4kiMvNqxZ3bmvZlZA6wh9c5xpdEdVtfxVddxYgzbCEAP2IW+RQ5G1ywHoP4m1VP9QLfGprfKnxfEgzmquwtVC0pKu8i/MCDxbSGgC5IuZ63/CljvvDUYYBm4YiLChURZ1Jw7NTTapnazAZoKSplaoJG5jwy1kh9uSXuwEdXSBcQBnfQCCN0HPnjpurJG97hFUamLhCRH6Ls1G/WaUm90hibR7ucjY67gzOSno8MJgpimQkwYE01CUROCbf3xw/3Ecj0Px2TfkUv6UBmmt4nFdPb+1XRJmWpjRhSpASUId6yR6cIKkeM0h9KlrDEF3p+dvB7HSFPSOBjuUlc/LXLWTkc9Oy9Y3Bh2JvUQsfnlpHd+Sz0jzymzssgsKX/+cOhkkclBl0xQ8FrWDvkIjs5oXa2wX+11j87zbLlziMAqtDmQorh38O5FysUhak/zzt6jvLy7AgcqDy3SZU2rcSK0qGGDQCiGHJ8AAv1rpnn3EAaoVGIL26RgP+NgOInGCZgRJeMsQlcSvApFlIlu8jOQuyMbQ91uyyURkd1dIuaskj2v5tRgkzaPZmuQzFYiC3p6/SXdcVT6HPAZvd/5AynpF3mXhcr0az+sffv4xoZ/yK/vl87DJ9sXFFR/9Hjbdn7YN4ntL9f08ziI2gFdAAAAAElFTkSuQmCC) center/cover
        no-repeat;
}
.home-match__fav.selected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADnSURBVHgBpZSBDYIwEEWvxgEYoSMwQkdgA9lANhA30A3YRDbQDcoGsMF5l9ZIrkgv9iU/TeD3c+UOABQgYk1yGu8RdHScSxqhFKrMYmAmVTn/AfI0ceWwDkqhqjx+maEECmgxxe3tMSKAj8Wycb2QarHnRbqSFtLEqzFmWYecxbH+xZNOn9Aey+nl+yoJ3e4+3WgwzJsW9jrYA8Mge0UYe2TD0sGmjk2xkzlG8mp8yTD/PK42zKIeK/dvfcv1xrV7lMSBosJhVcFj/eIxbdhNE/jEMA7djqeNwT4XVvFTUfHfi9UO0vsGkSYn7bCYTbAAAAAASUVORK5CYII=) center/cover
        no-repeat;
}

.logo-small {
    width: 3rem;
}
.match-nav__child {
    color: white;
    border: 1px solid white;
    padding: 0.3rem 0.8rem;
    margin-right: 0.8rem;
    border-radius: 1rem;
    cursor: pointer;
    box-sizing: border-box;
    min-width: 5.5rem;
    transition: all.3s;
}
.match-nav__child.selected {
    background-color: #6f8c9b;
    border-color: #6f8c9b;
    font-family: var(--weight-700);
}
/* match filter*/
.match-filter__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-theme);
    z-index: 10;
    overflow-y: auto;
}
.match-filter__header {
    color: white;
    display: flex;
    padding: 1rem;
    justify-content: space-between;
}
.match-filter__clear {
    display: flex;
    padding: 0 1rem;
    margin-bottom: 1rem;
}
.match-filter__tick {
    width: 1rem;
    height: 1rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgBpdIhDsIwFAbgV2aQk0gMwS6I6eFgGI6wgCGwhHECkBwByTFwgIIMwTQzuwfQ0lcSAs3G2u4XbdM2X/40BaiQYRDZ/XE4xzUBwyByJ489XzqUsYUR9I0wYBllz642lIfstptMCypC8EwZ+odgau9Lk2YVBGP5wdShxDq1Om49vcZHE0Q0IkA8PtuEwcofhUsTRDRKk8u57bjcA48/mMebATbTQQSEwy2JDzJGga5VkQ+Uh/GthiryA8mYDlKYQTCLeiVfQs4LuHSwYWZOSFkAAAAASUVORK5CYII=) center/cover
        no-repeat;
}
.match-filter__tick.selected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABwSURBVHgB1dHhCYAgFATgFzRAIzRCm+UGtlkjNEIjNMJ1kpA8gvL81cGhP/RDnmYNATCwc9r3JiYhXFZ24r4zJfklG67s7Gi1+RnyJn9F0tQPNspIPhhwJ0pIcWHxGNTBegwtv+MwDXnAdKTAQi1yAofIEJNBA3qpAAAAAElFTkSuQmCC) center/cover
        no-repeat;
}
.match-filter__list-title {
    text-align: left;
    font-size: 14.4px;
    color: #cfd9de;
    margin-bottom: 1.5rem;
}
.match-filter__list-wrapper {
    padding-left: 1rem;
}
.match-filter__list-container {
    margin-bottom: 1.5rem;
}
.match-filter__list-child__wrapper {
}
.match-filter__list-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #35454d;
    font-size: 0.88rem;
}
.match-filter__list-child:last-of-type {
    border: none;
}
.match-filter__list-child__left {
    display: flex;
    align-items: center;
    color: white;
    width: 100%;
}
.match-filter__list-child__left-container {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.match-filter__list-child__left-select {
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    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/contain no-repeat;
}
.match-filter__list-child__left-select.selected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGnSURBVHgBnVTBTsJAEJ1ZjFz5hHqkGoU/4A/AowYjXA0m+AWULxBjOUOTNh6pf6BfIAfFo3wCBy8GcJxtF2gLSJeXtNmd3X07OzNvEDag9tbMzbKzax6WEKhAgIZaGvI3JiTfy3edTWcxabgYNSoZgh6v5OAfENCY91hJYhGdXI1u7zMAg11koSdoIGG/+tloxe0KwQKBBXuAQ9LxzMe7JeHl+01NCNEDXRDHFKGgZueuafvBk1FgC/ThuMd2kUnbat6TyRTSOxkP0IPD3tSCkWDKELlpdsovRVEGPSzJ1uJOUJJPNqK7Kaw1fTLpLIozEQmqZGt7JsflFxxdsvA4GbE6XMTDPeGDcdKdZCsvZcWvrrAWhRohTU3GGGL1oyGVUYmZWVJu3m5HTWkKn4ieBf9e11dWnqYlCyBggEFnOZx9bdQvKpIUZLJZeGb3SPSLnQnMob5ll5Va3+ryIMvuqe1zAh5gX8hyU20s1g85QRZb9HTNjnBFNGHpaAKBtrlZ7NQ3wWSOUH/iDhM147b9qqWV+aCxUJOsWe59Upov3z8Hji/jn8AfzxC8e/lqklUAAAAASUVORK5CYII=)
        center/contain no-repeat;
}
.match-filter__list-child__left-name {
}
.match-filter__child {
    color: white;
    border: 1px solid white;
    border-radius: 1rem;
    padding: 0.4rem 0.7rem;
    margin-right: 1rem;
    cursor: pointer;
    font-size: 14.4px;
}
.match-filter__child.small {
    font-size: 12.8px;
    padding: 0.2rem 0.45rem;
}
.match-filter__child.selected {
    border-color: var(--color-theme-2);
    background-color: var(--color-theme-2);
}
/* end match filter*/
.ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.vc-highlight {
    border-radius: 0.5rem !important;
    background-color: var(--bg-selected) !important;
    color: black !important;
}
.vc-container {
    font-family: "NotoSans" !important;
}
.vc-highlights ~ span {
    color: var(--color-text-button-active) !important;
}
.vc-container.vc-is-dark {
    background-color: #212b30 !important;
    border-color: #212b30 !important;
}
.vc-is-dark .vc-nav-item.is-active {
    color: white !important;
    background: #212b30 !important;
}
.vc-nav-item {
    border: none !important;
}
.vc-is-dark .vc-nav-item.is-current {
    border: none !important;
}
.vc-is-dark .vc-day-content:hover {
    border-radius: 0.5rem !important;
}
.match__event-type {
    width: 1.3rem;
    height: 1.3rem;
}
.goal {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE1SURBVHgB7VRtEcIwDO0wQB1QHICDoQQcMAfMATgABwMF4KA4KA4ABSU50iMXwjb2az/27t6tH695aZvOmAG9R4wxB26BIX7ggXuga1o/qglsMTA0K6AjJmD7CTyTplPmmOUBjajvgBiwYmOYxI609p/geCRHZbxEKuPVr52MFLGDTwEcK/oJUQKzL/C+TBPo8hB3NmbpeBIqfsGopfFdGwOfDKhy1qKCEgIdWWAGoY1BCu6oRH38jUAal0zaGsxYv6gxWDLdrK1BEOdrawycMPAynvbQTsBV6mRZ9oDPRdPB3I31cddXKcrM9w5y8369UwxOWZ7J+MGka+Cc2rhmA1wIUx3x/To5CkVTCk1zibLFVlRPqWj2bN6bLmA78aKycp55/Oc/pJhgjR/EjgIFzs2A3uMFB/QDb2Nv51YAAAAASUVORK5CYII=) center/contain no-repeat;
}
.ownGoal {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKOSURBVHgB1VW7a9NRFP5SHNVWcEtog2N8NJNF8ZFRa0Gxk6nFx6DQxUmtk2BQR1NQBwcjWLdKKm4uCe1gnfoQq4tNUutUsY3+Acfz3ZOb/BoVf78iggcO5z7Ovd+993znXOBfiogkVYuqa2JCW+B4Y75L9aZqRVpSUj3HubAAFcnfEUnHRXZtFTmSEte3TdPOPn6g47ttnn5XL3uwZBiQgty6bovHbou8mzfLPjfmrSbGrZ+7JvLqpcjMlLgxXYsw4jbhyc8cC568MXbcznrigN3iZ1n70/4dDduFlWUg3sN2ORaLzamdc/3PNfP4Xgf2H7J2th84useUa0OCrGNbp264zDZvcUpt0gHEu1veH96avXID6FPAlRrCiAd5gYsjwJtpoPAwjZnpInKjSXe7wbPmMTgELC4AY3f1fRFdmuxiUD17GI/CfR+jjLMkQ5NdCR/D8JANoCdteZIP5En7fFDu8SD4G+KAvq6WXP6QdbwRdeCgp/Psr3KmIwoAqkslDJ/MINFtMUr0mJ4fMadsfxq1pZKESc7fgMzKgObKp1rrkXj6iaetPufo82W1FFy7JSRABs+fpbGoFN7e2Zp4v7DRkXP0GX9EomQ038oIK44AzHhfVl5PbYwJ2yxFvjRZlcgjirhqy8UsiHyi3ngLwCupzTn6sC8yGRWk6KquF188g8obUurrlmN6ML8+LLtq6DsMfKtbj+12OT1klnGxGjgfFWQSqb3Q4FuPdS61TzfOmrIdg9Wy3KjRm2uiCmnZLCnUIJXZDsZG6Y7NiMv2ysdKE4gMC+aLB6iqT1syxiLgoLG46HLGPx3/GX4HfM7hS2Xs2HlB86O6aZAAWEYN/5xe8C8iMTQGkZLvv5Qfqn+p0SrOzogAAAAASUVORK5CYII=) center/contain no-repeat;
}

.penGoal {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMwSURBVHgB7ZqLURsxEIbXqYAS1IGdDpwKQioIVBCogEsFpAPcAU4FhgrsVHCiApMKltVYHoy80r0kYH37zezYkiWd9Fva0wtAURRFURRFURgmUABENAdBA2V59gaTycRCZgYJ5IX4Tjbz5sJn8LE4sTb+c0n2WEK4JCTMnGyFcliR/YTS0EMMyhIm5B7fDv9GWg8xX/AKyvuU0liyb22HXSuBWojjxvs/sprsyVdiH/8MZTmDV79n/Pcp7HxizB9asq8kUp66kUB3kS77QDaHTwqmfeUt5AB3fofjCoTg6hppwxyGEuk9FQjD1Zlpxx0MhQrZBoXWIBRmuLm2JedtXxoKnMOxo6tALn+DsGvbLJUhKRAxZ+IeQS4LJu48laFJoGkQ3rz7tD0j/rVug2iTytMkkAnC/0E+myA8TSXuKtAG5PMUhPs7aSZz6VnxexC2oZ9AyC/qLMjHhhGYWMA29aDRowI1kBLIMHEW5GOZOBNLrD2ogZMRiBztzBlk5iQE8ns7a2eYa5/HI14gEuSGPg73pq5y9iTRApEQbqFZQUHECuQnd9xwWtCiNNuSSKRAfpOLO0SwZNeQEak9yPkdE8RZ2B3nZF0vihOIccp7rkvsVYkSyG8BV8xPv0mcJRRAjEDeKXOnEEsSp4JCSOpBMad8CQURIZCfHZsg2jnj7E45JKtA+HrUu8o1m0045csPPUDwjW19VOvmJsEh43aoSH4BijlPdru2K1UQdyZ/Ad0aU2PH+zjB82umzHsYAOU/Z8o0sfQ5h5gF/sxphQ3HuxFKzZQ71SWbQN5Z/oDjUwND1ulfx7RTtvBZwB5j3w1D5Gm1T0PpfkXyZ7ljiMwtD+gLHt/saHUnCPmrJo6bhnzZnTLzjPCuUP/bKkFhNXZwuJT2D3boCRh3yg+QEdy9bQ+fcwFD8BXv9bqmfIuISHMm7ZpJV2PPt2CLurnXfZ+XR9ZKnEUavj1sOH2/bUpzsiSGTu1/izllMXcgB+OF2DIirCPiVDA2kJ/ic6xhrGB8jrSnxjH4nRQYnyPh6MXZg/wcaTxOuQ34do5UgXKMd9zZLxwoiqIoiqIoiqIosnkBzIA2tRh6/qcAAAAASUVORK5CYII=) center/contain
        no-repeat;
}
.penaltyGoal {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMwSURBVHgB7ZqLURsxEIbXqYAS1IGdDpwKQioIVBCogEsFpAPcAU4FhgrsVHCiApMKltVYHoy80r0kYH37zezYkiWd9Fva0wtAURRFURRFURgmUABENAdBA2V59gaTycRCZgYJ5IX4Tjbz5sJn8LE4sTb+c0n2WEK4JCTMnGyFcliR/YTS0EMMyhIm5B7fDv9GWg8xX/AKyvuU0liyb22HXSuBWojjxvs/sprsyVdiH/8MZTmDV79n/Pcp7HxizB9asq8kUp66kUB3kS77QDaHTwqmfeUt5AB3fofjCoTg6hppwxyGEuk9FQjD1Zlpxx0MhQrZBoXWIBRmuLm2JedtXxoKnMOxo6tALn+DsGvbLJUhKRAxZ+IeQS4LJu48laFJoGkQ3rz7tD0j/rVug2iTytMkkAnC/0E+myA8TSXuKtAG5PMUhPs7aSZz6VnxexC2oZ9AyC/qLMjHhhGYWMA29aDRowI1kBLIMHEW5GOZOBNLrD2ogZMRiBztzBlk5iQE8ns7a2eYa5/HI14gEuSGPg73pq5y9iTRApEQbqFZQUHECuQnd9xwWtCiNNuSSKRAfpOLO0SwZNeQEak9yPkdE8RZ2B3nZF0vihOIccp7rkvsVYkSyG8BV8xPv0mcJRRAjEDeKXOnEEsSp4JCSOpBMad8CQURIZCfHZsg2jnj7E45JKtA+HrUu8o1m0045csPPUDwjW19VOvmJsEh43aoSH4BijlPdru2K1UQdyZ/Ad0aU2PH+zjB82umzHsYAOU/Z8o0sfQ5h5gF/sxphQ3HuxFKzZQ71SWbQN5Z/oDjUwND1ulfx7RTtvBZwB5j3w1D5Gm1T0PpfkXyZ7ljiMwtD+gLHt/saHUnCPmrJo6bhnzZnTLzjPCuUP/bKkFhNXZwuJT2D3boCRh3yg+QEdy9bQ+fcwFD8BXv9bqmfIuISHMm7ZpJV2PPt2CLurnXfZ+XR9ZKnEUavj1sOH2/bUpzsiSGTu1/izllMXcgB+OF2DIirCPiVDA2kJ/ic6xhrGB8jrSnxjH4nRQYnyPh6MXZg/wcaTxOuQ34do5UgXKMd9zZLxwoiqIoiqIoiqIosnkBzIA2tRh6/qcAAAAASUVORK5CYII=) center/contain
        no-repeat;
}
.penaltyPen {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMwSURBVHgB7ZqLURsxEIbXqYAS1IGdDpwKQioIVBCogEsFpAPcAU4FhgrsVHCiApMKltVYHoy80r0kYH37zezYkiWd9Fva0wtAURRFURRFURgmUABENAdBA2V59gaTycRCZgYJ5IX4Tjbz5sJn8LE4sTb+c0n2WEK4JCTMnGyFcliR/YTS0EMMyhIm5B7fDv9GWg8xX/AKyvuU0liyb22HXSuBWojjxvs/sprsyVdiH/8MZTmDV79n/Pcp7HxizB9asq8kUp66kUB3kS77QDaHTwqmfeUt5AB3fofjCoTg6hppwxyGEuk9FQjD1Zlpxx0MhQrZBoXWIBRmuLm2JedtXxoKnMOxo6tALn+DsGvbLJUhKRAxZ+IeQS4LJu48laFJoGkQ3rz7tD0j/rVug2iTytMkkAnC/0E+myA8TSXuKtAG5PMUhPs7aSZz6VnxexC2oZ9AyC/qLMjHhhGYWMA29aDRowI1kBLIMHEW5GOZOBNLrD2ogZMRiBztzBlk5iQE8ns7a2eYa5/HI14gEuSGPg73pq5y9iTRApEQbqFZQUHECuQnd9xwWtCiNNuSSKRAfpOLO0SwZNeQEak9yPkdE8RZ2B3nZF0vihOIccp7rkvsVYkSyG8BV8xPv0mcJRRAjEDeKXOnEEsSp4JCSOpBMad8CQURIZCfHZsg2jnj7E45JKtA+HrUu8o1m0045csPPUDwjW19VOvmJsEh43aoSH4BijlPdru2K1UQdyZ/Ad0aU2PH+zjB82umzHsYAOU/Z8o0sfQ5h5gF/sxphQ3HuxFKzZQ71SWbQN5Z/oDjUwND1ulfx7RTtvBZwB5j3w1D5Gm1T0PpfkXyZ7ljiMwtD+gLHt/saHUnCPmrJo6bhnzZnTLzjPCuUP/bKkFhNXZwuJT2D3boCRh3yg+QEdy9bQ+fcwFD8BXv9bqmfIuISHMm7ZpJV2PPt2CLurnXfZ+XR9ZKnEUavj1sOH2/bUpzsiSGTu1/izllMXcgB+OF2DIirCPiVDA2kJ/ic6xhrGB8jrSnxjH4nRQYnyPh6MXZg/wcaTxOuQ34do5UgXKMd9zZLxwoiqIoiqIoiqIosnkBzIA2tRh6/qcAAAAASUVORK5CYII=) center/contain
        no-repeat;
}
.penMiss {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQrSURBVHgB7ZpNUtswFICf5JQWGphwg3ACwiID01X46bq9QdMbhBNATgCcgHADuiclbDr8LEhPQDgBaZu2DIn9KoVm6ji25SR6djzVN8NMLGKBPkuynp4ADAaDwWAwGAwGHxgQ8Lu0kR987mUgD4QwZretrtWWn+cbly3QzFSCpAi07HeIvIAcC4CYF1XmIFFQymoyYG0OcPpo84vlKcRNJOjHzkaJob0nbi9BKsCGBaw2X78+gTEZS9CD6DEvLPs4PWKGEb3q9Mlmu+P0qMiCpJw5yzlHoJ1TqBENbj3ZfDOqpEiC1HKwjQy+cuR3DsN7ZNjqFzuszRhvAyGITg449uc9hiwPyHKMwSqgUwiaD58lLawtNxrK/y0DEZizcM9PjhBxAWDtL55dNmAG6c+VgHvCYsldLtvyMvNTzKGwq6pD2YOe5x3nbvROtps9uzqEFNDZWq+I7nXgLUfGN1UPl4MC2XtGKkaopkWOJPv56lBMAVVvOUf8oLpX2YM628UH91iW4/d1/XoFUkhne/1cPN6Sq6jdtRdWwuai0B4kx7B3ohM37ENaQfuTpySXyTwWwm5RDDGnNFIkVqaQUrpOrzZSiPg+7J5QQRzF69KFeH02KeKduFhuNOVQanmK82H3hAryvtodB79ByhFzaNN9zQFXw76vGGIy+HTXzpuQchzAe/e16AShwbVCkGclypB0VRwLjHnbMJkg957Ov7r/hhApBn3a4NfWAcqF4v+OEaQgUJDfVimi1YKUw3zaELYtbHqQAlJBnbfFgvwBIqjrl5AJ6mwVD8SG2a38+bVTPADNiMDzmLL+ASSCOqU3BbEmqAyuHWQVsStwDJroywEsD9VfoulJMc5BrKxDklcONSSCso0vTbGk90mxTCcpSA4CO8o2bkjCILIetFS/KeuUFCTHAThZrF9VgAjSIaZLUpicpfp1GQghn4OmlZSkHEksk/SkkpKWI4ntLTaupFmQI4k11IgqaVbkSCJlVnUiJX3fLoonwzw5qb4keH5msyEHIKFgNawnzZIcSWLRfLCkYZKUIwkUlOmNpEfkcbc8aEQliUIOYndkD9qvrQMS3w/iMvsW+DtE0P4H+VhHBBMVpA489QS40xAoyC+DivKAkiaiR+V6JTGfNoRli1WJw6Eckjw5ChoIW+dQ7AIM1eQ4njYFzz+ScEHIq+6KrB47hSlRLQJ17wJ4kQcY3FIQsRr2feX5IJlUs8HO6dhvGWeFLBaTtdHFpARr2frNR5gSebQn23vVZIpziiQn7f2YJHyglhSFWARNE1slLYlckI7AM0lJpIJ0RuVJSaLNi2kMPKnfbkGQ9KB+Xszq3XrLdcRWgT3JxjWKzEZsoYauwDPqLoAuyPJiCHg0uNYdlUtJ7vop82KkyHQwVUo4jvoNBoPBYDAYDAaDwZAMfwBJs0t0WJWVTQAAAABJRU5ErkJggg==) center/contain
        no-repeat;
}
.penaltyPenMiss {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQrSURBVHgB7ZpNUtswFICf5JQWGphwg3ACwiID01X46bq9QdMbhBNATgCcgHADuiclbDr8LEhPQDgBaZu2DIn9KoVm6ji25SR6djzVN8NMLGKBPkuynp4ADAaDwWAwGAwGHxgQ8Lu0kR987mUgD4QwZretrtWWn+cbly3QzFSCpAi07HeIvIAcC4CYF1XmIFFQymoyYG0OcPpo84vlKcRNJOjHzkaJob0nbi9BKsCGBaw2X78+gTEZS9CD6DEvLPs4PWKGEb3q9Mlmu+P0qMiCpJw5yzlHoJ1TqBENbj3ZfDOqpEiC1HKwjQy+cuR3DsN7ZNjqFzuszRhvAyGITg449uc9hiwPyHKMwSqgUwiaD58lLawtNxrK/y0DEZizcM9PjhBxAWDtL55dNmAG6c+VgHvCYsldLtvyMvNTzKGwq6pD2YOe5x3nbvROtps9uzqEFNDZWq+I7nXgLUfGN1UPl4MC2XtGKkaopkWOJPv56lBMAVVvOUf8oLpX2YM628UH91iW4/d1/XoFUkhne/1cPN6Sq6jdtRdWwuai0B4kx7B3ohM37ENaQfuTpySXyTwWwm5RDDGnNFIkVqaQUrpOrzZSiPg+7J5QQRzF69KFeH02KeKduFhuNOVQanmK82H3hAryvtodB79ByhFzaNN9zQFXw76vGGIy+HTXzpuQchzAe/e16AShwbVCkGclypB0VRwLjHnbMJkg957Ov7r/hhApBn3a4NfWAcqF4v+OEaQgUJDfVimi1YKUw3zaELYtbHqQAlJBnbfFgvwBIqjrl5AJ6mwVD8SG2a38+bVTPADNiMDzmLL+ASSCOqU3BbEmqAyuHWQVsStwDJroywEsD9VfoulJMc5BrKxDklcONSSCso0vTbGk90mxTCcpSA4CO8o2bkjCILIetFS/KeuUFCTHAThZrF9VgAjSIaZLUpicpfp1GQghn4OmlZSkHEksk/SkkpKWI4ntLTaupFmQI4k11IgqaVbkSCJlVnUiJX3fLoonwzw5qb4keH5msyEHIKFgNawnzZIcSWLRfLCkYZKUIwkUlOmNpEfkcbc8aEQliUIOYndkD9qvrQMS3w/iMvsW+DtE0P4H+VhHBBMVpA489QS40xAoyC+DivKAkiaiR+V6JTGfNoRli1WJw6Eckjw5ChoIW+dQ7AIM1eQ4njYFzz+ScEHIq+6KrB47hSlRLQJ17wJ4kQcY3FIQsRr2feX5IJlUs8HO6dhvGWeFLBaTtdHFpARr2frNR5gSebQn23vVZIpziiQn7f2YJHyglhSFWARNE1slLYlckI7AM0lJpIJ0RuVJSaLNi2kMPKnfbkGQ9KB+Xszq3XrLdcRWgT3JxjWKzEZsoYauwDPqLoAuyPJiCHg0uNYdlUtJ7vop82KkyHQwVUo4jvoNBoPBYDAYDAaDwZAMfwBJs0t0WJWVTQAAAABJRU5ErkJggg==) center/contain
        no-repeat;
}
.miss {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQrSURBVHgB7ZpNUtswFICf5JQWGphwg3ACwiID01X46bq9QdMbhBNATgCcgHADuiclbDr8LEhPQDgBaZu2DIn9KoVm6ji25SR6djzVN8NMLGKBPkuynp4ADAaDwWAwGAwGHxgQ8Lu0kR987mUgD4QwZretrtWWn+cbly3QzFSCpAi07HeIvIAcC4CYF1XmIFFQymoyYG0OcPpo84vlKcRNJOjHzkaJob0nbi9BKsCGBaw2X78+gTEZS9CD6DEvLPs4PWKGEb3q9Mlmu+P0qMiCpJw5yzlHoJ1TqBENbj3ZfDOqpEiC1HKwjQy+cuR3DsN7ZNjqFzuszRhvAyGITg449uc9hiwPyHKMwSqgUwiaD58lLawtNxrK/y0DEZizcM9PjhBxAWDtL55dNmAG6c+VgHvCYsldLtvyMvNTzKGwq6pD2YOe5x3nbvROtps9uzqEFNDZWq+I7nXgLUfGN1UPl4MC2XtGKkaopkWOJPv56lBMAVVvOUf8oLpX2YM628UH91iW4/d1/XoFUkhne/1cPN6Sq6jdtRdWwuai0B4kx7B3ohM37ENaQfuTpySXyTwWwm5RDDGnNFIkVqaQUrpOrzZSiPg+7J5QQRzF69KFeH02KeKduFhuNOVQanmK82H3hAryvtodB79ByhFzaNN9zQFXw76vGGIy+HTXzpuQchzAe/e16AShwbVCkGclypB0VRwLjHnbMJkg957Ov7r/hhApBn3a4NfWAcqF4v+OEaQgUJDfVimi1YKUw3zaELYtbHqQAlJBnbfFgvwBIqjrl5AJ6mwVD8SG2a38+bVTPADNiMDzmLL+ASSCOqU3BbEmqAyuHWQVsStwDJroywEsD9VfoulJMc5BrKxDklcONSSCso0vTbGk90mxTCcpSA4CO8o2bkjCILIetFS/KeuUFCTHAThZrF9VgAjSIaZLUpicpfp1GQghn4OmlZSkHEksk/SkkpKWI4ntLTaupFmQI4k11IgqaVbkSCJlVnUiJX3fLoonwzw5qb4keH5msyEHIKFgNawnzZIcSWLRfLCkYZKUIwkUlOmNpEfkcbc8aEQliUIOYndkD9qvrQMS3w/iMvsW+DtE0P4H+VhHBBMVpA489QS40xAoyC+DivKAkiaiR+V6JTGfNoRli1WJw6Eckjw5ChoIW+dQ7AIM1eQ4njYFzz+ScEHIq+6KrB47hSlRLQJ17wJ4kQcY3FIQsRr2feX5IJlUs8HO6dhvGWeFLBaTtdHFpARr2frNR5gSebQn23vVZIpziiQn7f2YJHyglhSFWARNE1slLYlckI7AM0lJpIJ0RuVJSaLNi2kMPKnfbkGQ9KB+Xszq3XrLdcRWgT3JxjWKzEZsoYauwDPqLoAuyPJiCHg0uNYdlUtJ7vop82KkyHQwVUo4jvoNBoPBYDAYDAaDwZAMfwBJs0t0WJWVTQAAAABJRU5ErkJggg==) center/contain
        no-repeat;
}
.subst {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHKSURBVHgB7ZixTQMxFEC/LUqyAyNQRZSAUqYIYgImYITzjcAGMAFBSgcC6tAwQnaI0p7xV2Ip3PnO/v+wTeHXgBz96D0Q+OcACoVCIScCmMxfFhU0AKubZQ0MtrOpEhqqX4dS352+fj0CAQkMDvLKfKvmz4sKMkIOOJK3ZI0gBTjkLdkiggMG5C1ZIoICAuQtySO8AQR5S9KIwQCGvCVZRG/ACHlLkghnwJC8Btg4jr/BTfSITsDgT76B2lzdT+1jc/ZgvvTdyFEjur+Bpme9MPKr26WCHsxKga/VPbPslcWHDBLxyP/FLBfpFSEKjJnlID0iVxyBMbNUpEfkE5iMmaXAWqf/EyUgNyUgN0kCtrOLS2Dim40esJtNK6Gbj931lLwPhcxGDUABrfeLoRagKBGhs9ECjgUsoRGU2ROIhHnmJVwr6EEEX3fikj9+z/ZZtIDJ21qZp2/QefoG+wipYaNb50KLeyN/7no/c15P3teqfR71bwAjjKzzM4KRP+ucEeWR6P+FhiJCGJJHktwD3AifPJLsJqZGhMgjSVeJ0IhQeST5LuSLoMgjWZa5vgiqPJJtG21HcOSRaBdZCPaywyuWI18oFAr5+QHjixFZEE/qCAAAAABJRU5ErkJggg==) center/contain no-repeat;
    background-size: 16px;
}
.var {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEzSURBVHgB7ZThUcJAEIU3DAXECkwHxg7SgelAOgAr0A4sgVABWoGxAukgsYLYQXyL78bl5mIcDhh+8M28uc0e2T129yJy4Wzo+34OdX08GmPh4iYmQUdzI3Hk28BJcuX/A+VNIkGMRgO554kcmUngBKmtIewZlBm7NHsL9q4czeRKxASdCbq1qYZKuaf2EvqAnoxvuERozheWFVTidwXWDXwtVrVrSO3cvPJO/7UEmEqYF+gRuoEq+u4ZvOVeTf8cyqDbUKBgk3Himqcs9IQsl9qfVO7KBB7kZ7T/7oM/pmzgM+3C1ZjPlTYWWkM5+7Pm3k4PBhPsy8nvgd/klJMTQxr08g4cisbFtR+7DMsskPtOdufeotPz6vn0o7nifRqHEzPEcuz96T9yVPJ7qXxauRDLNyldmC2XpCleAAAAAElFTkSuQmCC) center/contain no-repeat;
}
.yellowcard {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABeSURBVHgB7coxDYAwEEbhdyVhZmVDAhIqoRJAGRKwgBMaFlYQAMcZaCgLU7/kLvmTJxjd8Vx0pFREaVlEN4KNmTeOwdkL5Ljxjg9K/F98ZJXKKbrSUDPZ7JOhEO3GB6fkENVtI0tsAAAAAElFTkSuQmCC) center/contain no-repeat;
}
.redcard {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB1SURBVHgB7Y67DYAwDETPQbR8RmMC2ACxAUxCmACxUTYA+ljGKeijpM2rzpLv6QjKXdczRFaNHWIgcvpve+830vKkx44EKqLJaHlEIiwyGOTR5gpQBEVQBL9A5EE6b1hwIZFK5DQ9s9W86RIX3QyriZaG+fgA/icnjr/WB7QAAAAASUVORK5CYII=) center/contain no-repeat;
}
.yellowred {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK4SURBVHgB7Zm/b9NAFMe/z2khUjN4YWCzmNiSrEhI5S+g/wH8B2VnQAzsjfgDgJWJiYGFsldKsjAAUt0JRlcqKB3ix3tuCFGT+5HUPrmqP9Kpjt/Zve/du+/ZPqChoeFaQygRbrd3wfxYDhMpsZQM9znDA0pwT37dwQhdGlB/kqIkNhLAw3aCad5DzjFaURcsDX6JHj4VDfdhJCWdl+l0jK2tlCbrC/MSwMM4Rv5nH0x78rO3VGEg5T3KYgSiA/n7xUeQU0DR2zl/Lnp5FR+lvEIVpCLkkUtEZAs6G6+U1/OXSWQ+DWVeJbZKVgHI8xfWxp9J+Y4qiUXEG1sFo4Ci95mewka1jf/HLsdxbAqaR0BdxsUZwjCZ7JlCZgF5ZFQ9J8wIWIlwFb4hDHmemUIWAa0RXIRKIebUFDIL2P6dwkWoFNrZSU0howDqy3MMwXhh0fthRiCjLNskhQSG8cKAE3hsCzomMZkvDpX/RMe2sGME2DyRw43AiS3oEEDmFApnoVY3dKSQxUpDpZBlDVDsAmxWGiqFOp3NR6CwUvByD9TEQhWPRwlKl079RCjGrgo+ApZv8guhyFwV3AJ4xWocKv+JnM9jmwkIlUIOC1U8UmiFlYYTUEIKrbLSmlio4hSwZKU1slDF841swUprZKGKr4D/N6uRhSp+AhadKNxjtPuVFpsICIWHhSqeKbRgpQ8RBg8LVfwELFppR0of1eNhoYqXgAsrxeH8xHMpd1Ed8iboY6GK/4etnN7Nj7Xxr1GdiCg68K261g4NH916K5c8mZ/QNWGIi0/s5a3OAzo/f+Zbee0tJj66rb2zvzKognSdUDHHsnr/oFN8LdKvCz/WarxyhT0yln9E3dldUsnb05n1jbDdyi5v5M02KuS6aYJWSzcvuuL1+v1fBZ7I8QfZjTlEQ0PDzeIvBGX9BW8U2pMAAAAASUVORK5CYII=) center/contain no-repeat;
}
.match-detail__content-title {
    padding: 0 0 1rem 0;
    text-align: left;
    /* color: var(--color-grey-light); */
    color: white;
    font-size: 0.88rem;
}

.svg-arrow__vertical {
    transition: transform 0.2s ease;
    display: inline-block;
}
.svg-arrow__vertical.selected {
    /* transform: rotate(180deg ); */
}
.info-logo__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 2rem;
}
.info-logo__container {
    width: 4rem;
    height: 5rem;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 1rem;
}
.info-logo__img {
    width: 100% !important;
    height: 100% !important;
}

.mobile-header {
    display: flex;
    align-items: center;
}
.mobile-header__left {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    box-sizing: border-box;
}
.mobile-header__center {
    flex: 1;
    padding: 0 1rem;
}
.mobile-header__right {
    width: 5rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/*footer*/
.router-link-exact-active span {
    font-family: var(--weight-700);
}
.sport168 .swiper-pagination {
    left: 0;
    width: 100%;
    right: 0;
    bottom: 0;
}
.home-banner__wrapper .swiper-container {
    padding-bottom: 1.5rem;
}
.mobile--knockout-swiper .swiper-pagination {
    bottom: unset;
    top: 0;
}
.mobile--knockout-swiper .swiper-pagination {
    bottom: unset;
    top: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-pagination-bullet {
    background: #abbcc4;
    opacity: 0.8;
    width: 0.5rem;
    height: 0.5rem;
}

.swiper-pagination-bullet-active {
    background: white;
    width: 1.5rem;
    border-radius: 0.5rem;
}

/* contest knockout swiper mobile */
.mobile--knockout-swiper .swiper-button-next {
    top: 7.4rem;
    right: 0rem;
}
.mobile--knockout-swiper .swiper-button-prev {
    top: 7.4rem;
    left: 0;
}
.mobile--knockout-swiper .swiper-button-next::after {
    content: url(data:image/gif;base64,R0lGODlhGAAYANUsAPv7+9zc3LW1tfn5+f7+/rGxsaSkpP39/e/v76mpqfj4+L29vaurq9jY2Pb29uTk5OLi4tPT062trezs7Nra2ujo6MPDw8jIyMTExJycnPz8/JeXl/X19fr6+ubm5vPz887Ozp6enuDg4JWVla+vr6Ojo5aWlvDw8I6OjqysrKKiov///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmIyZGY5MjY0LThkNTctZmQ0NS04ZWU2LTdiMzU0MjFlZmU5MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNDlGOTc5NzQ2MjAxMUVEOTQyNUE0OTNCRDc1OURGNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNDlGOTc5NjQ2MjAxMUVEOTQyNUE0OTNCRDc1OURGNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3NTQ3ZjFjLWFjZDItNDA0MS05ZDA1LTQzYWIxMTEwMjVlOCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmIyZGY5MjY0LThkNTctZmQ0NS04ZWU2LTdiMzU0MjFlZmU5MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUbACwALAAAAAAYABgAAAYgQJZwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+DwMwgAIfkEBTUALAAsAgAAAA4AGAAABlpA1srDKhqPrM5qFUAiIUum80iJiqbGQPSBLTailS4rEp2IQVGE+BL9iC1RjngRdYglaXEU0I2u+lFYG35YIYRTBodODIpIBVEHWI9LfFMYjUgElGICKwpiLEEAIfkEBTUALAAsCQAAAA4AGAAABlhAFmfFKhqPLMNqNUA6l0znUQAFSI0k6OFaTECJ3NKXy8qMuaYz0mFUHxVtqPQUjyI1Rs2SwB1AU1cAUAJXBFAkV18JiVAqjEsZjysjkiiSlFJeS2Qsm2RBADs=);
}
.mobile--knockout-swiper .swiper-button-prev::after {
    content: url(data:image/gif;base64,R0lGODlhGAAYAIABAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmIyZGY5MjY0LThkNTctZmQ0NS04ZWU2LTdiMzU0MjFlZmU5MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNDlGOTc5RjQ2MjAxMUVEOTQyNUE0OTNCRDc1OURGNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNDlGOTc5RTQ2MjAxMUVEOTQyNUE0OTNCRDc1OURGNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUwNDRjNzE3LWQwN2QtNGM0Mi1hNDFhLTdkM2U1N2ExMjg1ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjcxODcwZmZmLTk1ZGMtMzg0NS05ZWEwLWMxZWEwYWU0YmExZiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUbAAEALAAAAAAYABgAAAIWjI+py+0Po5y02ouz3rz7D4biSJZTAQAh+QQFNQABACwJAAAADgAYAAACKYyPBpC93M6DbsYwacqXR189nfWR4XJhZimmIIu666nRqdqOOVxvO1sAACH5BAU1AAEALAIAAAAOABgAAAIpjI8Bm7nczINtgqgmtltH/nmV6JAIGD6YZJbqiqaUfMHteR/x+HZzWgAAOw==);
}
.mobile--knockout-swiper .swiper-button-disabled {
    opacity: 0;
}

.mobile--knockout-swiper__live .swiper-button-next {
    top: 2.3rem;
    right: 0rem;
}
.mobile--knockout-swiper__live .swiper-button-prev {
    top: 2.3rem;
    left: 0;
}

.slide-leave-active,
.slide-enter-active {
    transition: 0.3s;
}
.slide-enter-active {
    transform: translate(100%, 0);
}
.slide-enter-to {
    transform: translate(0, 0);
}

.slide-leave-to {
    transform: translate(100%, 0);
}

.slide2-leave-active,
.slide2-enter-active {
    transition: 0.1s;
}
.slide2-enter-active {
    transform: translate(100%, 0);
}
.slide2-enter-to {
    transform: translate(0, 0);
}

.slide2-leave-to {
    opacity: 0;
    transform: translate(-100%, 0);
}

.slideUp-leave-active,
.slideUp-enter-active {
    transition: 0.3s;
}
.slideUp-enter-active {
    transform: translate(0, -100%);
}
.slideUp-enter-to {
    transform: translate(0, 0);
}

.slideUp-leave-to {
    transform: translate(0, -100%);
}

.minor-slide-from-top-leave-active,
.minor-slide-from-top-enter-active {
    transition: all 0.3s;
}
.minor-slide-from-top-leave-to,
.minor-slide-from-top-enter-from {
    opacity: 0;
    transform: translateY(-30px);
}

.hightlights_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.hightlights_bg img {
    width: 100%;
    height: 100%;
}
.dot-wrapper {
    position: absolute;
    right: -0.1rem;
    top: -0.39rem;
    width: 0.625rem;
    height: 0.625rem;
}
.match-filter__wrapper-desktop {
    overflow: inherit;
}
.match-filter__wrapper-desktop__highlights {
    overflow: inherit;
}
.match-filter__live-wrapper {
    margin-left: 0.8rem;
}
.match-filter__live_light {
    cursor: pointer;
    width: 2.5rem;
    height: 1.4rem;
    background: url(../img/web_live.cb30dd69.gif) center/cover
        no-repeat !important;
}
.match-filter__live_dark {
    cursor: pointer;
    width: 2.5rem;
    height: 1.4rem;
    background: url(../img/web_live_dark.feccd7b6.gif)
        center/cover no-repeat !important;
}
.match-filter__live_light.selected,
.match-filter__live_dark.selected {
    background: url(data:image/png;base64,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)
        center/cover no-repeat !important;
}

.match-filter__live_webapp {
    cursor: pointer;
    width: 64px;
    height: 38px;
    background: url(../img/webapp_live.3dfdfe7e.gif)
        center/cover no-repeat !important;
}
.match-filter__live_webapp.selected {
    background: url(data:image/png;base64,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)
        center/cover no-repeat !important;
}
.match-filter__live_webapp_dark {
    cursor: pointer;
    width: 64px;
    height: 38px;
    background: url(../img/webapp_live_dark.2ad943fd.gif)
        center/cover no-repeat !important;
}
.match-filter__live_webapp.selected,
.match-filter__live_webapp_dark.selected {
    background: url(data:image/png;base64,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)
        center/cover no-repeat !important;
}
/* .match-filter__live:hover{
      background-color: var(--color-hover);
      border-color: var(--color-hover);
      color: var(--color-hover-20);
  } */
.match-filter__icon-float__wrapper {
    position: fixed;
    bottom: 10rem;
    /* bottom: 4.55rem; */
    right: 1rem;
    background-color: var(--color-grey-60);
    z-index: 3;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all 0.15s;
    transform: scale(0);
    pointer-events: none;
}
.match-filter__icon-float__icon {
    fill: white;
}
.match-filter__icon-float__wrapper.activated {
    transform: scale(1);
    pointer-events: fill;
}
.match-filter__icon-float__wrapper.selected {
    background-color: var(--bg-selected);
}
.match-filter__icon-float__wrapper.selected .match-filter__icon-float__icon {
    fill: black;
}
.swiper-pagination {
    bottom: 0;
}

.news__related-articles__swipper .swiper-pagination {
    text-align: right;
}
.news__author-list__content iframe {
    max-width: 100% !important;
    width: 90% !important;
}
.tags {
    display: inline-block;
    background-color: var(--color-grey-60);
    padding: 0.3rem 0.5rem;
    font-size: 0.6875rem;
    border-radius: 0.4rem;
    margin-right: 0.5rem;
    margin-bottom: 0.8rem;
    cursor: pointer;
}

.tags.single {
    margin-bottom: 0;
}

.font-l {
    font-size: 17.6px;
}

.overflow-x {
    overflow-x: auto;
}
.nowrap {
    white-space: nowrap;
}
.scale-fix {
    transform: scale(1) !important;
}
.hover-grow {
    transition: 0.4s ease;
}
.hover-grow:hover {
    transform: scale(1.15);
}
.video-js {
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-js .vjs-big-play-button {
    position: relative;
}
.signup-form__recaptcha {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1rem;
}

.page-title {
    font-size: 2.125rem;
    color: white;
    font-family: var(--weight-700);
}
.non-border__radius {
    border-radius: 0 !important;
}

/* odds */
.odds-up {
    color: var(--color-ok);
}
.odds-down {
    color: var(--color-error);
}

/* event */
.event-team__term_condition {
    color: var(--color-blue-20);
    cursor: pointer;
}
.term-body {
    max-height: 26.5rem;
    font-size: 0.875rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    color: var(--color-grey-light);
}
.term-body > span {
    color: var(--color-grey-light);
}
.tiktok-participate__body-content ol {
    padding-left: 1rem;
    margin: 0;
}
.mobile-select-container-dropdown-active {
    padding-right: 2rem;
    /* background: url("../images/icons/icon_arrow_down_black.png") 92% center no-repeat; */
}
.mobile-select-container-dropdown-inactive {
    padding-right: 2rem;
    /* background: url("../images/icons/icon_arrow_down_white.png") 92% center no-repeat; */
}
.ms-mobile-select {
    position: fixed !important;
}

.ms-mobile-select.ms-show {
    position: fixed;
}

.mt-1rem {
    margin-top: 1rem;
}
.mt-05rem {
    margin-top: 0.5rem;
}
.pa-1rem {
    padding: 1rem;
}
.app-container {
    min-height: 100vh;
}
.ma-05rem {
    margin: 8px;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mx-05rem {
    margin-left: 8px;
    margin-right: 8px;
}
.mx-1rem {
    margin-left: 16px;
    margin-right: 16px;
}
.pb-1rem {
    padding-bottom: 1rem;
}
.dropdown-container__name {
    color: var(--color-text-default-default);
    display: flex;
    align-items: center;
}
.flex-shrink {
    flex-shrink: 0;
}
.z-index-10 {
    z-index: 10;
}
.login-fav-popup .modal-container {
    width: 400px;
    padding: 32px;
    padding-bottom: 48px;
}
.login-fav-popup .modal-confirmation__body {
    margin: 0;
}

.btn-aspn-default {
    background-color: var(--color-background-default-secondary) !important;
    color: var(--color-text-default-default) !important;
    border: 1px solid var(--color-border-default-default) !important;
}
.btn-aspn-default:hover {
    color: var(--color-text-default-default) !important;
    background-color: var(--color-background-default-tertiary-hover) !important;
    border: 1px solid var(--color-border-default-default) !important;
}

.btn-aspn-primary,
.btn-aspn-default.selected {
    background-color: var(--color-background-success-default) !important;
    color: var(--color-button-active) !important;
    border: 1px solid var(--color-border-primary-default) !important;
}
.btn-aspn-primary:hover,
.btn-aspn-default.selected:hover {
    color: var(--color-button-active) !important;
    background-color: var(--color-background-brand-default) !important;
    /* border: 1px solid var(--color-border-success-secondary) !important; */
}

.btn-aspn-only-default,
.btn-aspn-only-default.selected {
    background-color: var(--color-background-default-secondary) !important;
    color: var(--color-text-default-default) !important;
    border: 1px solid var(--color-border-default-default) !important;
}
.btn-aspn-only-default:hover {
    color: var(--color-text-default-default) !important;
    background-color: var(--color-background-default-tertiary-hover) !important;
    border: 1px solid var(--color-border-default-default) !important;
}

.btn-aspn-error {
    background-color: var(--color-background-error-default) !important;
    color: var(--color-button-active) !important;
    border: 1px solid var(--color-border-error-default) !important;
}
.btn-aspn-error:hover {
    color: var(--color-button-active) !important;
    background-color: var(--color-background-error-default) !important;
    border: 1px solid var(--color-border-error-default) !important;
}

.btn-aspn-default,
.btn-aspn-primary,
.btn-aspn-only-default,
.btn-aspn-error {
    cursor: pointer !important;
}

.btn-aspn-default.disabled,
.btn-aspn-primary.disabled,
.btn-aspn-default:disabled,
.btn-aspn-primary:disabled {
    background-color: var(--color-background-default-tertiary) !important;
    border: 1px solid var(--color-border-default-default) !important;
    color: var(--color-text-default-tertiary) !important;
    cursor: no-drop !important;
}

.btn-aspn-error.disabled,
.btn-aspn-error:disabled {
    background-color: var(--color-background-default-tertiary-hover) !important;
    border: 1px solid var(--color-border-default-default) !important;
    color: var(--color-text-default-tertiary) !important;
    cursor: no-drop !important;
}

.ratio-169-container {
    padding-top: 56.25%;
}
.ratio-169-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.ratio-32-container {
    padding-top: 66.6667%;
}
.ratio-32-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.is-mobile {
    display: none;
}

.py-16px {
    padding-top: 16px;
    padding-bottom: 16px;
}
.border-transparent {
    border: 1px solid transparent !important;
}

.full-screen-width {
    width: 100%;
  }

  .icon-avatar  {
    box-sizing: border-box;
    padding: 12px;
    border-radius: 50%;
    background-color: var(--color-background-default-default);
  }
@media(max-width: 768px){ /* for test */
    html {
        font-size: 90%;
    }
    .has-header{
        padding-top: 3rem;
        padding-top: 0;
    }
    .has-space{
        margin-left: .8rem;
        margin-right: .8rem;
    }
    .has-space-px {
        padding-left: .8rem;
        padding-right: .8rem;
    }
    .has-bottom{
        padding-bottom: 4rem;
    }
    .hide-mobile{
        display:none
    }
 

    .nav-container{
        display: none;
    }
    .home-nav__container{
        display:none
    }
    .home-nav__sport-type{
        position: absolute;
        display: block;
        z-index: 2;
        color: white;
        top: 4rem;
        left: 5rem;
    }
    .home-nav__sport-type__current-status{
        font-family: var(--weight-700);
        margin-right: .5rem;
    }
    .home-banner__pagination{
        text-align: right;
        right: 2rem;
        width:auto !important;
    }
    .home-nav__sport-type__list-container{
        display: grid;
        grid-template-columns: auto auto;
        /* flex-flow: row wrap; */
        grid-gap: 1rem;
        padding: 1rem;
        margin-bottom: 1rem;
    }
    .home-nav__sport-type__list-child{
        margin-right: 0;
        width: 100%;
    }
    .home-nav__sport-type__list-header{
        display: flex;
        justify-content: space-between;
        color: white;
        padding: 1rem 1rem 0 1rem;
        font-size: 19.2px;
        font-family: var(--weight-700);
        margin-bottom: .5rem;
    }

    .home-nav__sport-type__list-wrapper{       
        position: absolute;
        width: 100%;
        top: 0;
        z-index: 3;
        background-color: var(--color-theme);
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }
    .home-nav__sport-type__list-wrapper.active{
        display: block;
    }
    .home-nav__match-wrapper{
        padding: 0.25rem;
        border-bottom: 0;
        box-sizing: border-box;
    }
    .home-nav__match-wrapper__app-download{
        padding-top: 5rem;
      }
    .home-nav__icon-wrapper{
        /* margin-left: 1rem; */
    }
    /* .home-nav__icon-wrapper a{
        width: 100%;
        height: 100%;
    } */
    .home-nav__icon{
        width: inherit;
        height: inherit;
    }
    .home{       
        padding-bottom: 5rem;
    }
    .home-match__nav {
        display: none;
    }
    .home-match__icon-wrapper{
        width: 3rem;
        height: 2rem;
        padding: 0;
    }
    .home-match__card {
        padding: 1.25rem 0 0.25rem 0;
        border: 0;
        margin-bottom: 4px;
        background-color: var(--color-background-default-tertiary);
    }
    .home-match__card:last-child {
        margin-bottom: 0;
    }
    .home-match__card-odds-bottom{
        margin: 0.39rem 0;
    }
    .home-nav__child:hover{
        font-weight: normal;
    }
    .home-nav__child:hover .home-nav__child-indicator{
        display: none;
    }
    .home-match__title-wrapper{
        margin: 0;
        padding: 8px 8px;
        margin-bottom: 4px;
    }
    .home-match__title-wrapper.league-title {
        margin-top: 8px;
    }
    .fav-wrapper .league-title.first {
        margin-top: 0;
    }
    .home-match__title-wrapper.fav-title {
        padding-top: 16px;
    }
    .home-match-title-fav {
        margin-top: 16px;
    }
    .home-match__title {
        font-size: 14px;
        font-family: var(--weight-600);
    }
    
    .home-match__title-mobile {
        display: inline-block;/*flex*/
        /* align-items: center; */
        font-size: 14px;
    }
    .home-match__title-mobile span:first-child {
        margin-right: 0.25rem;
    }
    .sub-nav__container {
        display: none;
    }

	.news_top-stories__swipper .swiper-pagination{
		bottom: -1rem;
		text-align: right;
	}
    /*footer*/

    /*end footer*/
    .sport168 .swiper-pagination{
        /* left: auto;
        width: auto;
        right: 1rem; */
    }
    .match-filter__wrapper-desktop{
        position: sticky;
        top: 0;
        /* background-color: var(--bg-theme); */
        z-index: 2;
    }
    .match-filter__wrapper-desktop__highlights{
        position: sticky;
        top: 3rem;
        /* background-color: #0a152d; */
        z-index: 2;
    }
    .match-filter__live-wrapper{
        margin-left: 0;
        margin-right: 0.5rem;
    }

    .match-date__current{
        padding: 0 0.8rem 1rem 0.8rem;
        font-size: 13.6px;
        text-transform: capitalize;
    }
    .nav-pill {
        font-size: 13px;
    }
    .nav-pill:hover{
        background-color: transparent;
        border-color: white;
        color:white;
        font-weight: normal;
    }
    .nav-pill:hover .league-dropdown__svg{
        fill: white;
    }

    /* sign up */
    .signup-form__wrapper {
        background-color: transparent;
        padding: 0 1.5rem;
        margin-top: 0;
        margin: 0;

    }
    .signup-wrapper {
        height: calc(100vh - 60.77px);
        background-color: var(--color-background-default-secondary);
        min-height: auto;
        box-sizing: border-box;
        align-items: baseline;
        padding: 24px 0;
    }
    .signup-form__title{
        font-size: 32px;
	    line-height: 120%;
        margin: 0 0 3rem;
        text-align: left;
    }
    .signup-register-form__title{
        font-size: 32px;
	    line-height: 120%;
        margin: 0 0 8px;
        text-align: left;
        color: var(--color-text-default-default);
    }
    .signup-form__route{
        margin: 1.5rem 0;
    }
    .signup-form__route a{
        color: var(--bg-selected);
    }
    .form-signup__btn-wrapper{
        margin-block: 2rem;
    }
    /* account */
    .mobile-account__header {
        padding: 1rem 0;
    }
    .mobile-account__container{
        padding: 0 1rem;
        min-height: calc(100vh - 60.77px - 1.5rem);
    }
    .header-profile-pic{
		margin-right: 0;
		width: 1.53rem;
        height: 1.53rem;
		border-width: 0.17rem;

	}
    .md\:flex-start {
        justify-content: flex-start;
    }
    .sub-nav__container{
        display: none;
    }
    .home-logo {
        /* width: 5rem; */
        height: auto;
        /* display: block; */
        margin-left: 0;
      }
        
    .sub-nav__child {
        font-size: 13px;
    }
    .nav-pill__wrapper {
        margin: 0 8px;
      }
    .nav-pill__wrapper.sub-nav__child  {
        margin-bottom: 0 !important;
    }
    .login-fav-popup .modal-container {
    padding: 24px;
    width: 90%;
    }
    .info-logo__img {
    width: auto;
    height: auto;
    }
    .home-match__wrapper:first-child {
        margin-top: 16px;
    }
    .home-match__wrapper {
        background-color: var(--color-background-default-secondary);
        border-radius: 16px;
        padding: 8px;
        box-sizing: border-box;
    }
    .standing-box {
        padding: 8px 0;
        background: var(--color-background-default-secondary);
        box-sizing: border-box;
        border-radius: 8px;
        margin: 14px 8px;
      }
      .is-web {
        display: none;
      }
      .is-mobile {
        display: unset;
      }
      .aspn-home-nav__container {
        display: none;
      }
}

/* iphone 6 plus */
@media (max-width: 414px){
    html {
        font-size: 95%;
    }
}
/* iphone 5 */
@media (max-width: 320px){
    html {
        font-size: 90%;
    }
}