/* Final shell parity: launcher, balance, mobile navigation and session dialog. */
.react-launcher .loader-logo {
  width: 205px !important;
  height: 205px !important;
  margin: -102px 0 0 -102px !important;
  background-image: url('/reference/GameLauncher/Content/Images/universal-loader.gif') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

#balance > svg {
  display: none !important;
}

#balance::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 10px !important;
  top: 6px !important;
  width: 20px !important;
  height: 20px !important;
  background: url('/assets/images/balance.svg') center / contain no-repeat !important;
}

.jetx-session-popup {
  display: block !important;
  z-index: 16000 !important;
}

.jetx-session-popup .popup-bt {
  text-decoration: none !important;
}

@media screen and (max-width: 850px) {
  header #balance {
    position: relative !important;
    display: block !important;
    width: 145px !important;
    max-width: 145px !important;
    height: 32px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 6px 0 32px !important;
    overflow: hidden !important;
    font: 13px/32px var(--font-family-regular) !important;
    white-space: nowrap !important;
  }

  header #balance::before {
    left: 10px !important;
    top: 6px !important;
    width: 20px !important;
    height: 20px !important;
  }

  header #balance > .value {
    margin-left: 5px !important;
    color: var(--main-color) !important;
    font: 15px/32px var(--font-family-medium) !important;
  }

  header #balance > .value .currency {
    margin-left: 0 !important;
    font-size: 11px !important;
  }

  footer.pixel-mobile-footer .footer-menu > div {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  footer.pixel-mobile-footer a {
    margin: 0 -2px !important;
    padding: 0 8px 0 9px !important;
    font: 12px/36px var(--font-family-medium) !important;
  }

  footer.pixel-mobile-footer a.menu {
    width: 38px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
  }

  .jetx-session-popup .popup-div {
    width: 320px !important;
    min-height: 140px !important;
    margin: -70px 0 0 -160px !important;
    font: 12px var(--font-family-medium) !important;
  }

  .jetx-session-popup .popup-head {
    height: 40px !important;
    padding: 0 15px !important;
    font-size: 14px !important;
    line-height: 40px !important;
  }

  .jetx-session-popup .popup-content {
    padding: 15px !important;
  }

  .jetx-session-popup .popup-bt {
    width: 120px !important;
    height: 30px !important;
    margin-top: 20px !important;
    font: 12px/30px var(--font-family-bold) !important;
  }
}