mat-sidenav-container[_ngcontent-ng-c2408498455] {
      height: 100%;
      max-width: 768px;
      margin: auto
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] {
      min-width: 285px;
      width: calc(100% - 45px);
      max-width: 300px;
      background: var(--grey-00)
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-header[_ngcontent-ng-c2408498455] {
      background: var(--black-color)
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-header[_ngcontent-ng-c2408498455] .logo[_ngcontent-ng-c2408498455] {
      height: 70px;
      display: flex;
      justify-content: space-between;
      align-items: center
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-header[_ngcontent-ng-c2408498455] .logo[_ngcontent-ng-c2408498455] .closeMenu[_ngcontent-ng-c2408498455] button[_ngcontent-ng-c2408498455] {
      box-shadow: unset;
      font-size: 18px
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-header[_ngcontent-ng-c2408498455] .logo[_ngcontent-ng-c2408498455] .closeMenu[_ngcontent-ng-c2408498455] button[_ngcontent-ng-c2408498455] mat-icon[_ngcontent-ng-c2408498455] {
      color: var(--primary-color);
      background-color: var(--white-color);
      font-size: 25px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-header[_ngcontent-ng-c2408498455] .logo[_ngcontent-ng-c2408498455] .img-wrap[_ngcontent-ng-c2408498455] {
      height: 100%
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-header[_ngcontent-ng-c2408498455] .logo[_ngcontent-ng-c2408498455] .img-wrap[_ngcontent-ng-c2408498455] img[_ngcontent-ng-c2408498455] {
      width: 100%;
      max-width: 150px;
      max-height: 70px;
      display: block;
      padding: 10px 0 10px 15px;
      margin-top: auto;
      object-fit: contain
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: calc(var(--vh, 1vh) * 100 - 110px);
      overflow: hidden;
      position: relative
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] {
      padding: 0;
      list-style: none
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap.top[_ngcontent-ng-c2408498455] {
      overflow-y: auto;
      margin-top: 10px;
      height: 100%;
      margin-bottom: 0;
      max-height: calc(100% - 165px)
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap.bottom[_ngcontent-ng-c2408498455] {
      position: absolute;
      bottom: 0;
      margin: 0;
      width: 100%
  }


  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap.bottom[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] {
      border: 1px solid var(--grey-50)
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap.bottom[_ngcontent-ng-c2408498455] .social-links-wrap[_ngcontent-ng-c2408498455] label[_ngcontent-ng-c2408498455] {
      font-size: 10px;

      padding: 5px 10px;
      display: inline-block
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap.bottom[_ngcontent-ng-c2408498455] .social-links-wrap[_ngcontent-ng-c2408498455] .social-links[_ngcontent-ng-c2408498455] {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      column-gap: 10px;
      padding: 5px 10px
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap.bottom[_ngcontent-ng-c2408498455] .social-links-wrap[_ngcontent-ng-c2408498455] .social-links[_ngcontent-ng-c2408498455] img[_ngcontent-ng-c2408498455] {
      width: 20px;
      height: 20px;
      filter: invert(1)
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] {
      margin: 2px 10px;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      user-select: none
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .refer-code[_ngcontent-ng-c2408498455] {
      position: relative
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .refer-code[_ngcontent-ng-c2408498455] input[_ngcontent-ng-c2408498455] {
      width: 100%;
      border: 0;
      border-radius: 8px;
      height: 40px;
      padding-left: 10px
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .refer-code[_ngcontent-ng-c2408498455] p[_ngcontent-ng-c2408498455] {
      position: absolute;
      font-size: 12px;
      top: 0;
      right: 10px;
      height: 40px;
      margin: 0;
      display: flex;
      align-items: center;
      font-family: 'Poppins'
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .refer-code[_ngcontent-ng-c2408498455] button[_ngcontent-ng-c2408498455] {
      position: absolute;
      font-size: 12px;
      top: 5px;
      right: 5px;
      height: 30px;
      margin: 0;
      display: flex;
      align-items: center;

      width: auto;
      justify-content: center;
      border-radius: 8px
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .action-btn[_ngcontent-ng-c2408498455] {
      margin-top: 10px
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .action-btn[_ngcontent-ng-c2408498455] button[_ngcontent-ng-c2408498455] {
      min-height: 40px
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .action-btn[_ngcontent-ng-c2408498455] button.app-dwnld-btn[_ngcontent-ng-c2408498455] {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 6px;
      background: transparent
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] {
      display: flex;
      column-gap: 10px;
      align-items: center;
      line-height: 1;
      text-decoration: none;
      color: var(--grey-900);
      padding: 8px 10px;
      font-size: 12px;

      border-radius: 6px;
      cursor: pointer;
      position: relative
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] .badge[_ngcontent-ng-c2408498455] {
      position: absolute;
      right: 0
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] .rules-icon[_ngcontent-ng-c2408498455] {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--grey-50);
      border-radius: 6px;
      width: 22px;
      height: 22px;
      z-index: 100
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] .rules-text[_ngcontent-ng-c2408498455] {
      position: absolute;
      right: 75px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      text-decoration: underline;
      border-radius: 3px;
      width: auto;
      height: 22px;
      z-index: 100
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] .rules-text.statement[_ngcontent-ng-c2408498455] {
      right: 10px;
      background: var(--grey-50);
      padding: 0 4px;
      text-decoration: none
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link.username[_ngcontent-ng-c2408498455] {
      padding: 6px 10px
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .smenu-item[_ngcontent-ng-c2408498455] .smenu-link.username[_ngcontent-ng-c2408498455] img[_ngcontent-ng-c2408498455] {
      width: 30px;
      filter: none
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] {
      position: sticky;
      top: 0;
      z-index: 1;
      margin: 0 10px
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .smenu-link[_ngcontent-ng-c2408498455] {
      background: var(--black-color);
      border-radius: 10px 10px 0 0
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-wrap[_ngcontent-ng-c2408498455] {
      background: var(--black-color);
      color: var(--black-color);
      display: flex;
      align-items: center;
      border-radius: 0 0 10px 10px
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-wrap[_ngcontent-ng-c2408498455] label[_ngcontent-ng-c2408498455] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 13px
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-wrap[_ngcontent-ng-c2408498455] .action-icons[_ngcontent-ng-c2408498455] {
      display: flex;
      align-items: center;
      column-gap: 10px
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-wrap[_ngcontent-ng-c2408498455] .action-icons[_ngcontent-ng-c2408498455] mat-icon[_ngcontent-ng-c2408498455] {
      margin: 0 !important;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: var(--grey-75);
      color: var(--grey-900);
      padding: 4px;
      border: none
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-wrap[_ngcontent-ng-c2408498455] mat-icon[_ngcontent-ng-c2408498455] {
      margin-right: 10px;
      border-radius: 50%;
      border: 1px solid var(--grey-900);
      padding: 3px;
      width: 14px;
      height: 14px;
      color: var(--grey-900)
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-details[_ngcontent-ng-c2408498455] {
      background: var(--black-color);
      padding: 5px 0;
      max-width: calc(100% - 20px);
      margin: auto;
      width: 100%;
      border-top: 1px solid var(--grey-75)
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-details[_ngcontent-ng-c2408498455] .bonus-info[_ngcontent-ng-c2408498455] p[_ngcontent-ng-c2408498455] {
      margin: 0;
      font-size: 10px;
      color: var(--grey-900);
      line-height: 1.25;
      font-family: 'Poppins'
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-details[_ngcontent-ng-c2408498455] .bonus-info[_ngcontent-ng-c2408498455] p.n-msg[_ngcontent-ng-c2408498455] {
      background: var(--black-color);
      border-radius: 0 0 6px 6px;
      margin: 0;
      border-top: 1px solid var(--grey-75);
      color: var(--grey-900);
      font-size: 10px;
      opacity: .5;
      padding: 5px 0;
      font-weight: 400;
      margin-top: 5px !important
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-details[_ngcontent-ng-c2408498455] .claim-btn[_ngcontent-ng-c2408498455] {
      display: flex;
      align-items: center;
      justify-content: space-between
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-details[_ngcontent-ng-c2408498455] .claim-btn[_ngcontent-ng-c2408498455] button[_ngcontent-ng-c2408498455] {
      max-height: 30px;
      border-radius: 6px;
      font-size: 10px;
      text-transform: capitalize;
      max-width: 45px
  }

  mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] .sidemenu-list[_ngcontent-ng-c2408498455] .smenu-wrap[_ngcontent-ng-c2408498455] .nav-bonus[_ngcontent-ng-c2408498455] .bonus-details[_ngcontent-ng-c2408498455] .claim-btn[_ngcontent-ng-c2408498455] button[_ngcontent-ng-c2408498455]:disabled {
      opacity: .5;
      cursor: not-allowed
  }

  @media only screen and (max-width: 320px) {
      mat-sidenav-container[_ngcontent-ng-c2408498455] .left-sidemenu[_ngcontent-ng-c2408498455] {
          min-width: 245px;
          width: calc(100% - 45px);
          max-width: calc(100% - 45px)
      }
  }


  .mat-drawer-container {
      position: relative;
      z-index: 1;
      color: var(--mat-sidenav-content-text-color);
      background-color: var(--mat-sidenav-content-background-color);
      box-sizing: border-box;
      -webkit-overflow-scrolling: touch;
      display: block;
      overflow: hidden
  }

  .mat-drawer-container[fullscreen] {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute
  }

  .mat-drawer-container[fullscreen].mat-drawer-container-has-open {
      overflow: hidden
  }

  .mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
      z-index: 3
  }

  .mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,
  .mat-drawer-container.ng-animate-disabled .mat-drawer-content,
  .ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,
  .ng-animate-disabled .mat-drawer-container .mat-drawer-content {
      transition: none
  }

  .mat-drawer-backdrop {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      display: block;
      z-index: 3;
      visibility: hidden
  }

  .mat-drawer-backdrop.mat-drawer-shown {
      visibility: visible;
      background-color: var(--mat-sidenav-scrim-color)
  }

  .mat-drawer-transition .mat-drawer-backdrop {
      transition-duration: 400ms;
      transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-property: background-color, visibility
  }

  .cdk-high-contrast-active .mat-drawer-backdrop {
      opacity: .5
  }

  .mat-drawer-content {
      position: relative;
      z-index: 1;
      display: block;
      height: 100%;
      overflow: auto
  }

  .mat-drawer-transition .mat-drawer-content {
      transition-duration: 400ms;
      transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-property: transform, margin-left, margin-right
  }

  .mat-drawer {
      box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
      position: relative;
      z-index: 4;
      --mat-sidenav-container-shape: 0;
      color: var(--mat-sidenav-container-text-color);
      background-color: var(--mat-sidenav-container-background-color);
      border-top-right-radius: var(--mat-sidenav-container-shape);
      border-bottom-right-radius: var(--mat-sidenav-container-shape);
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 3;
      outline: 0;
      box-sizing: border-box;
      overflow-y: auto;
      transform: translate3d(-100%, 0, 0)
  }

  .cdk-high-contrast-active .mat-drawer,
  .cdk-high-contrast-active [dir=rtl] .mat-drawer.mat-drawer-end {
      border-right: solid 1px currentColor
  }

  .cdk-high-contrast-active [dir=rtl] .mat-drawer,
  .cdk-high-contrast-active .mat-drawer.mat-drawer-end {
      border-left: solid 1px currentColor;
      border-right: none
  }

  .mat-drawer.mat-drawer-side {
      z-index: 2
  }

  .mat-drawer.mat-drawer-end {
      right: 0;
      transform: translate3d(100%, 0, 0);
      border-top-left-radius: var(--mat-sidenav-container-shape);
      border-bottom-left-radius: var(--mat-sidenav-container-shape);
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }

  [dir=rtl] .mat-drawer {
      border-top-left-radius: var(--mat-sidenav-container-shape);
      border-bottom-left-radius: var(--mat-sidenav-container-shape);
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      transform: translate3d(100%, 0, 0)
  }

  [dir=rtl] .mat-drawer.mat-drawer-end {
      border-top-right-radius: var(--mat-sidenav-container-shape);
      border-bottom-right-radius: var(--mat-sidenav-container-shape);
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      left: 0;
      right: auto;
      transform: translate3d(-100%, 0, 0)
  }

  .mat-drawer[style*="visibility: hidden"] {
      display: none
  }

  .mat-drawer-side {
      box-shadow: none;
      border-right-color: var(--mat-sidenav-container-divider-color);
      border-right-width: 1px;
      border-right-style: solid
  }

  .mat-drawer-side.mat-drawer-end {
      border-left-color: var(--mat-sidenav-container-divider-color);
      border-left-width: 1px;
      border-left-style: solid;
      border-right: none
  }

  [dir=rtl] .mat-drawer-side {
      border-left-color: var(--mat-sidenav-container-divider-color);
      border-left-width: 1px;
      border-left-style: solid;
      border-right: none
  }

  [dir=rtl] .mat-drawer-side.mat-drawer-end {
      border-right-color: var(--mat-sidenav-container-divider-color);
      border-right-width: 1px;
      border-right-style: solid;
      border-left: none
  }

  .mat-drawer-inner-container {
      width: 100%;
      height: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch
  }

  .mat-sidenav-fixed {
      position: fixed
  }


  .mdc-touch-target-wrapper {
      display: inline
  }

  .mdc-elevation-overlay {
      position: absolute;
      border-radius: inherit;
      pointer-events: none;
      opacity: var(--mdc-elevation-overlay-opacity);
      transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
      background-color: var(--mdc-elevation-overlay-color)
  }

  .mdc-fab {
      position: relative;
      display: inline-flex;
      position: relative;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      width: 56px;
      height: 56px;
      padding: 0;
      border: none;
      fill: currentColor;
      text-decoration: none;
      cursor: pointer;
      user-select: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      overflow: visible;
      transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1)
  }

  .mdc-fab .mdc-elevation-overlay {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0
  }

  .mdc-fab[hidden] {
      display: none
  }

  .mdc-fab::-moz-focus-inner {
      padding: 0;
      border: 0
  }

  .mdc-fab:hover {
      box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)
  }

  .mdc-fab.mdc-ripple-upgraded--background-focused,
  .mdc-fab:not(.mdc-ripple-upgraded):focus {
      box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)
  }

  .mdc-fab .mdc-fab__focus-ring {
      position: absolute
  }

  .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring,
  .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring {
      pointer-events: none;
      border: 2px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
      box-sizing: content-box;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: calc(100% + 4px);
      width: calc(100% + 4px)
  }

  @media screen and (forced-colors: active) {

      .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring,
      .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring {
          border-color: CanvasText
      }
  }

  .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring::after,
  .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring::after {
      content: "";
      border: 2px solid rgba(0, 0, 0, 0);
      border-radius: 8px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: calc(100% + 4px);
      width: calc(100% + 4px)
  }

  @media screen and (forced-colors: active) {

      .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring::after,
      .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring::after {
          border-color: CanvasText
      }
  }

  .mdc-fab:active,
  .mdc-fab:focus:active {
      box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)
  }

  .mdc-fab:active,
  .mdc-fab:focus {
      outline: none
  }

  .mdc-fab:hover {
      cursor: pointer
  }

  .mdc-fab>svg {
      width: 100%
  }

  .mdc-fab--mini {
      width: 40px;
      height: 40px
  }

  .mdc-fab--extended {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-family: var(--mdc-typography-button-font-family);
      font-size: var(--mdc-typography-button-font-size);
      line-height: var(--mdc-typography-button-line-height);
      font-weight: var(--mdc-typography-button-font-weight);
      letter-spacing: var(--mdc-typography-button-letter-spacing);
      text-decoration: var(--mdc-typography-button-text-decoration);
      text-transform: var(--mdc-typography-button-text-transform);
      border-radius: 24px;
      padding-left: 20px;
      padding-right: 20px;
      width: auto;
      max-width: 100%;
      height: 48px;
      line-height: normal
  }

  .mdc-fab--extended .mdc-fab__ripple {
      border-radius: 24px
  }

  .mdc-fab--extended .mdc-fab__icon {
      margin-left: calc(12px - 20px);
      margin-right: 12px
  }

  [dir=rtl] .mdc-fab--extended .mdc-fab__icon,
  .mdc-fab--extended .mdc-fab__icon[dir=rtl] {
      margin-left: 12px;
      margin-right: calc(12px - 20px)
  }

  .mdc-fab--extended .mdc-fab__label+.mdc-fab__icon {
      margin-left: 12px;
      margin-right: calc(12px - 20px)
  }

  [dir=rtl] .mdc-fab--extended .mdc-fab__label+.mdc-fab__icon,
  .mdc-fab--extended .mdc-fab__label+.mdc-fab__icon[dir=rtl] {
      margin-left: calc(12px - 20px);
      margin-right: 12px
  }

  .mdc-fab--touch {
      margin-top: 4px;
      margin-bottom: 4px;
      margin-right: 4px;
      margin-left: 4px
  }

  .mdc-fab--touch .mdc-fab__touch {
      position: absolute;
      top: 50%;
      height: 48px;
      left: 50%;
      width: 48px;
      transform: translate(-50%, -50%)
  }

  .mdc-fab::before {
      position: absolute;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: 1px solid rgba(0, 0, 0, 0);
      border-radius: inherit;
      content: "";
      pointer-events: none
  }

  @media screen and (forced-colors: active) {
      .mdc-fab::before {
          border-color: CanvasText
      }
  }

  .mdc-fab__label {
      justify-content: flex-start;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow-x: hidden;
      overflow-y: visible
  }

  .mdc-fab__icon {
      transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
      fill: currentColor;
      will-change: transform
  }

  .mdc-fab .mdc-fab__icon {
      display: inline-flex;
      align-items: center;
      justify-content: center
  }

  .mdc-fab--exited {
      transform: scale(0);
      opacity: 0;
      transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1)
  }

  .mdc-fab--exited .mdc-fab__icon {
      transform: scale(0);
      transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1)
  }

  .mat-mdc-fab,
  .mat-mdc-mini-fab {
      background-color: var(--mdc-fab-container-color);
      --mdc-fab-container-shape: 50%;
      --mdc-fab-icon-size: 24px
  }

  .mat-mdc-fab .mdc-fab__icon,
  .mat-mdc-mini-fab .mdc-fab__icon {
      width: var(--mdc-fab-icon-size);
      height: var(--mdc-fab-icon-size);
      font-size: var(--mdc-fab-icon-size)
  }

  .mat-mdc-fab:not(:disabled) .mdc-fab__icon,
  .mat-mdc-mini-fab:not(:disabled) .mdc-fab__icon {
      color: var(--mdc-fab-icon-color)
  }

  .mat-mdc-fab:not(.mdc-fab--extended),
  .mat-mdc-mini-fab:not(.mdc-fab--extended) {
      border-radius: var(--mdc-fab-container-shape)
  }

  .mat-mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple,
  .mat-mdc-mini-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
      border-radius: var(--mdc-fab-container-shape)
  }

  .mat-mdc-extended-fab {
      font-family: var(--mdc-extended-fab-label-text-font);
      font-size: var(--mdc-extended-fab-label-text-size);
      font-weight: var(--mdc-extended-fab-label-text-weight);
      letter-spacing: var(--mdc-extended-fab-label-text-tracking)
  }

  .mat-mdc-fab,
  .mat-mdc-mini-fab {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
      color: var(--mat-mdc-fab-color, inherit);
      flex-shrink: 0
  }

  .mat-mdc-fab .mat-mdc-button-ripple,
  .mat-mdc-fab .mat-mdc-button-persistent-ripple,
  .mat-mdc-fab .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-mini-fab .mat-mdc-button-ripple,
  .mat-mdc-mini-fab .mat-mdc-button-persistent-ripple,
  .mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      pointer-events: none;
      border-radius: inherit
  }

  .mat-mdc-fab .mat-mdc-button-ripple,
  .mat-mdc-mini-fab .mat-mdc-button-ripple {
      overflow: hidden
  }

  .mat-mdc-fab .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
      content: "";
      opacity: 0;
      background-color: var(--mat-mdc-button-persistent-ripple-color)
  }

  .mat-mdc-fab .mat-ripple-element,
  .mat-mdc-mini-fab .mat-ripple-element {
      background-color: var(--mat-mdc-button-ripple-color)
  }

  .mat-mdc-fab .mdc-button__label,
  .mat-mdc-mini-fab .mdc-button__label {
      z-index: 1
  }

  .mat-mdc-fab .mat-mdc-focus-indicator,
  .mat-mdc-mini-fab .mat-mdc-focus-indicator {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute
  }

  .mat-mdc-fab:focus .mat-mdc-focus-indicator::before,
  .mat-mdc-mini-fab:focus .mat-mdc-focus-indicator::before {
      content: ""
  }

  .mat-mdc-fab .mat-mdc-button-touch-target,
  .mat-mdc-mini-fab .mat-mdc-button-touch-target {
      position: absolute;
      top: 50%;
      height: 48px;
      left: 50%;
      width: 48px;
      transform: translate(-50%, -50%)
  }

  .mat-mdc-fab._mat-animation-noopable,
  .mat-mdc-mini-fab._mat-animation-noopable {
      transition: none !important;
      animation: none !important
  }

  .mat-mdc-fab:hover,
  .mat-mdc-fab:focus,
  .mat-mdc-mini-fab:hover,
  .mat-mdc-mini-fab:focus {
      box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)
  }

  .mat-mdc-fab:active,
  .mat-mdc-fab:focus:active,
  .mat-mdc-mini-fab:active,
  .mat-mdc-mini-fab:focus:active {
      box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)
  }

  .mat-mdc-fab[disabled],
  .mat-mdc-mini-fab[disabled] {
      cursor: default;
      pointer-events: none;
      box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)
  }

  .mat-mdc-fab:not(.mdc-ripple-upgraded):focus::before,
  .mat-mdc-mini-fab:not(.mdc-ripple-upgraded):focus::before {
      background: rgba(0, 0, 0, 0);
      opacity: 1
  }

  .mat-mdc-fab .mat-icon,
  .mat-mdc-fab .material-icons,
  .mat-mdc-mini-fab .mat-icon,
  .mat-mdc-mini-fab .material-icons {
      transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
      fill: currentColor;
      will-change: transform
  }

  .mat-mdc-fab .mat-mdc-focus-indicator::before,
  .mat-mdc-mini-fab .mat-mdc-focus-indicator::before {
      margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)
  }

  .mat-mdc-extended-fab>.mat-icon,
  .mat-mdc-extended-fab>.material-icons {
      margin-left: calc(12px - 20px);
      margin-right: 12px
  }

  [dir=rtl] .mat-mdc-extended-fab>.mat-icon,
  [dir=rtl] .mat-mdc-extended-fab>.material-icons,
  .mat-mdc-extended-fab>.mat-icon[dir=rtl],
  .mat-mdc-extended-fab>.material-icons[dir=rtl] {
      margin-left: 12px;
      margin-right: calc(12px - 20px)
  }

  .mat-mdc-extended-fab .mdc-button__label+.mat-icon,
  .mat-mdc-extended-fab .mdc-button__label+.material-icons {
      margin-left: 12px;
      margin-right: calc(12px - 20px)
  }

  [dir=rtl] .mat-mdc-extended-fab .mdc-button__label+.mat-icon,
  [dir=rtl] .mat-mdc-extended-fab .mdc-button__label+.material-icons,
  .mat-mdc-extended-fab .mdc-button__label+.mat-icon[dir=rtl],
  .mat-mdc-extended-fab .mdc-button__label+.material-icons[dir=rtl] {
      margin-left: calc(12px - 20px);
      margin-right: 12px
  }

  .mat-mdc-extended-fab .mat-mdc-button-touch-target {
      width: 100%
  }


  mat-icon,
  mat-icon.mat-primary,
  mat-icon.mat-accent,
  mat-icon.mat-warn {
      color: var(--mat-icon-color)
  }

  .mat-icon {
      -webkit-user-select: none;
      user-select: none;
      background-repeat: no-repeat;
      display: inline-block;
      fill: currentColor;
      height: 24px;
      width: 24px;
      overflow: hidden
  }

  .mat-icon.mat-icon-inline {
      font-size: inherit;
      height: inherit;
      line-height: inherit;
      width: inherit
  }

  .mat-icon.mat-ligature-font[fontIcon]::before {
      content: attr(fontIcon)
  }

  [dir=rtl] .mat-icon-rtl-mirror {
      transform: scale(-1, 1)
  }

  .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
  .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
      display: block
  }

  .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
  .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
      margin: auto
  }


  .container[_ngcontent-ng-c1019384844] {
      overflow: hidden
  }

  .page-header[_ngcontent-ng-c1019384844] {
      max-height: -moz-fit-content;
      max-height: fit-content;
      margin: 0;
      min-height: auto
  }

  .page-header[_ngcontent-ng-c1019384844] .balance-info[_ngcontent-ng-c1019384844] {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
      height: 40px;
      border-top: 2px solid var(--primary-color);
      border-bottom: 2px solid var(--primary-color);
      background: var(--primary-color-90);
      position: sticky;
      top: 55px;
      z-index: 9999
  }

  .page-header[_ngcontent-ng-c1019384844] .balance-info[_ngcontent-ng-c1019384844] .show-bal-exp[_ngcontent-ng-c1019384844] {
      margin-right: 5px;
      display: flex;
      flex-direction: row-reverse;
      justify-content: center;
      color: var(--primary-color-contrast);
      font-weight: 300
  }

  .page-header[_ngcontent-ng-c1019384844] .balance-info[_ngcontent-ng-c1019384844] .show-bal-exp[_ngcontent-ng-c1019384844] mat-label[_ngcontent-ng-c1019384844] {
      margin-bottom: 2px;
      color: var(--primary-color-contrast);
      font-size: 10px;
      opacity: 1;
      line-height: 1;
      font-weight: 500;
      text-align: left;
      white-space: nowrap;
      text-transform: capitalize
  }

  .page-header[_ngcontent-ng-c1019384844] .balance-info[_ngcontent-ng-c1019384844] .show-bal-exp[_ngcontent-ng-c1019384844] h3[_ngcontent-ng-c1019384844] {
      line-height: 1;
      color: var(--primary-color-contrast);
      font-size: 12px;
      margin: 0
  }

  .page-header[_ngcontent-ng-c1019384844] .balance-info[_ngcontent-ng-c1019384844] .show-bal-exp[_ngcontent-ng-c1019384844] .exp-bal[_ngcontent-ng-c1019384844],
  .page-header[_ngcontent-ng-c1019384844] .balance-info[_ngcontent-ng-c1019384844] .show-bal-exp[_ngcontent-ng-c1019384844] .bonus-bal[_ngcontent-ng-c1019384844],
  .page-header[_ngcontent-ng-c1019384844] .balance-info[_ngcontent-ng-c1019384844] .show-bal-exp[_ngcontent-ng-c1019384844] .current-bal[_ngcontent-ng-c1019384844] {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      column-gap: 5px;
      padding: 0 10px;
      text-align: right;
      flex-direction: column;
      row-gap: 2px
  }

  .page-header[_ngcontent-ng-c1019384844] .balance-info[_ngcontent-ng-c1019384844] .show-bal-exp[_ngcontent-ng-c1019384844] .exp-bal[_ngcontent-ng-c1019384844] {
      border-right: 1px var(--primary-color-contrast);
      border-left: 0
  }

  .page-header[_ngcontent-ng-c1019384844] .balance-info[_ngcontent-ng-c1019384844] .show-bal-exp[_ngcontent-ng-c1019384844] .bonus-bal[_ngcontent-ng-c1019384844] {
      border-right: 1px var(--primary-color-contrast)
  }

  .page-header[_ngcontent-ng-c1019384844] .balance-info[_ngcontent-ng-c1019384844] .show-bal-exp[_ngcontent-ng-c1019384844] .current-bal[_ngcontent-ng-c1019384844] {
      position: relative;
      padding-right: 35px;
      margin-left: 0;
      cursor: pointer
  }

  .page-header[_ngcontent-ng-c1019384844] .balance-info[_ngcontent-ng-c1019384844] .show-bal-exp[_ngcontent-ng-c1019384844] .current-bal[_ngcontent-ng-c1019384844]:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      min-height: 40px;
      width: 100%;
      z-index: -1;
      transform: translate(-50%, -50%);
      border-radius: 4px
  }

  .page-header[_ngcontent-ng-c1019384844] .balance-info[_ngcontent-ng-c1019384844] .show-bal-exp[_ngcontent-ng-c1019384844] .current-bal[_ngcontent-ng-c1019384844] .add-btn[_ngcontent-ng-c1019384844] {
      color: var(--primary-color-contrast);
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%)
  }

  .page-body[_ngcontent-ng-c1019384844] {
      padding: 0;
      height: calc(100% - 90px);
      position: relative
  }

  .page-body.not-loggedIn[_ngcontent-ng-c1019384844] {
      height: calc(100% - 103px)
  }

  .page-body.not-loggedIn[_ngcontent-ng-c1019384844] .mat-mdc-tab-group .mat-mdc-tab-body-wrapper {
      height: calc(100% - 40px)
  }

  .page-body.demoID[_ngcontent-ng-c1019384844] {
      height: calc(100% - 120px)
  }

  .page-body.demoID[_ngcontent-ng-c1019384844] .mat-mdc-tab-group .mat-mdc-tab-body-wrapper {
      height: calc(100% - 50px)
  }

  .page-body[_ngcontent-ng-c1019384844] .pagetab-wrapper {
      margin: 0
  }

  .page-body[_ngcontent-ng-c1019384844] .inplay-page-wrap[_ngcontent-ng-c1019384844] {
      height: 100%
  }

  .page-body[_ngcontent-ng-c1019384844] .inplay-page-wrap[_ngcontent-ng-c1019384844] .special-wrapper[_ngcontent-ng-c1019384844] {
      padding: 0 10px 10px;
      overflow-y: auto;
      max-height: calc(100% - 135px)
  }

  .page-body[_ngcontent-ng-c1019384844] .inplay-page-wrap[_ngcontent-ng-c1019384844] .special-wrapper[_ngcontent-ng-c1019384844] .sw-item[_ngcontent-ng-c1019384844] {
      background: var(--white-color);
      border-radius: 10px;
      display: flex;
      align-items: center;
      width: 100%;
      justify-content: space-between;
      padding: 10px;
      margin: 0 0 10px;
      cursor: pointer
  }

  .page-body[_ngcontent-ng-c1019384844] .inplay-page-wrap[_ngcontent-ng-c1019384844] .special-wrapper[_ngcontent-ng-c1019384844] .sw-item[_ngcontent-ng-c1019384844] .title-details[_ngcontent-ng-c1019384844] {
      max-width: 70%
  }

  .page-body[_ngcontent-ng-c1019384844] .inplay-page-wrap[_ngcontent-ng-c1019384844] .special-wrapper[_ngcontent-ng-c1019384844] .sw-item[_ngcontent-ng-c1019384844] .title-details[_ngcontent-ng-c1019384844] h2[_ngcontent-ng-c1019384844] {
      font-size: 12px;

      margin: 0;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden
  }

  .page-body[_ngcontent-ng-c1019384844] .inplay-page-wrap[_ngcontent-ng-c1019384844] .special-wrapper[_ngcontent-ng-c1019384844] .sw-item[_ngcontent-ng-c1019384844] .title-details[_ngcontent-ng-c1019384844] p[_ngcontent-ng-c1019384844] {
      margin: 0;
      font-size: 10px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden
  }

  .page-body[_ngcontent-ng-c1019384844] .inplay-page-wrap[_ngcontent-ng-c1019384844] .special-wrapper[_ngcontent-ng-c1019384844] .sw-item[_ngcontent-ng-c1019384844] .title-details[_ngcontent-ng-c1019384844] .highlight[_ngcontent-ng-c1019384844] {
      color: var(--secondary-color);
      font-family: 'Poppins'
  }

  .page-body[_ngcontent-ng-c1019384844] .inplay-page-wrap[_ngcontent-ng-c1019384844] .special-wrapper[_ngcontent-ng-c1019384844] .sw-item[_ngcontent-ng-c1019384844] .date-time[_ngcontent-ng-c1019384844] {
      max-width: 30%
  }

  .page-body[_ngcontent-ng-c1019384844] .inplay-page-wrap[_ngcontent-ng-c1019384844] .special-wrapper[_ngcontent-ng-c1019384844] .sw-item[_ngcontent-ng-c1019384844] .date-time[_ngcontent-ng-c1019384844] p[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      margin: 0;
      text-align: right;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden
  }

  .page-body[_ngcontent-ng-c1019384844] .mat-mdc-tab-group {
      height: 100%
  }

  .page-body[_ngcontent-ng-c1019384844] .mat-mdc-tab-group mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mdc-tab .mdc-tab__content .mdc-tab__text-label {
      column-gap: 10px
  }

  .page-body[_ngcontent-ng-c1019384844] .mat-mdc-tab-group .mat-mdc-tab-body-wrapper {
      height: calc(100% - 55px);
      padding: 0
  }

  .page-body[_ngcontent-ng-c1019384844] .mat-mdc-tab-group.not-loggedIn .mat-mdc-tab-header {
      top: 44px
  }

  .page-body[_ngcontent-ng-c1019384844] .mat-mdc-tab-group .mat-mdc-tab-header {
      position: sticky;
      top: 44px;
      width: 100%;
      z-index: 1000
  }

  .page-body[_ngcontent-ng-c1019384844] .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab {
      width: 33.3333333333%;
      position: relative
  }

  .page-body[_ngcontent-ng-c1019384844] .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:after {
      position: absolute;
      content: "";
      width: 1px;
      height: 25px;
      right: 0;
      z-index: 1;
      background: var(--white-color);
      top: 50%;
      transform: translateY(-50%);
      opacity: .5
  }

  .page-body[_ngcontent-ng-c1019384844] .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:last-child {
      border: none
  }

  .page-body[_ngcontent-ng-c1019384844] .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:last-child:after {
      display: none
  }

  .page-body[_ngcontent-ng-c1019384844] .title-bar[_ngcontent-ng-c1019384844] {
      padding: 0 10px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] {
      padding: 10px 10px 30px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .title-bar[_ngcontent-ng-c1019384844] {
      padding: 0
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .title-bar[_ngcontent-ng-c1019384844]:first-child {
      margin-top: 0
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .title-bar[_ngcontent-ng-c1019384844]:not(:first-child) {
      margin-top: 20px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card[_ngcontent-ng-c1019384844] {
      padding: 10px;
      border-radius: 10px;
      background: var(--white-color);
      margin-bottom: 10px;
      overflow: hidden;
      z-index: 100
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card[_ngcontent-ng-c1019384844] .match-status-img[_ngcontent-ng-c1019384844] {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%)
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card[_ngcontent-ng-c1019384844] .match-status-img[_ngcontent-ng-c1019384844] img[_ngcontent-ng-c1019384844] {
      width: 60px;
      background: var(--white-color)
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844],
  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.icc-league[_ngcontent-ng-c1019384844] {
      background-size: 100px;
      background-position: center;
      background-repeat: no-repeat
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844]:before,
  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.icc-league[_ngcontent-ng-c1019384844]:before {
      content: "";
      width: 25%;
      background-position: 0 0;
      background-repeat: no-repeat;
      position: absolute;
      bottom: 0;
      left: -55px;
      aspect-ratio: 3/1;
      transform: rotate(140deg);
      z-index: 1;
      min-width: 120px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844]:after,
  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.icc-league[_ngcontent-ng-c1019384844]:after {
      content: "";
      width: 25%;
      background-position: 0 0;
      background-repeat: no-repeat;
      position: absolute;
      top: -18px;
      right: -42px;
      aspect-ratio: 3/1;
      transform: rotate(140deg);
      z-index: 1;
      min-width: 120px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844],
  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.icc-league[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] {
      background-color: var(--white-color);
      border-radius: 50%;
      border: 2px solid #19398A;
      padding: 8px;
      width: 60px;
      height: 60px;
      margin: 0 auto 10px;
      position: relative;
      z-index: 100
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] img[_ngcontent-ng-c1019384844],
  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.icc-league[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] img[_ngcontent-ng-c1019384844] {
      width: 100%;
      height: auto
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.icc-league[_ngcontent-ng-c1019384844] {
      background-image: url(icc-logo.ca46bb0b94d87db3.svg)
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.icc-league[_ngcontent-ng-c1019384844]:before {
      background-image: url(icc-pattern.5aed659ebf3466bb.svg);
      width: 35%;
      transform: rotate(-10deg);
      left: -3px;
      opacity: .5
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.icc-league[_ngcontent-ng-c1019384844]:after {
      background-image: url(icc-pattern.5aed659ebf3466bb.svg);
      top: 20px;
      right: -8px;
      opacity: .5;
      transform: rotate(168deg);
      width: 35%
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844] {
      background-image: url(ipl-logo.2d4cfed0a6b78ee0.svg)
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844]:before {
      background-image: url(ipl-pattern.53ab9bf596cb89cf.svg)
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844]:after {
      background-image: url(ipl-pattern_r.54a4172ab17ef787.svg);
      top: 20px;
      right: -65px;
      opacity: 1;
      transform: rotate(70deg);
      width: 35%
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.wc-t20[_ngcontent-ng-c1019384844] {
      background-image: url(wc-logo.8b26fd49763134d4.svg);
      background-size: 60px;
      background-position: center;
      background-repeat: no-repeat;
      border-left: 2px solid;
      border-image: linear-gradient(to top, transparent 25%, #3c27ff 25%, #3C27FF 50%, #ff0088 50%, #ff0088 75%, transparent 75%) 1
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.wc-t20[_ngcontent-ng-c1019384844]:after {
      content: "";
      width: auto;
      background-image: url(wc_side_icon.ef08b8889dcbcb4f.svg);
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 65px;
      position: absolute;
      bottom: -5px;
      right: -55px;
      aspect-ratio: 2/1;
      z-index: -3;
      min-width: 120px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.wc-t20[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] {
      background-color: var(--white-color);
      border-radius: 50%;
      border: 2px solid #19398A;
      padding: 8px;
      width: 60px;
      height: 60px;
      margin: 0 auto 10px;
      position: relative;
      z-index: 100
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.wc-t20[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] img[_ngcontent-ng-c1019384844] {
      width: 100%;
      height: auto
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] h2[_ngcontent-ng-c1019384844] {
      font-size: 12px;
      margin-bottom: 2px;
      padding: 0 4px;
      font-weight: 400
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] .game-card-title[_ngcontent-ng-c1019384844] {
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: var(--light-grey);
      column-gap: 10px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] .game-card-title[_ngcontent-ng-c1019384844] h3[_ngcontent-ng-c1019384844] {
      flex-direction: column;
      align-items: flex-start;
      font-size: 11px;
      line-height: normal;
      margin: 0;
      display: flex
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] .game-card-title[_ngcontent-ng-c1019384844] h3[_ngcontent-ng-c1019384844] .tournament-name[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      opacity: .8;

      font-weight: 300
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] .game-card-title[_ngcontent-ng-c1019384844] h3[_ngcontent-ng-c1019384844] .match-name[_ngcontent-ng-c1019384844] {
      font-weight: 700;
      margin-bottom: 2px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-family: 'Poppins'
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] .game-card-title[_ngcontent-ng-c1019384844] p[_ngcontent-ng-c1019384844] {
      margin: 0;
      color: var(--dark-text);
      font-size: 10px;
      font-weight: 400;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 25%
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] .game-card-title[_ngcontent-ng-c1019384844] p.time[_ngcontent-ng-c1019384844] {
      text-overflow: unset;
      min-width: 125px;
      text-align: right;
      max-width: unset
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] {
      position: relative;
      padding: 7px 5px;
      cursor: pointer;
      min-height: 120px;
      align-items: center;
      display: flex;
      flex-direction: column
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .tournament-title[_ngcontent-ng-c1019384844] {
      margin: 0 0 5px;
      text-align: center;
      font-size: 10px;
      opacity: .5;
      line-height: 1
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] {
      display: grid;
      align-items: center;
      justify-content: space-between;
      grid-template-columns: repeat(3, 1fr);
      margin: auto 0;
      width: 100%
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] {
      margin-bottom: 15px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] h2[_ngcontent-ng-c1019384844] {
      font-size: 25px;
      margin: 0;
      text-align: center;
      color: var(--secondary-color);
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] {
      margin-bottom: 5px;
      background: url('/public/assets/images/frame.webp');
      background-size: 100% 100%;
      height: 81px;
      width: 81px;
      margin: auto;
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] img[_ngcontent-ng-c1019384844] {
      width: 80px;
      height: 80px;
      max-width: 80px;
      max-height: 80px;
      object-fit: contain;
      display: block;
      margin: auto;
      border-radius: 50%;
      padding: 7px;
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .score-info[_ngcontent-ng-c1019384844] {
      display: flex;
      flex-direction: column;
      align-items: center
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .score-info[_ngcontent-ng-c1019384844] h3[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      margin: 0;
      text-align: center;
      max-width: 120px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .score-info[_ngcontent-ng-c1019384844] p[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      margin: 0;
      text-align: center;
      opacity: .5;
      max-width: 120px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .schedule-time[_ngcontent-ng-c1019384844] {
      margin: 0;
      font-size: 10px;
      text-align: center;
      padding: 5px 10px;
      position: absolute;
      width: -moz-fit-content;
      width: fit-content;
      white-space: nowrap;
      background: var(--primary-color);
      color: var(--primary-color-contrast);
      border-radius: 6px 6px 0 0;
      bottom: 0;
      left: 50%;
      transform: translate(-50%);
      line-height: 1;
      min-width: 150px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] {
      position: relative;
      padding: 10px 5px;
      cursor: pointer
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .tournament-title[_ngcontent-ng-c1019384844] {
      margin: 0 0 5px;
      text-align: center;
      font-size: 10px;
      opacity: .5;
      line-height: 1
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] {
      display: grid;
      align-items: center;
      justify-content: space-between;
      grid-template-columns: repeat(3, 1fr);
      min-height: 45px;
      column-gap: 7px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] {
      margin-bottom: 15px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] .player-wrap[_ngcontent-ng-c1019384844] .player-initials[_ngcontent-ng-c1019384844] {
      min-width: 30px;
      min-height: 30px;
      border-radius: 5px;
      background: var(--secondary-color);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 4px;
      aspect-ratio: 1/1
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] .player-wrap[_ngcontent-ng-c1019384844] .player-initials[_ngcontent-ng-c1019384844] p[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      color: var(--secondary-color-contrast);
      margin: 0;
      line-height: 1;
      text-transform: uppercase
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] h2[_ngcontent-ng-c1019384844] {
      font-size: 12px;
      margin: 0;
      text-align: center
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] h2.vs-text[_ngcontent-ng-c1019384844] {
      text-align: center !important
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] img[_ngcontent-ng-c1019384844] {
      width: auto;
      height: 34px;
      max-width: 75px;
      max-height: 75px;
      object-fit: contain;
      display: block;
      margin: auto
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] .p-initials[_ngcontent-ng-c1019384844] {
      width: 40px;
      height: 40px
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .score-info[_ngcontent-ng-c1019384844] {
      display: flex;
      flex-direction: column;
      align-items: center
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .score-info[_ngcontent-ng-c1019384844] h3[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      margin: 0;
      text-align: center;
      max-width: 120px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .score-info[_ngcontent-ng-c1019384844] p[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      margin: 0;
      text-align: center;
      opacity: .5;
      max-width: 120px;
      color: var(--black-color)
  }

  .page-body[_ngcontent-ng-c1019384844] .matches-wrap[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .schedule-time[_ngcontent-ng-c1019384844] {
      margin: 0;
      font-size: 10px;
      text-align: center;
      padding: 3px 10px;
      position: absolute;
      width: -moz-fit-content;
      width: fit-content;
      background: var(--primary-color);
      color: var(--primary-color-contrast);
      border-radius: 6px 6px 0 0;
      bottom: 0;
      left: 50%;
      transform: translate(-50%);
      line-height: 1
  }

  .page-body[_ngcontent-ng-c1019384844] .no-data[_ngcontent-ng-c1019384844] {
      height: calc(100% - 80px);
      display: flex;
      align-items: center;
      justify-content: center
  }

  .page-body[_ngcontent-ng-c1019384844] .no-data[_ngcontent-ng-c1019384844] p[_ngcontent-ng-c1019384844] {
      margin: 0;
      font-size: 12px;
      opacity: .5
  }

  .page-body[_ngcontent-ng-c1019384844] .predict-winner[_ngcontent-ng-c1019384844] {
      position: absolute;
      bottom: -8px;
      left: 50%;
      transform: translate(-50%);
      width: 100%;
      max-width: 740px;
      background: var(--grey-00);
      border-radius: 6px;
      z-index: 1;
      padding: 5px 10px 15px
  }

  .page-body[_ngcontent-ng-c1019384844] .predict-winner[_ngcontent-ng-c1019384844] .row-wrap[_ngcontent-ng-c1019384844] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      column-gap: 5px;
      padding: 5px 10px;
      background: var(--grey-100);
      border-radius: 6px
  }

  .page-body[_ngcontent-ng-c1019384844] .predict-winner[_ngcontent-ng-c1019384844] .row-wrap[_ngcontent-ng-c1019384844] .pw-title[_ngcontent-ng-c1019384844] {
      display: flex;
      align-items: center;
      column-gap: 5px
  }

  .page-body[_ngcontent-ng-c1019384844] .predict-winner[_ngcontent-ng-c1019384844] .row-wrap[_ngcontent-ng-c1019384844] .pw-title[_ngcontent-ng-c1019384844] img[_ngcontent-ng-c1019384844] {
      max-width: 25px
  }

  .page-body[_ngcontent-ng-c1019384844] .predict-winner[_ngcontent-ng-c1019384844] .row-wrap[_ngcontent-ng-c1019384844] .pw-title[_ngcontent-ng-c1019384844] h3[_ngcontent-ng-c1019384844] {
      margin: 0;
      font-size: .75rem;
      font-weight: 500
  }

  .page-body[_ngcontent-ng-c1019384844] .predict-winner[_ngcontent-ng-c1019384844] .row-wrap[_ngcontent-ng-c1019384844] button[_ngcontent-ng-c1019384844] {
      background: var(--primary-color);
      font-size: 10px;
      max-height: 30px;
      display: flex;
      align-items: center;
      color: var(--primary-color-contrast)
  }

  .coming-soon[_ngcontent-ng-c1019384844] {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      height: calc(100% - 160px)
  }

  .coming-soon[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] img[_ngcontent-ng-c1019384844] {
      max-width: 70px;
      display: block;
      margin: auto;
      width: 70px
  }

  .coming-soon[_ngcontent-ng-c1019384844] p.text[_ngcontent-ng-c1019384844] {
      margin: 5px 0 0;
      font-size: 12px
  }

  .floating-btns[_ngcontent-ng-c1019384844] {
      position: absolute;
      bottom: 70px;
      right: 5px;
      z-index: 1000
  }

  .floating-btns[_ngcontent-ng-c1019384844] .btn-wrap[_ngcontent-ng-c1019384844] {
      width: 40px;
      height: 40px;
      border-radius: 50%
  }

  .floating-btns[_ngcontent-ng-c1019384844] .btn-wrap.whatsapp[_ngcontent-ng-c1019384844] img[_ngcontent-ng-c1019384844] {
      width: 40px;
      height: 40px;
      filter: drop-shadow(0px 0px 5px var(--grey-200))
  }

  .special-market[_ngcontent-ng-c1019384844] {
      max-height: calc(100% - 15px);
      overflow-y: auto;
      padding: 10px
  }

  .special-market[_ngcontent-ng-c1019384844] .market-card[_ngcontent-ng-c1019384844] {
      border-radius: 10px;
      background: var(--white-color);
      margin-bottom: 10px;
      height: 100px;
      display: flex;
      flex-direction: row;
      align-items: center;
      text-align: center;
      justify-content: flex-start;
      column-gap: 10px;
      padding: 0 15px
  }

  .special-market[_ngcontent-ng-c1019384844] .market-card[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] {
      background: url('/public/assets/images/frame.webp');
      background-size: 100% 100%;
      width: 81px;
      min-width: 81px;
      height: 81px;
      display: flex;
      align-items: center;
      justify-content: center;

  }

  .special-market[_ngcontent-ng-c1019384844] .market-card[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] .mkt-img[_ngcontent-ng-c1019384844] {
      width: 80px;
      height: 80px;
      object-fit: contain;
      border-radius: 50%;
      padding:5px;
  }


  .special-market[_ngcontent-ng-c1019384844] .market-card[_ngcontent-ng-c1019384844] .event-title[_ngcontent-ng-c1019384844] p[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      color: var(--grey-75);
      opacity: .8;
      margin: 2px 0 0;
      /* font-family: 'Poppins' */
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card[_ngcontent-ng-c1019384844] {
      padding: 10px;
      border-radius: 10px;
      background: var(--white-color);
      margin-bottom: 10px;
      overflow: hidden;
      z-index: 100;
      height: 120px
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844] {
      background-size: 100px;
      background-position: center;
      background-repeat: no-repeat
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844]:before {
      content: "";
      width: 25%;
      background-position: 0 0;
      background-repeat: no-repeat;
      position: absolute;
      bottom: 0;
      left: -65px;
      aspect-ratio: 3/1;
      transform: rotate(140deg);
      z-index: 1;
      min-width: 120px
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844]:after {
      content: "";
      width: 25%;
      background-position: 0 0;
      background-repeat: no-repeat;
      position: absolute;
      top: -18px;
      right: -42px;
      aspect-ratio: 3/1;
      transform: rotate(140deg);
      z-index: 1;
      min-width: 120px
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] {
      background-color: var(--white-color);
      border-radius: 50%;
      border: 2px solid #19398A;
      padding: 8px;
      width: 60px;
      height: 60px;
      margin: 0 auto 10px;
      position: relative;
      z-index: 100
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.ipl-league[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] img[_ngcontent-ng-c1019384844] {
      width: 100%;
      height: auto
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] h2[_ngcontent-ng-c1019384844] {
      font-size: 12px;
      margin-bottom: 2px;
      padding: 0 4px;
      font-weight: 400
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] .game-card-title[_ngcontent-ng-c1019384844] {
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: var(--light-grey);
      column-gap: 10px
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] .game-card-title[_ngcontent-ng-c1019384844] h3[_ngcontent-ng-c1019384844] {
      flex-direction: column;
      align-items: flex-start;
      font-size: 11px;
      line-height: normal;
      margin: 0;
      display: flex
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] .game-card-title[_ngcontent-ng-c1019384844] h3[_ngcontent-ng-c1019384844] .tournament-name[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      opacity: .8;

      font-weight: 300
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] .game-card-title[_ngcontent-ng-c1019384844] h3[_ngcontent-ng-c1019384844] .match-name[_ngcontent-ng-c1019384844] {
      font-weight: 700;
      margin-bottom: 2px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-family: 'Poppins'
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] .game-card-title[_ngcontent-ng-c1019384844] p[_ngcontent-ng-c1019384844] {
      margin: 0;
      color: var(--dark-text);
      font-size: 10px;
      font-weight: 400;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 25%
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.list-view[_ngcontent-ng-c1019384844] .game-card-title[_ngcontent-ng-c1019384844] p.time[_ngcontent-ng-c1019384844] {
      text-overflow: unset;
      min-width: 125px;
      text-align: right;
      max-width: unset
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] {
      position: relative;
      padding: 10px 5px;
      cursor: pointer
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .tournament-title[_ngcontent-ng-c1019384844] {
      margin: 0 0 5px;
      text-align: center;
      font-size: 10px;
      opacity: .5;
      line-height: 1
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] {
      display: grid;
      align-items: center;
      justify-content: space-between;
      grid-template-columns: repeat(3, 1fr);
      margin-top: 12px
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] h2[_ngcontent-ng-c1019384844] {
      font-size: 12px;
      margin: 0;
      text-align: center
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] {
      margin-bottom: 5px
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] img[_ngcontent-ng-c1019384844] {
      width: 40px;
      height: 40px;
      max-width: 75px;
      max-height: 75px;
      object-fit: contain;
      display: block;
      margin: auto
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .score-info[_ngcontent-ng-c1019384844] {
      display: flex;
      flex-direction: column;
      align-items: center
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .score-info[_ngcontent-ng-c1019384844] h3[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      margin: 0;
      text-align: center;
      max-width: 120px;
      font-family: 'Poppins'
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .score-info[_ngcontent-ng-c1019384844] p[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      margin: 0;
      text-align: center;
      opacity: .5;
      max-width: 120px
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.w-icon-view[_ngcontent-ng-c1019384844] .schedule-time[_ngcontent-ng-c1019384844] {
      margin: 0;
      font-size: 10px;
      text-align: center;
      padding: 3px 10px;
      position: absolute;
      width: -moz-fit-content;
      width: fit-content;
      white-space: nowrap;
      background: var(--primary-color);
      color: var(--primary-color-contrast);
      border-radius: 6px 6px 0 0;
      bottom: 0;
      left: 50%;
      transform: translate(-50%);
      line-height: 1;
      min-width: 150px
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] {
      position: relative;
      padding: 10px 5px;
      cursor: pointer
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .tournament-title[_ngcontent-ng-c1019384844] {
      margin: 0 0 5px;
      text-align: center;
      font-size: 10px;
      opacity: .5;
      line-height: 1
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] {
      display: grid;
      align-items: center;
      justify-content: space-between;
      grid-template-columns: repeat(3, 1fr);
      min-height: 45px;
      column-gap: 7px
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] {
      margin-bottom: 15px
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] .player-wrap[_ngcontent-ng-c1019384844] .player-initials[_ngcontent-ng-c1019384844] {
      min-width: 30px;
      min-height: 30px;
      border-radius: 5px;
      background: var(--secondary-color);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 4px;
      aspect-ratio: 1/1
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] .player-wrap[_ngcontent-ng-c1019384844] .player-initials[_ngcontent-ng-c1019384844] p[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      color: var(--secondary-color-contrast);
      margin: 0;
      line-height: 1;
      text-transform: uppercase
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] h2[_ngcontent-ng-c1019384844] {
      font-size: 12px;
      margin: 0;
      text-align: center
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .team-item[_ngcontent-ng-c1019384844] h2.vs-text[_ngcontent-ng-c1019384844] {
      text-align: center !important
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] img[_ngcontent-ng-c1019384844] {
      width: auto;
      height: 34px;
      max-width: 75px;
      max-height: 75px;
      object-fit: contain;
      display: block;
      margin: auto
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .img-wrap[_ngcontent-ng-c1019384844] .p-initials[_ngcontent-ng-c1019384844] {
      width: 40px;
      height: 40px
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .score-info[_ngcontent-ng-c1019384844] {
      display: flex;
      flex-direction: column;
      align-items: center
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .score-info[_ngcontent-ng-c1019384844] h3[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      margin: 0;
      text-align: center;
      max-width: 120px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .teams-wrap[_ngcontent-ng-c1019384844] .score-info[_ngcontent-ng-c1019384844] p[_ngcontent-ng-c1019384844] {
      font-size: 10px;
      margin: 0;
      text-align: center;
      opacity: .5;
      max-width: 120px
  }

  .special-market[_ngcontent-ng-c1019384844] .game-card.tennis-cards[_ngcontent-ng-c1019384844] .schedule-time[_ngcontent-ng-c1019384844] {
      margin: 0;
      font-size: 10px;
      text-align: center;
      padding: 3px 10px;
      position: absolute;
      width: -moz-fit-content;
      width: fit-content;
      background: var(--primary-color);
      color: var(--primary-color-contrast);
      border-radius: 6px 6px 0 0;
      bottom: 0;
      left: 50%;
      transform: translate(-50%);
      line-height: 1
  }


  .header-wrapper[_ngcontent-ng-c1432811388] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      min-height: 44px;
      padding: 0 10px
  }

  .page-title[_ngcontent-ng-c1432811388] {
      width: 100%;
      text-align: center;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 0
  }

  .page-title[_ngcontent-ng-c1432811388] h2[_ngcontent-ng-c1432811388] {
      margin: 0;
      color: var(--secondary-color-contrast);
      font-size: 16px
  }

  .logo[_ngcontent-ng-c1432811388] {
      display: flex;
      align-items: center;
      column-gap: 6px;
      z-index: 100
  }

  .logo[_ngcontent-ng-c1432811388] img[_ngcontent-ng-c1432811388] {
      height: 34px;
      width: auto;
      max-width: 120px;
      object-fit: contain;
      cursor: pointer
  }

  .user-info[_ngcontent-ng-c1432811388] {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      column-gap: 0
  }

  .user-info[_ngcontent-ng-c1432811388] p[_ngcontent-ng-c1432811388] {
      margin-bottom: 0;
      color: var(--black-color)
  }

  .user-info[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
      width: auto;
      height: auto
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .selected-lang[_ngcontent-ng-c1432811388] {
      margin: 1px 0 0;
      font-size: 10px;
      line-height: 1;
      color: var(--white-color);

      text-transform: uppercase;
      position: absolute;
      right: 18px;
      top: 28px
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] {
      display: flex;
      align-items: flex-end;
      flex-direction: row;
      justify-content: flex-end;
      column-gap: 4px
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
      width: auto;
      height: auto;
      min-width: auto;
      padding: 0;
      box-shadow: unset;
      margin: 0;
      line-height: 1;
      display: flex
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] mat-icon[_ngcontent-ng-c1432811388] {
      font-size: 16px;
      color: var(--white-color);
      width: auto;
      height: auto;
      margin-bottom: -2px;
      margin-right: 0
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] bal-wrap[_ngcontent-ng-c1432811388] {
      display: flex;
      justify-content: flex-end;
      align-items: center
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount[_ngcontent-ng-c1432811388] {
      position: relative;
      cursor: pointer;
      width: 100%;
      flex-direction: row-reverse;
      justify-content: flex-start;
      display: flex;
      align-items: center;
      column-gap: 4px
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount.show-bal[_ngcontent-ng-c1432811388] .content[_ngcontent-ng-c1432811388] {
      display: flex;
      flex-direction: row-reverse;
      column-gap: 4px;
      align-items: center
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount.show-bal[_ngcontent-ng-c1432811388] mat-icon[_ngcontent-ng-c1432811388] {
      font-size: 21px;
      width: 21px;
      height: 21px;
      display: flex;
      align-items: center;
      justify-content: center
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount.exp-bal[_ngcontent-ng-c1432811388] {
      position: relative;
      cursor: pointer;
      width: 100%;
      flex-direction: row-reverse;
      justify-content: flex-start
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount.exp-bal[_ngcontent-ng-c1432811388]:before {
      content: "";
      background: var(--black-color);
      width: 1px;
      height: 90%;
      position: absolute;
      right: -2px;
      top: 50%;
      transform: translateY(-50%);
      display: none
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount.exp-bal[_ngcontent-ng-c1432811388] p[_ngcontent-ng-c1432811388] {
      text-decoration: underline
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount[_ngcontent-ng-c1432811388] mat-label[_ngcontent-ng-c1432811388],
  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount[_ngcontent-ng-c1432811388] p[_ngcontent-ng-c1432811388] {
      font-size: 10px;
      color: var(--white-color);
      text-align: right;
      margin: 0;
      min-width: 18px;
      line-height: 1.2;
      text-transform: capitalize
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .bal-cont[_ngcontent-ng-c1432811388] .bal-amount[_ngcontent-ng-c1432811388] mat-label[_ngcontent-ng-c1432811388] {
      font-size: 10px;
      text-align: left
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .deposit-btn[_ngcontent-ng-c1432811388] {
      width: auto;
      height: 25px;
      min-width: 55px;
      font-size: 11px;
      background: var(--white-color);
      color: var(--black-color);
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      column-gap: 3px;
      padding: 0 5px;
      text-transform: capitalize
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .deposit-btn[_ngcontent-ng-c1432811388] mat-icon[_ngcontent-ng-c1432811388] {
      margin: 0;
      color: var(--black-color)
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .not-loggedIn[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
      min-width: auto;
      width: auto;
      height: 25px;
      max-width: 90px;
      font-size: 10px;
      background: var(--white-color);
      color: var(--black-color);
      border-radius: 5px
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .not-loggedIn[_ngcontent-ng-c1432811388] button.demo-btn[_ngcontent-ng-c1432811388] {
      min-width: 30px;
      max-width: 65px;
      background: var(--secondary-color);
      color: var(--secondary-color-contrast);
      padding: 0 10px
  }

  .header-right-cont[_ngcontent-ng-c1432811388] {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      column-gap: 10px;
      min-width: 30px
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .loggedIn[_ngcontent-ng-c1432811388] {
      display: flex;
      align-items: center;
      column-gap: 5px
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .loggedIn[_ngcontent-ng-c1432811388] mat-icon[_ngcontent-ng-c1432811388] {
      color: var(--black-color);
      cursor: pointer
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .not-loggedIn[_ngcontent-ng-c1432811388] {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 4px
  }

  .header-right-cont[_ngcontent-ng-c1432811388] .not-loggedIn[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
      height: 28px;
      max-width: 110px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding: 0 5px
  }

  .header-right-cont[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
      background: transparent;
      color: var(--black-color);
      font-weight: 400;
      font-size: 12px;
      border-radius: 7px !important
  }

  h1[_ngcontent-ng-c1432811388] {
      font-size: clamp(18px, 2vw, 20px);
      margin-bottom: 0
  }

  .not-loggedIn[_ngcontent-ng-c1432811388] {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 4px
  }

  .not-loggedIn[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
      height: 28px;
      max-width: 110px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding: 0 5px;
      color: var(--black-color);
      border: 1px solid var(--white-color)
  }

  .global-search[_ngcontent-ng-c1432811388] .global-btn[_ngcontent-ng-c1432811388] {
      padding: 0;
      min-width: 0;
      display: flex;
      width: auto;
      height: auto
  }

  .global-search[_ngcontent-ng-c1432811388] .global-btn[_ngcontent-ng-c1432811388] mat-icon[_ngcontent-ng-c1432811388] {
      color: var(--secondary-color-contrast);
      cursor: pointer;
      z-index: 1
  }

  .exp-info {
      background-color: var(--grey-00);
      font-size: 10px;
      padding: 5px;
      border-radius: 5px;
      color: var(--white-color)
  }

  .exp-bal[_ngcontent-ng-c1432811388] {
      position: relative
  }

  .exp-bal[_ngcontent-ng-c1432811388] .show-exp[_ngcontent-ng-c1432811388] {
      position: absolute;
      top: 25px;
      right: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      background-color: var(--grey-00);
      border-radius: 5px;
      padding: 10px;
      white-space: nowrap;
      z-index: 10000;
      min-width: 150px
  }

  .exp-bal[_ngcontent-ng-c1432811388] .show-exp[_ngcontent-ng-c1432811388]:before {
      content: "";
      position: absolute;
      top: -5px;
      right: 15px;
      background-color: var(--grey-00);
      width: 15px;
      height: 15px;
      border-radius: 0;
      transform: rotate(135deg);
      display: flex
  }

  .exp-bal[_ngcontent-ng-c1432811388] .show-exp[_ngcontent-ng-c1432811388] ul[_ngcontent-ng-c1432811388] {
      list-style: none;
      padding-left: 0;
      margin: 0;
      width: 100%;
      display: flex;
      flex-direction: column;
      row-gap: 5px
  }

  .exp-bal[_ngcontent-ng-c1432811388] .show-exp[_ngcontent-ng-c1432811388] ul[_ngcontent-ng-c1432811388] li[_ngcontent-ng-c1432811388] {
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: center
  }

  .exp-bal[_ngcontent-ng-c1432811388] .show-exp[_ngcontent-ng-c1432811388] ul[_ngcontent-ng-c1432811388] li[_ngcontent-ng-c1432811388] label[_ngcontent-ng-c1432811388] {
      font-size: 10px
  }

  .exp-bal[_ngcontent-ng-c1432811388] .show-exp[_ngcontent-ng-c1432811388] ul[_ngcontent-ng-c1432811388] li[_ngcontent-ng-c1432811388] p[_ngcontent-ng-c1432811388] {
      margin: 0;
      font-size: 10px;
      text-decoration: none !important
  }

  @media only screen and (max-width: 320px) {
      .logo[_ngcontent-ng-c1432811388] img[_ngcontent-ng-c1432811388] {
          max-width: 75px
      }

      .header-wrapper[_ngcontent-ng-c1432811388] .header-right-cont[_ngcontent-ng-c1432811388] .not-loggedIn[_ngcontent-ng-c1432811388] button[_ngcontent-ng-c1432811388] {
          height: 20px;
          padding: 0 5px;
          font-size: 8px
      }
  }


  .demoid-marquee[_ngcontent-ng-c3660323651] {
      background: var(--red-color);
      color: var(--black-color);
      font-size: 10px;
      padding: 5px 10px;
      bottom: 0;
      width: 100%;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center
  }

  .demoid-marquee[_ngcontent-ng-c3660323651] marquee[_ngcontent-ng-c3660323651] {
      display: none
  }

  .demoid-marquee[_ngcontent-ng-c3660323651] p.marquee[_ngcontent-ng-c3660323651] {
      display: block;
      margin: 0;
      color: var(--black-color);
      font-size: 10px;
      text-align: center
  }

  app-footer app-demoid-marquee .demoid-marquee {
      position: static !important;
      padding: 7px 10px 20px !important;
      margin-bottom: -18px !important
  }

  @media only screen and (max-width: 340px) {
      .demoid-marquee[_ngcontent-ng-c3660323651] marquee[_ngcontent-ng-c3660323651] {
          display: block
      }

      .demoid-marquee[_ngcontent-ng-c3660323651] p.marquee[_ngcontent-ng-c3660323651] {
          display: none
      }
  }


  .demoid-marquee[_ngcontent-ng-c3080817936] {
      background: var(--primary-color-tint);
      color: var(--white-color);
      font-size: 10px;
      padding: 5px 10px;
      bottom: 0;
      width: 100%;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center
  }

  .demoid-marquee[_ngcontent-ng-c3080817936] marquee[_ngcontent-ng-c3080817936] {
      display: none
  }

  .demoid-marquee[_ngcontent-ng-c3080817936] p.marquee[_ngcontent-ng-c3080817936] {
      display: block;
      margin: 0;
      color: var(--white-color);
      font-size: 10px;
      text-align: center
  }

  app-footer app-demoid-marquee .demoid-marquee {
      position: static !important;
      padding: 7px 10px 20px !important;
      margin-bottom: -18px !important
  }

  @media only screen and (max-width: 340px) {
      .demoid-marquee[_ngcontent-ng-c3080817936] marquee[_ngcontent-ng-c3080817936] {
          display: block
      }

      .demoid-marquee[_ngcontent-ng-c3080817936] p.marquee[_ngcontent-ng-c3080817936] {
          display: none
      }
  }


  .tab-navigation[_ngcontent-ng-c1896169303] {
      border-radius: 20px 20px 0 0;
      padding: 6px 0;
      background: var(--black-color);
      height: 60px;
      display: flex;
      align-items: center;
      width: 100%;
      position: relative;
      z-index: 100
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] {
      width: 100%;
      min-width: auto;
      padding: 0
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      row-gap: 5px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label span[class^=ai-] {
      font-size: 18px;
      color: var(--grey-300)
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label img {
      width: 30px;
      max-height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-size: 35px;
      margin: 0 auto
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label p {
      margin: 0;
      font-size: 10px;
      text-transform: capitalize;
      color: var(--grey-300);
      white-space: nowrap
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.active-link[_ngcontent-ng-c1896169303] .mdc-button__label span[class^=ai-] {
      color: var(--secondary-color)
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.active-link[_ngcontent-ng-c1896169303] p[_ngcontent-ng-c1896169303] {
      color: var(--secondary-color)
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.home[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -40px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.home.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -5px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.cricket[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -110px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.cricket.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -75px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.casino[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -180px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.casino.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -145px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.profile[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -250px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.profile.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -215px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.market[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -320px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.market.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -285px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.offers[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -390px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.offers.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -355px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.refer[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -460px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.refer.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -425px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.passbook[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -530px
  }

  .tab-navigation[_ngcontent-ng-c1896169303] button.passbook.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      background-repeat: no-repeat;
      background-position: center -495px
  }

  #menu[_ngcontent-ng-c1896169303] {
      height: 230px;
      margin-bottom: -10px;
      border-radius: 50% 50% 0 0;
      padding: 0
  }

  .menu-item[_ngcontent-ng-c1896169303] {
      width: 60px;
      height: 60px;
      position: absolute;
      left: 50%;
      line-height: 5px;
      bottom: 0;
      margin: -50px 0 0 -50px;
      border-radius: 50%;
      background-color: #424242;
      transform: translate(0);
      transition: transform .5s;
      z-index: 2;
      transition: .5s;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center
  }

  .menu-item[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
      width: 20px;
      height: 20px
  }

  .menu-item[_ngcontent-ng-c1896169303]:hover {
      opacity: .5;
      box-shadow: 0 5px 10px #000
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
      transform: rotate(60deg) translateY(-150px) rotate(300deg);
      transition-delay: 0s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
      transform: rotate(20deg) translateY(-155px) rotate(-20deg);
      transition-delay: .1s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
      transform: rotate(-20deg) translateY(-155px) rotate(20deg);
      transition-delay: .2s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
      transform: rotate(-60deg) translateY(-150px) rotate(60deg);
      transition-delay: .3s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
      transform: rotate(60deg) translateY(-150px) rotate(300deg);
      transition-delay: 0s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
      transform: rotate(20deg) translateY(-155px) rotate(-20deg);
      transition-delay: .1s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
      transform: rotate(-20deg) translateY(-155px) rotate(20deg);
      transition-delay: .2s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
      transform: rotate(-60deg) translateY(-150px) rotate(60deg);
      transition-delay: .3s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(6) {
      transform: rotate(64deg) translateY(-150px) rotate(-64deg);
      transition-delay: 0s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(5) {
      transform: rotate(37deg) translateY(-150px) rotate(-38deg);
      transition-delay: 0s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
      transform: rotate(12deg) translateY(-155px) rotate(-12deg);
      transition-delay: 0s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
      transform: rotate(-12deg) translateY(-155px) rotate(12deg);
      transition-delay: .1s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
      transform: rotate(-37deg) translateY(-155px) rotate(35deg);
      transition-delay: .2s
  }

  .container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
      transform: rotate(-65deg) translateY(-150px) rotate(65deg);
      transition-delay: .3s
  }

  .container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] {
      margin-bottom: 0;
      width: -moz-fit-content;
      width: fit-content;
      position: absolute;
      left: calc(25% + 25px);
      bottom: 75px;
      background: var(--grey-50);
      padding: 5px;
      border-radius: 5px;
      height: auto
  }

  .container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] .menu-item[_ngcontent-ng-c1896169303] {
      width: 60px;
      height: 60px;
      position: unset;
      left: calc(25% + 25px);
      line-height: 5px;
      bottom: 60px;
      background-color: #424242;
      transform: unset !important;
      transition: transform .5s;
      z-index: 2;
      transition: .5s;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 0 5px;
      border-radius: 0
  }

  .container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] .menu-item[_ngcontent-ng-c1896169303]:last-child {
      margin-bottom: 0
  }

  .menu-item[_ngcontent-ng-c1896169303] a[_ngcontent-ng-c1896169303] {
      color: #fff;
      position: relative;
      left: 0;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
  }

  .menu-item[_ngcontent-ng-c1896169303] a[_ngcontent-ng-c1896169303] p[_ngcontent-ng-c1896169303] {
      margin: 5px 0 0;
      font-size: 9px;
      text-align: center;
      line-height: 1;
      padding: 0 5px
  }

  .footer-subMenu.mat-mdc-menu-panel {
      background: var(--grey-75);
      min-width: 160px;
      margin-bottom: 15px;
      border-radius: 10px
  }

  .footer-subMenu.mat-mdc-menu-panel .fs-menu-item {
      min-height: auto;
      height: 40px;
      padding: 0 5px;
      max-width: calc(100% - 15px);
      margin: auto auto 10px;
      background: var(--grey-100);
      border: 1px solid var(--grey-100);
      border-radius: 10px
  }

  .footer-subMenu.mat-mdc-menu-panel .fs-menu-item:hover {
      border: 1px solid var(--grey-100)
  }

  .footer-subMenu.mat-mdc-menu-panel .fs-menu-item.active-link {
      background: var(--grey-00);
      border: 1px solid var(--secondary-color)
  }

  .footer-subMenu.mat-mdc-menu-panel .fs-menu-item:last-child {
      margin-bottom: 0
  }

  .footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      column-gap: 5px
  }

  .footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text img {
      width: 20px;
      height: 20px
  }

  .footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text p {
      font-size: 12px
  }

  .plt-pwa[_ngcontent-ng-c1896169303] .tab-navigation[_ngcontent-ng-c1896169303] {
      height: 70px;
      padding-bottom: 15px
  }


  mat-menu {
      display: none
  }

  .mat-mdc-menu-content {
      margin: 0;
      padding: 8px 0;
      list-style-type: none
  }

  .mat-mdc-menu-content:focus {
      outline: none
  }

  .mat-mdc-menu-content,
  .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      white-space: normal;
      font-family: var(--mat-menu-item-label-text-font);
      line-height: var(--mat-menu-item-label-text-line-height);
      font-size: var(--mat-menu-item-label-text-size);
      letter-spacing: var(--mat-menu-item-label-text-tracking);
      font-weight: var(--mat-menu-item-label-text-weight)
  }

  .mat-mdc-menu-panel {
      --mat-menu-container-shape: 4px;
      min-width: 112px;
      max-width: 280px;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      box-sizing: border-box;
      outline: 0;
      border-radius: var(--mat-menu-container-shape);
      background-color: var(--mat-menu-container-color);
      will-change: transform, opacity
  }

  .mat-mdc-menu-panel.ng-animating {
      pointer-events: none
  }

  .cdk-high-contrast-active .mat-mdc-menu-panel {
      outline: solid 1px
  }

  .mat-mdc-menu-item {
      display: flex;
      position: relative;
      align-items: center;
      justify-content: flex-start;
      overflow: hidden;
      padding: 0;
      padding-left: 16px;
      padding-right: 16px;
      -webkit-user-select: none;
      user-select: none;
      cursor: pointer;
      outline: none;
      border: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      cursor: pointer;
      width: 100%;
      text-align: left;
      box-sizing: border-box;
      color: inherit;
      font-size: inherit;
      background: none;
      text-decoration: none;
      margin: 0;
      align-items: center;
      min-height: 48px
  }

  .mat-mdc-menu-item:focus {
      outline: none
  }

  [dir=rtl] .mat-mdc-menu-item,
  .mat-mdc-menu-item[dir=rtl] {
      padding-left: 16px;
      padding-right: 16px
  }

  .mat-mdc-menu-item::-moz-focus-inner {
      border: 0
  }

  .mat-mdc-menu-item,
  .mat-mdc-menu-item:visited,
  .mat-mdc-menu-item:link {
      color: var(--mat-menu-item-label-text-color)
  }

  .mat-mdc-menu-item .mat-icon-no-color,
  .mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
      color: var(--mat-menu-item-icon-color)
  }

  .mat-mdc-menu-item[disabled] {
      cursor: default;
      opacity: .38
  }

  .mat-mdc-menu-item[disabled]::after {
      display: block;
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      bottom: 0;
      right: 0
  }

  .mat-mdc-menu-item .mat-icon {
      margin-right: 16px
  }

  [dir=rtl] .mat-mdc-menu-item {
      text-align: right
  }

  [dir=rtl] .mat-mdc-menu-item .mat-icon {
      margin-right: 0;
      margin-left: 16px
  }

  .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
      padding-right: 32px
  }

  [dir=rtl] .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
      padding-right: 16px;
      padding-left: 32px
  }

  .mat-mdc-menu-item:not([disabled]):hover {
      background-color: var(--mat-menu-item-hover-state-layer-color)
  }

  .mat-mdc-menu-item:not([disabled]).cdk-program-focused,
  .mat-mdc-menu-item:not([disabled]).cdk-keyboard-focused,
  .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
      background-color: var(--mat-menu-item-focus-state-layer-color)
  }

  .cdk-high-contrast-active .mat-mdc-menu-item {
      margin-top: 1px
  }

  .mat-mdc-menu-submenu-icon {
      position: absolute;
      top: 50%;
      right: 16px;
      transform: translateY(-50%);
      width: 5px;
      height: 10px;
      fill: currentColor
  }

  [dir=rtl] .mat-mdc-menu-submenu-icon {
      right: auto;
      left: 16px;
      transform: translateY(-50%) scaleX(-1)
  }

  .cdk-high-contrast-active .mat-mdc-menu-submenu-icon {
      fill: CanvasText
  }

  .mat-mdc-menu-item .mat-mdc-menu-ripple {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      pointer-events: none
  }


  .mdc-touch-target-wrapper {
      display: inline
  }

  .mdc-elevation-overlay {
      position: absolute;
      border-radius: inherit;
      pointer-events: none;
      opacity: var(--mdc-elevation-overlay-opacity, 0);
      transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1)
  }

  .mdc-button {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      min-width: 64px;
      border: none;
      outline: none;
      line-height: inherit;
      user-select: none;
      -webkit-appearance: none;
      overflow: visible;
      vertical-align: middle;
      background: rgba(0, 0, 0, 0)
  }

  .mdc-button .mdc-elevation-overlay {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0
  }

  .mdc-button::-moz-focus-inner {
      padding: 0;
      border: 0
  }

  .mdc-button:active {
      outline: none
  }

  .mdc-button:hover {
      cursor: pointer
  }

  .mdc-button:disabled {
      cursor: default;
      pointer-events: none
  }

  .mdc-button[hidden] {
      display: none
  }

  .mdc-button .mdc-button__icon {
      margin-left: 0;
      margin-right: 8px;
      display: inline-block;
      position: relative;
      vertical-align: top
  }

  [dir=rtl] .mdc-button .mdc-button__icon,
  .mdc-button .mdc-button__icon[dir=rtl] {
      margin-left: 8px;
      margin-right: 0
  }

  .mdc-button .mdc-button__progress-indicator {
      font-size: 0;
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;
      line-height: initial
  }

  .mdc-button .mdc-button__label {
      position: relative
  }

  .mdc-button .mdc-button__focus-ring {
      pointer-events: none;
      border: 2px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
      box-sizing: content-box;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: calc(100% + 4px);
      width: calc(100% + 4px);
      display: none
  }

  @media screen and (forced-colors: active) {
      .mdc-button .mdc-button__focus-ring {
          border-color: CanvasText
      }
  }

  .mdc-button .mdc-button__focus-ring::after {
      content: "";
      border: 2px solid rgba(0, 0, 0, 0);
      border-radius: 8px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: calc(100% + 4px);
      width: calc(100% + 4px)
  }

  @media screen and (forced-colors: active) {
      .mdc-button .mdc-button__focus-ring::after {
          border-color: CanvasText
      }
  }

  @media screen and (forced-colors: active) {

      .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,
      .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring {
          display: block
      }
  }

  .mdc-button .mdc-button__touch {
      position: absolute;
      top: 50%;
      height: 48px;
      left: 0;
      right: 0;
      transform: translateY(-50%)
  }

  .mdc-button__label+.mdc-button__icon {
      margin-left: 8px;
      margin-right: 0
  }

  [dir=rtl] .mdc-button__label+.mdc-button__icon,
  .mdc-button__label+.mdc-button__icon[dir=rtl] {
      margin-left: 0;
      margin-right: 8px
  }

  svg.mdc-button__icon {
      fill: currentColor
  }

  .mdc-button--touch {
      margin-top: 6px;
      margin-bottom: 6px
  }

  .mdc-button {
      padding: 0 8px 0 8px
  }

  .mdc-button--unelevated {
      transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
      padding: 0 16px 0 16px
  }

  .mdc-button--unelevated.mdc-button--icon-trailing {
      padding: 0 12px 0 16px
  }

  .mdc-button--unelevated.mdc-button--icon-leading {
      padding: 0 16px 0 12px
  }

  .mdc-button--raised {
      transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
      padding: 0 16px 0 16px
  }

  .mdc-button--raised.mdc-button--icon-trailing {
      padding: 0 12px 0 16px
  }

  .mdc-button--raised.mdc-button--icon-leading {
      padding: 0 16px 0 12px
  }

  .mdc-button--outlined {
      border-style: solid;
      transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1)
  }

  .mdc-button--outlined .mdc-button__ripple {
      border-style: solid;
      border-color: rgba(0, 0, 0, 0)
  }

  .mat-mdc-button {
      height: var(--mdc-text-button-container-height, 36px);
      border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))
  }

  .mat-mdc-button:not(:disabled) {
      color: var(--mdc-text-button-label-text-color, inherit)
  }

  .mat-mdc-button:disabled {
      color: var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
  }

  .mat-mdc-button .mdc-button__ripple {
      border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))
  }

  .mat-mdc-unelevated-button {
      height: var(--mdc-filled-button-container-height, 36px);
      border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))
  }

  .mat-mdc-unelevated-button:not(:disabled) {
      background-color: var(--mdc-filled-button-container-color, transparent)
  }

  .mat-mdc-unelevated-button:disabled {
      background-color: var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))
  }

  .mat-mdc-unelevated-button:not(:disabled) {
      color: var(--mdc-filled-button-label-text-color, inherit)
  }

  .mat-mdc-unelevated-button:disabled {
      color: var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
  }

  .mat-mdc-unelevated-button .mdc-button__ripple {
      border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))
  }

  .mat-mdc-raised-button {
      height: var(--mdc-protected-button-container-height, 36px);
      border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));
      box-shadow: var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12))
  }

  .mat-mdc-raised-button:not(:disabled) {
      background-color: var(--mdc-protected-button-container-color, transparent)
  }

  .mat-mdc-raised-button:disabled {
      background-color: var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))
  }

  .mat-mdc-raised-button:not(:disabled) {
      color: var(--mdc-protected-button-label-text-color, inherit)
  }

  .mat-mdc-raised-button:disabled {
      color: var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
  }

  .mat-mdc-raised-button .mdc-button__ripple {
      border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px))
  }

  .mat-mdc-raised-button.mdc-ripple-upgraded--background-focused,
  .mat-mdc-raised-button:not(.mdc-ripple-upgraded):focus {
      box-shadow: var(--mdc-protected-button-focus-container-elevation, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12))
  }

  .mat-mdc-raised-button:hover {
      box-shadow: var(--mdc-protected-button-hover-container-elevation, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12))
  }

  .mat-mdc-raised-button:not(:disabled):active {
      box-shadow: var(--mdc-protected-button-pressed-container-elevation, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12))
  }

  .mat-mdc-raised-button:disabled {
      box-shadow: var(--mdc-protected-button-disabled-container-elevation, 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12))
  }

  .mat-mdc-outlined-button {
      height: var(--mdc-outlined-button-container-height, 36px);
      border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));
      padding: 0 15px 0 15px;
      border-width: var(--mdc-outlined-button-outline-width, 1px)
  }

  .mat-mdc-outlined-button:not(:disabled) {
      color: var(--mdc-outlined-button-label-text-color, inherit)
  }

  .mat-mdc-outlined-button:disabled {
      color: var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
  }

  .mat-mdc-outlined-button .mdc-button__ripple {
      border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px))
  }

  .mat-mdc-outlined-button:not(:disabled) {
      border-color: var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))
  }

  .mat-mdc-outlined-button:disabled {
      border-color: var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))
  }

  .mat-mdc-outlined-button.mdc-button--icon-trailing {
      padding: 0 11px 0 15px
  }

  .mat-mdc-outlined-button.mdc-button--icon-leading {
      padding: 0 15px 0 11px
  }

  .mat-mdc-outlined-button .mdc-button__ripple {
      top: -1px;
      left: -1px;
      bottom: -1px;
      right: -1px;
      border-width: var(--mdc-outlined-button-outline-width, 1px)
  }

  .mat-mdc-outlined-button .mdc-button__touch {
      left: calc(-1 * var(--mdc-outlined-button-outline-width, 1px));
      width: calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px))
  }

  .mat-mdc-button,
  .mat-mdc-unelevated-button,
  .mat-mdc-raised-button,
  .mat-mdc-outlined-button {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  }

  .mat-mdc-button .mat-mdc-button-ripple,
  .mat-mdc-button .mat-mdc-button-persistent-ripple,
  .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-unelevated-button .mat-mdc-button-ripple,
  .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,
  .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-raised-button .mat-mdc-button-ripple,
  .mat-mdc-raised-button .mat-mdc-button-persistent-ripple,
  .mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-outlined-button .mat-mdc-button-ripple,
  .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,
  .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      pointer-events: none;
      border-radius: inherit
  }

  .mat-mdc-button .mat-mdc-button-ripple,
  .mat-mdc-unelevated-button .mat-mdc-button-ripple,
  .mat-mdc-raised-button .mat-mdc-button-ripple,
  .mat-mdc-outlined-button .mat-mdc-button-ripple {
      overflow: hidden
  }

  .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
      content: "";
      opacity: 0;
      background-color: var(--mat-mdc-button-persistent-ripple-color)
  }

  .mat-mdc-button .mat-ripple-element,
  .mat-mdc-unelevated-button .mat-ripple-element,
  .mat-mdc-raised-button .mat-ripple-element,
  .mat-mdc-outlined-button .mat-ripple-element {
      background-color: var(--mat-mdc-button-ripple-color)
  }

  .mat-mdc-button .mdc-button__label,
  .mat-mdc-unelevated-button .mdc-button__label,
  .mat-mdc-raised-button .mdc-button__label,
  .mat-mdc-outlined-button .mdc-button__label {
      z-index: 1
  }

  .mat-mdc-button .mat-mdc-focus-indicator,
  .mat-mdc-unelevated-button .mat-mdc-focus-indicator,
  .mat-mdc-raised-button .mat-mdc-focus-indicator,
  .mat-mdc-outlined-button .mat-mdc-focus-indicator {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute
  }

  .mat-mdc-button:focus .mat-mdc-focus-indicator::before,
  .mat-mdc-unelevated-button:focus .mat-mdc-focus-indicator::before,
  .mat-mdc-raised-button:focus .mat-mdc-focus-indicator::before,
  .mat-mdc-outlined-button:focus .mat-mdc-focus-indicator::before {
      content: ""
  }

  .mat-mdc-button[disabled],
  .mat-mdc-unelevated-button[disabled],
  .mat-mdc-raised-button[disabled],
  .mat-mdc-outlined-button[disabled] {
      cursor: default;
      pointer-events: none
  }

  .mat-mdc-button .mat-mdc-button-touch-target,
  .mat-mdc-unelevated-button .mat-mdc-button-touch-target,
  .mat-mdc-raised-button .mat-mdc-button-touch-target,
  .mat-mdc-outlined-button .mat-mdc-button-touch-target {
      position: absolute;
      top: 50%;
      height: 48px;
      left: 0;
      right: 0;
      transform: translateY(-50%)
  }

  .mat-mdc-button._mat-animation-noopable,
  .mat-mdc-unelevated-button._mat-animation-noopable,
  .mat-mdc-raised-button._mat-animation-noopable,
  .mat-mdc-outlined-button._mat-animation-noopable {
      transition: none !important;
      animation: none !important
  }

  .mat-mdc-button>.mat-icon {
      margin-left: 0;
      margin-right: 8px;
      display: inline-block;
      position: relative;
      vertical-align: top;
      font-size: 1.125rem;
      height: 1.125rem;
      width: 1.125rem
  }

  [dir=rtl] .mat-mdc-button>.mat-icon,
  .mat-mdc-button>.mat-icon[dir=rtl] {
      margin-left: 8px;
      margin-right: 0
  }

  .mat-mdc-button .mdc-button__label+.mat-icon {
      margin-left: 8px;
      margin-right: 0
  }

  [dir=rtl] .mat-mdc-button .mdc-button__label+.mat-icon,
  .mat-mdc-button .mdc-button__label+.mat-icon[dir=rtl] {
      margin-left: 0;
      margin-right: 8px
  }

  .mat-mdc-unelevated-button>.mat-icon,
  .mat-mdc-raised-button>.mat-icon,
  .mat-mdc-outlined-button>.mat-icon {
      margin-left: 0;
      margin-right: 8px;
      display: inline-block;
      position: relative;
      vertical-align: top;
      font-size: 1.125rem;
      height: 1.125rem;
      width: 1.125rem;
      margin-left: -4px;
      margin-right: 8px
  }

  [dir=rtl] .mat-mdc-unelevated-button>.mat-icon,
  [dir=rtl] .mat-mdc-raised-button>.mat-icon,
  [dir=rtl] .mat-mdc-outlined-button>.mat-icon,
  .mat-mdc-unelevated-button>.mat-icon[dir=rtl],
  .mat-mdc-raised-button>.mat-icon[dir=rtl],
  .mat-mdc-outlined-button>.mat-icon[dir=rtl] {
      margin-left: 8px;
      margin-right: 0
  }

  [dir=rtl] .mat-mdc-unelevated-button>.mat-icon,
  [dir=rtl] .mat-mdc-raised-button>.mat-icon,
  [dir=rtl] .mat-mdc-outlined-button>.mat-icon,
  .mat-mdc-unelevated-button>.mat-icon[dir=rtl],
  .mat-mdc-raised-button>.mat-icon[dir=rtl],
  .mat-mdc-outlined-button>.mat-icon[dir=rtl] {
      margin-left: 8px;
      margin-right: -4px
  }

  .mat-mdc-unelevated-button .mdc-button__label+.mat-icon,
  .mat-mdc-raised-button .mdc-button__label+.mat-icon,
  .mat-mdc-outlined-button .mdc-button__label+.mat-icon {
      margin-left: 8px;
      margin-right: -4px
  }

  [dir=rtl] .mat-mdc-unelevated-button .mdc-button__label+.mat-icon,
  [dir=rtl] .mat-mdc-raised-button .mdc-button__label+.mat-icon,
  [dir=rtl] .mat-mdc-outlined-button .mdc-button__label+.mat-icon,
  .mat-mdc-unelevated-button .mdc-button__label+.mat-icon[dir=rtl],
  .mat-mdc-raised-button .mdc-button__label+.mat-icon[dir=rtl],
  .mat-mdc-outlined-button .mdc-button__label+.mat-icon[dir=rtl] {
      margin-left: -4px;
      margin-right: 8px
  }

  .mat-mdc-outlined-button .mat-mdc-button-ripple,
  .mat-mdc-outlined-button .mdc-button__ripple {
      top: -1px;
      left: -1px;
      bottom: -1px;
      right: -1px;
      border-width: -1px
  }

  .mat-mdc-unelevated-button .mat-mdc-focus-indicator::before,
  .mat-mdc-raised-button .mat-mdc-focus-indicator::before {
      margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)
  }

  .mat-mdc-outlined-button .mat-mdc-focus-indicator::before {
      margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 3px) * -1)
  }


  .cdk-high-contrast-active .mat-mdc-button:not(.mdc-button--outlined),
  .cdk-high-contrast-active .mat-mdc-unelevated-button:not(.mdc-button--outlined),
  .cdk-high-contrast-active .mat-mdc-raised-button:not(.mdc-button--outlined),
  .cdk-high-contrast-active .mat-mdc-outlined-button:not(.mdc-button--outlined),
  .cdk-high-contrast-active .mat-mdc-icon-button {
      outline: solid 1px
  }


  .skeleton-img[_ngcontent-ng-c1308154342] {
      height: 100%;
      opacity: 1;
      background-size: contain;
      background-repeat: repeat;
      background: #1c1c1c
  }

  .skeleton-img[_ngcontent-ng-c1308154342]:after {
      position: absolute;
      right: 0;
      top: 0;
      left: 0;
      background-size: 100vw auto;
      height: 100%;
      animation: _ngcontent-ng-c1308154342_shimmer 3s reverse infinite linear;
      content: ""
  }

  @keyframes _ngcontent-ng-c1308154342_shimmer {
      to {
          background-position: -100vw 80%
      }
  }

  .fullpage-skeleton[_ngcontent-ng-c1308154342] {
      height: calc(var(--vh, 1vh) * 100)
  }

  .main[_ngcontent-ng-c1308154342] {
      position: absolute;
      width: 100%;
      margin: auto;
      top: 44px;
      z-index: 10000;
      left: 50%;
      transform: translate(-50%);
      max-height: calc(var(--vh, 1vh) * 100 - 101px)
  }

  .main[_ngcontent-ng-c1308154342] .container[_ngcontent-ng-c1308154342] {
      height: 100%
  }

  .page-header[_ngcontent-ng-c1308154342] {
      min-height: 55px;
      background: var(--black-color);
      margin: 0
  }

  .page-header[_ngcontent-ng-c1308154342] .header-wrapper[_ngcontent-ng-c1308154342] {
      height: 55px
  }

  .page-body[_ngcontent-ng-c1308154342] {
      padding: 10px
  }

  .page-body[_ngcontent-ng-c1308154342] .topbox[_ngcontent-ng-c1308154342] {
      width: 100%;
      margin: auto;
      height: 120px;
      border-radius: 10px
  }

  .page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] {
      list-style: none;
      padding: 0
  }

  .page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] {
      display: flex;
      width: 100%;
      align-items: center;
      column-gap: 10px;
      margin: 10px 0
  }

  .page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] .img[_ngcontent-ng-c1308154342] {
      width: 50px;
      height: 50px;
      min-width: 50px
  }

  .page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] .content[_ngcontent-ng-c1308154342] {
      width: 100%
  }

  .page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] p[_ngcontent-ng-c1308154342] {
      height: 14px;
      width: 100%
  }

  .page-footer[_ngcontent-ng-c1308154342] {
      height: 45px;
      border-radius: 20px 20px 0 0;
      padding: 6px 0;
      background: var(--footer-grey-color);
      margin: 0
  }

  .sl-item[_ngcontent-ng-c1308154342] {
      display: flex;
      align-items: center;
      column-gap: 10px;
      margin: 10px 0 5px
  }

  .sl-item[_ngcontent-ng-c1308154342] .sl-img[_ngcontent-ng-c1308154342] {
      min-width: 35px;
      height: 35px;
      border-radius: 50%
  }

  .sl-item[_ngcontent-ng-c1308154342] .sl-team[_ngcontent-ng-c1308154342] {
      width: 70%
  }

  .sl-item[_ngcontent-ng-c1308154342] p[_ngcontent-ng-c1308154342] {
      height: 10px;
      width: 100%;
      margin: 0 0 4px;
      border-radius: 2px
  }

  .sl-item[_ngcontent-ng-c1308154342] p[_ngcontent-ng-c1308154342]:nth-child(2) {
      width: 60%
  }

  .sl-item[_ngcontent-ng-c1308154342] .sl-chip[_ngcontent-ng-c1308154342] {
      width: 15%;
      height: 35px
  }


  .mdc-icon-button {
      display: inline-block;
      position: relative;
      box-sizing: border-box;
      border: none;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
      fill: currentColor;
      color: inherit;
      text-decoration: none;
      cursor: pointer;
      user-select: none;
      z-index: 0;
      overflow: visible
  }

  .mdc-icon-button .mdc-icon-button__touch {
      position: absolute;
      top: 50%;
      height: 48px;
      left: 50%;
      width: 48px;
      transform: translate(-50%, -50%)
  }

  @media screen and (forced-colors: active) {

      .mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,
      .mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring {
          display: block
      }
  }

  .mdc-icon-button:disabled {
      cursor: default;
      pointer-events: none
  }

  .mdc-icon-button[hidden] {
      display: none
  }

  .mdc-icon-button--display-flex {
      align-items: center;
      display: inline-flex;
      justify-content: center
  }

  .mdc-icon-button__focus-ring {
      pointer-events: none;
      border: 2px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
      box-sizing: content-box;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 100%;
      width: 100%;
      display: none
  }

  @media screen and (forced-colors: active) {
      .mdc-icon-button__focus-ring {
          border-color: CanvasText
      }
  }

  .mdc-icon-button__focus-ring::after {
      content: "";
      border: 2px solid rgba(0, 0, 0, 0);
      border-radius: 8px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: calc(100% + 4px);
      width: calc(100% + 4px)
  }

  @media screen and (forced-colors: active) {
      .mdc-icon-button__focus-ring::after {
          border-color: CanvasText
      }
  }

  .mdc-icon-button__icon {
      display: inline-block
  }

  .mdc-icon-button__icon.mdc-icon-button__icon--on {
      display: none
  }

  .mdc-icon-button--on .mdc-icon-button__icon {
      display: none
  }

  .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
      display: inline-block
  }

  .mdc-icon-button__link {
      height: 100%;
      left: 0;
      outline: none;
      position: absolute;
      top: 0;
      width: 100%
  }

  .mat-mdc-icon-button {
      height: var(--mdc-icon-button-state-layer-size);
      width: var(--mdc-icon-button-state-layer-size);
      color: var(--mdc-icon-button-icon-color);
      --mdc-icon-button-state-layer-size: 48px;
      --mdc-icon-button-icon-size: 24px;
      --mdc-icon-button-disabled-icon-color: black;
      --mdc-icon-button-disabled-icon-opacity: 0.38
  }

  .mat-mdc-icon-button .mdc-button__icon {
      font-size: var(--mdc-icon-button-icon-size)
  }

  .mat-mdc-icon-button svg,
  .mat-mdc-icon-button img {
      width: var(--mdc-icon-button-icon-size);
      height: var(--mdc-icon-button-icon-size)
  }

  .mat-mdc-icon-button:disabled {
      opacity: var(--mdc-icon-button-disabled-icon-opacity)
  }

  .mat-mdc-icon-button:disabled {
      color: var(--mdc-icon-button-disabled-icon-color)
  }

  .mat-mdc-icon-button {
      padding: 12px;
      font-size: var(--mdc-icon-button-icon-size);
      border-radius: 50%;
      flex-shrink: 0;
      text-align: center;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  }

  .mat-mdc-icon-button svg {
      vertical-align: baseline
  }

  .mat-mdc-icon-button[disabled] {
      cursor: default;
      pointer-events: none;
      opacity: 1
  }

  .mat-mdc-icon-button .mat-mdc-button-ripple,
  .mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
  .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      pointer-events: none;
      border-radius: inherit
  }

  .mat-mdc-icon-button .mat-mdc-button-ripple {
      overflow: hidden
  }

  .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
      content: "";
      opacity: 0;
      background-color: var(--mat-mdc-button-persistent-ripple-color)
  }

  .mat-mdc-icon-button .mat-ripple-element {
      background-color: var(--mat-mdc-button-ripple-color)
  }

  .mat-mdc-icon-button .mdc-button__label {
      z-index: 1
  }

  .mat-mdc-icon-button .mat-mdc-focus-indicator {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute
  }

  .mat-mdc-icon-button:focus .mat-mdc-focus-indicator::before {
      content: ""
  }

  .mat-mdc-icon-button .mat-mdc-button-touch-target {
      position: absolute;
      top: 50%;
      height: 48px;
      left: 50%;
      width: 48px;
      transform: translate(-50%, -50%)
  }

  .mat-mdc-icon-button._mat-animation-noopable {
      transition: none !important;
      animation: none !important
  }

  .mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
      border-radius: 50%
  }

  .mat-mdc-icon-button.mat-unthemed:not(.mdc-ripple-upgraded):focus::before,
  .mat-mdc-icon-button.mat-primary:not(.mdc-ripple-upgraded):focus::before,
  .mat-mdc-icon-button.mat-accent:not(.mdc-ripple-upgraded):focus::before,
  .mat-mdc-icon-button.mat-warn:not(.mdc-ripple-upgraded):focus::before {
      background: rgba(0, 0, 0, 0);
      opacity: 1
  }


  .mdc-tab {
      min-width: 90px;
      padding-right: 24px;
      padding-left: 24px;
      display: flex;
      flex: 1 0 auto;
      justify-content: center;
      box-sizing: border-box;
      margin: 0;
      padding-top: 0;
      padding-bottom: 0;
      border: none;
      outline: none;
      text-align: center;
      white-space: nowrap;
      cursor: pointer;
      -webkit-appearance: none;
      z-index: 1
  }

  .mdc-tab::-moz-focus-inner {
      padding: 0;
      border: 0
  }

  .mdc-tab[hidden] {
      display: none
  }

  .mdc-tab--min-width {
      flex: 0 1 auto
  }

  .mdc-tab__content {
      display: flex;
      align-items: center;
      justify-content: center;
      height: inherit;
      pointer-events: none
  }

  .mdc-tab__text-label {
      transition: 150ms color linear;
      display: inline-block;
      line-height: 1;
      z-index: 2
  }

  .mdc-tab__icon {
      transition: 150ms color linear;
      z-index: 2
  }

  .mdc-tab--stacked .mdc-tab__content {
      flex-direction: column;
      align-items: center;
      justify-content: center
  }

  .mdc-tab--stacked .mdc-tab__text-label {
      padding-top: 6px;
      padding-bottom: 4px
  }

  .mdc-tab--active .mdc-tab__text-label,
  .mdc-tab--active .mdc-tab__icon {
      transition-delay: 100ms
  }

  .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
      padding-left: 8px;
      padding-right: 0
  }

  [dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,
  .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl] {
      padding-left: 0;
      padding-right: 8px
  }

  .mdc-tab-indicator {
      display: flex;
      position: absolute;
      top: 0;
      left: 0;
      justify-content: center;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1
  }

  .mdc-tab-indicator__content {
      transform-origin: left;
      opacity: 0
  }

  .mdc-tab-indicator__content--underline {
      align-self: flex-end;
      box-sizing: border-box;
      width: 100%;
      border-top-style: solid
  }

  .mdc-tab-indicator__content--icon {
      align-self: center;
      margin: 0 auto
  }

  .mdc-tab-indicator--active .mdc-tab-indicator__content {
      opacity: 1
  }

  .mdc-tab-indicator .mdc-tab-indicator__content {
      transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1)
  }

  .mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
      transition: none
  }

  .mdc-tab-indicator--fade .mdc-tab-indicator__content {
      transition: 150ms opacity linear
  }

  .mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
      transition-delay: 100ms
  }

  .mat-mdc-tab-ripple {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      pointer-events: none
  }

  .mat-mdc-tab {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-decoration: none;
      background: none;
      font-family: var(--mat-tab-header-label-text-font);
      font-size: var(--mat-tab-header-label-text-size);
      letter-spacing: var(--mat-tab-header-label-text-tracking);
      line-height: var(--mat-tab-header-label-text-line-height);
      font-weight: var(--mat-tab-header-label-text-weight)
  }

  .mat-mdc-tab .mdc-tab-indicator__content--underline {
      border-color: var(--mdc-tab-indicator-active-indicator-color)
  }

  .mat-mdc-tab .mdc-tab-indicator__content--underline {
      border-top-width: var(--mdc-tab-indicator-active-indicator-height)
  }

  .mat-mdc-tab .mdc-tab-indicator__content--underline {
      border-radius: var(--mdc-tab-indicator-active-indicator-shape)
  }

  .mat-mdc-tab:not(.mdc-tab--stacked) {
      height: var(--mdc-secondary-navigation-tab-container-height)
  }

  .mat-mdc-tab:not(:disabled).mdc-tab--active .mdc-tab__icon {
      fill: currentColor
  }

  .mat-mdc-tab:not(:disabled):hover.mdc-tab--active .mdc-tab__icon {
      fill: currentColor
  }

  .mat-mdc-tab:not(:disabled):focus.mdc-tab--active .mdc-tab__icon {
      fill: currentColor
  }

  .mat-mdc-tab:not(:disabled):active.mdc-tab--active .mdc-tab__icon {
      fill: currentColor
  }

  .mat-mdc-tab:disabled.mdc-tab--active .mdc-tab__icon {
      fill: currentColor
  }

  .mat-mdc-tab:not(:disabled):not(.mdc-tab--active) .mdc-tab__icon {
      fill: currentColor
  }

  .mat-mdc-tab:not(:disabled):hover:not(.mdc-tab--active) .mdc-tab__icon {
      fill: currentColor
  }

  .mat-mdc-tab:not(:disabled):focus:not(.mdc-tab--active) .mdc-tab__icon {
      fill: currentColor
  }

  .mat-mdc-tab:not(:disabled):active:not(.mdc-tab--active) .mdc-tab__icon {
      fill: currentColor
  }

  .mat-mdc-tab:disabled:not(.mdc-tab--active) .mdc-tab__icon {
      fill: currentColor
  }

  .mat-mdc-tab.mdc-tab {
      flex-grow: 0
  }

  .mat-mdc-tab:hover .mdc-tab__text-label {
      color: var(--mat-tab-header-inactive-hover-label-text-color)
  }

  .mat-mdc-tab:focus .mdc-tab__text-label {
      color: var(--mat-tab-header-inactive-focus-label-text-color)
  }

  .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
      color: var(--mat-tab-header-active-label-text-color)
  }

  .mat-mdc-tab.mdc-tab--active .mdc-tab__ripple::before,
  .mat-mdc-tab.mdc-tab--active .mat-ripple-element {
      background-color: var(--mat-tab-header-active-ripple-color)
  }

  .mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label {
      color: var(--mat-tab-header-active-hover-label-text-color)
  }

  .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline {
      border-color: var(--mat-tab-header-active-hover-indicator-color)
  }

  .mat-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label {
      color: var(--mat-tab-header-active-focus-label-text-color)
  }

  .mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline {
      border-color: var(--mat-tab-header-active-focus-indicator-color)
  }

  .mat-mdc-tab.mat-mdc-tab-disabled {
      opacity: .4;
      pointer-events: none
  }

  .mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__content {
      pointer-events: none
  }

  .mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple::before,
  .mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element {
      background-color: var(--mat-tab-header-disabled-ripple-color)
  }

  .mat-mdc-tab .mdc-tab__ripple::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      pointer-events: none;
      background-color: var(--mat-tab-header-inactive-ripple-color)
  }

  .mat-mdc-tab .mdc-tab__text-label {
      color: var(--mat-tab-header-inactive-label-text-color);
      display: inline-flex;
      align-items: center
  }

  .mat-mdc-tab .mdc-tab__content {
      position: relative;
      pointer-events: auto
  }

  .mat-mdc-tab:hover .mdc-tab__ripple::before {
      opacity: .04
  }

  .mat-mdc-tab.cdk-program-focused .mdc-tab__ripple::before,
  .mat-mdc-tab.cdk-keyboard-focused .mdc-tab__ripple::before {
      opacity: .12
  }

  .mat-mdc-tab .mat-ripple-element {
      opacity: .12;
      background-color: var(--mat-tab-header-inactive-ripple-color)
  }

  .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab {
      flex-grow: 1
  }

  .mat-mdc-tab-group {
      display: flex;
      flex-direction: column;
      max-width: 100%
  }

  .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header,
  .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination {
      background-color: var(--mat-tab-header-with-background-background-color)
  }

  .mat-mdc-tab-group.mat-tabs-with-background.mat-primary>.mat-mdc-tab-header .mat-mdc-tab .mdc-tab__text-label {
      color: var(--mat-tab-header-with-background-foreground-color)
  }

  .mat-mdc-tab-group.mat-tabs-with-background.mat-primary>.mat-mdc-tab-header .mdc-tab-indicator__content--underline {
      border-color: var(--mat-tab-header-with-background-foreground-color)
  }

  .mat-mdc-tab-group.mat-tabs-with-background:not(.mat-primary)>.mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label {
      color: var(--mat-tab-header-with-background-foreground-color)
  }

  .mat-mdc-tab-group.mat-tabs-with-background:not(.mat-primary)>.mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab-indicator__content--underline {
      border-color: var(--mat-tab-header-with-background-foreground-color)
  }

  .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
  .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mat-mdc-focus-indicator::before,
  .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
  .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mat-mdc-focus-indicator::before {
      border-color: var(--mat-tab-header-with-background-foreground-color)
  }

  .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mat-ripple-element,
  .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mdc-tab__ripple::before,
  .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mat-ripple-element,
  .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mdc-tab__ripple::before {
      background-color: var(--mat-tab-header-with-background-foreground-color)
  }

  .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
  .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron {
      color: var(--mat-tab-header-with-background-foreground-color)
  }

  .mat-mdc-tab-group.mat-mdc-tab-group-inverted-header {
      flex-direction: column-reverse
  }

  .mat-mdc-tab-group.mat-mdc-tab-group-inverted-header .mdc-tab-indicator__content--underline {
      align-self: flex-start
  }

  .mat-mdc-tab-body-wrapper {
      position: relative;
      overflow: hidden;
      display: flex;
      transition: height 500ms cubic-bezier(0.35, 0, 0.25, 1)
  }

  .mat-mdc-tab-body-wrapper._mat-animation-noopable {
      transition: none !important;
      animation: none !important
  }


  .mat-mdc-tab-header {
      display: flex;
      overflow: hidden;
      position: relative;
      flex-shrink: 0;
      --mdc-tab-indicator-active-indicator-height: 2px;
      --mdc-tab-indicator-active-indicator-shape: 0;
      --mdc-secondary-navigation-tab-container-height: 48px
  }

  .mdc-tab-indicator .mdc-tab-indicator__content {
      transition-duration: var(--mat-tab-animation-duration, 250ms)
  }

  .mat-mdc-tab-header-pagination {
      -webkit-user-select: none;
      user-select: none;
      position: relative;
      display: none;
      justify-content: center;
      align-items: center;
      min-width: 32px;
      cursor: pointer;
      z-index: 2;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      touch-action: none;
      box-sizing: content-box;
      background: none;
      border: none;
      outline: 0;
      padding: 0
  }

  .mat-mdc-tab-header-pagination::-moz-focus-inner {
      border: 0
  }

  .mat-mdc-tab-header-pagination .mat-ripple-element {
      opacity: .12;
      background-color: var(--mat-tab-header-inactive-ripple-color)
  }

  .mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination {
      display: flex
  }

  .mat-mdc-tab-header-pagination-before,
  .mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-after {
      padding-left: 4px
  }

  .mat-mdc-tab-header-pagination-before .mat-mdc-tab-header-pagination-chevron,
  .mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-after .mat-mdc-tab-header-pagination-chevron {
      transform: rotate(-135deg)
  }

  .mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-before,
  .mat-mdc-tab-header-pagination-after {
      padding-right: 4px
  }

  .mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-before .mat-mdc-tab-header-pagination-chevron,
  .mat-mdc-tab-header-pagination-after .mat-mdc-tab-header-pagination-chevron {
      transform: rotate(45deg)
  }

  .mat-mdc-tab-header-pagination-chevron {
      border-style: solid;
      border-width: 2px 2px 0 0;
      height: 8px;
      width: 8px;
      border-color: var(--mat-tab-header-pagination-icon-color)
  }

  .mat-mdc-tab-header-pagination-disabled {
      box-shadow: none;
      cursor: default;
      pointer-events: none
  }

  .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
      opacity: .4
  }

  .mat-mdc-tab-list {
      flex-grow: 1;
      position: relative;
      transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1)
  }

  ._mat-animation-noopable .mat-mdc-tab-list {
      transition: none
  }

  ._mat-animation-noopable span.mdc-tab-indicator__content,
  ._mat-animation-noopable span.mdc-tab__text-label {
      transition: none
  }

  .mat-mdc-tab-label-container {
      display: flex;
      flex-grow: 1;
      overflow: hidden;
      z-index: 1
  }

  .mat-mdc-tab-labels {
      display: flex;
      flex: 1 0 auto
  }

  [mat-align-tabs=center]>.mat-mdc-tab-header .mat-mdc-tab-labels {
      justify-content: center
  }

  [mat-align-tabs=end]>.mat-mdc-tab-header .mat-mdc-tab-labels {
      justify-content: flex-end
  }

  .mat-mdc-tab::before {
      margin: 5px
  }

  .cdk-high-contrast-active .mat-mdc-tab[aria-disabled=true] {
      color: GrayText
  }


  .mat-mdc-tab-body {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      display: block;
      overflow: hidden;
      outline: 0;
      flex-basis: 100%
  }

  .mat-mdc-tab-body.mat-mdc-tab-body-active {
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
      z-index: 1;
      flex-grow: 1
  }

  .mat-mdc-tab-group.mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body.mat-mdc-tab-body-active {
      overflow-y: hidden
  }

  .mat-mdc-tab-body-content {
      height: 100%;
      overflow: auto
  }

  .mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body-content {
      overflow: hidden
  }

  .mat-mdc-tab-body-content[style*="visibility: hidden"] {
      display: none
  }


  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] {
      position: relative
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-overlay[_ngcontent-ng-c4109236505] {
      width: 100%;
      height: 30px;
      background: var(--grey-50);
      z-index: 100;
      display: flex;
      justify-content: center;
      align-items: center
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-overlay.target-info[_ngcontent-ng-c4109236505] {
      background: var(--black-color);
      color: var(--white-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-overlay.target-info[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      color: var(--white-color);
      animation: none;
      font-size: 12px;

  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-overlay[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      font-size: 12px;
      margin-bottom: 0;
      font-family: 'Poppins';
      color: var(--white-color);

      animation: _ngcontent-ng-c4109236505_zoom-in-zoom-out 2s ease infinite
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-overlay[_ngcontent-ng-c4109236505] marquee[_ngcontent-ng-c4109236505] {
      animation: _ngcontent-ng-c4109236505_blinker 1.5s linear infinite;
      font-size: 14px;
      font-family: 'Poppins';
      color: var(--black-color);

      margin: 0 10px
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 3px 6px;
      min-height: 25px;
      background: var(--primary-color-tint);
      position: relative;
      color: var(--white-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] img[_ngcontent-ng-c4109236505] {
      max-width: 18px
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.multiple-overs[_ngcontent-ng-c4109236505] {
      padding: 5px;
      background: var(--primary-color-tint);
      margin: 0
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.multiple-overs[_ngcontent-ng-c4109236505] mat-label[_ngcontent-ng-c4109236505] {
      font-size: 10px;
      margin: 0;
      color: var(--white-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.multiple-overs[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] {
      justify-content: flex-start;
      column-gap: 2px
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.multiple-overs[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      background: var(--header-dark-color);
      height: 20px;
      min-width: 20px;
      width: auto;
      padding: 4px;
      border-radius: 10px
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.multiple-overs[_ngcontent-ng-c4109236505] .current-over[_ngcontent-ng-c4109236505] {
      display: flex;
      flex-direction: column;
      row-gap: 2px
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.multiple-overs[_ngcontent-ng-c4109236505] .current-over[_ngcontent-ng-c4109236505] mat-label[_ngcontent-ng-c4109236505] {
      text-align: right
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.multiple-overs[_ngcontent-ng-c4109236505] .previous-over[_ngcontent-ng-c4109236505] {
      display: flex;
      flex-direction: column
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] {
      flex-direction: row-reverse;
      scroll-behavior: smooth;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: var(--primary-color-tint);
      padding: 5px 10px;
      overflow-x: auto;
      min-height: 35px;
      margin-bottom: 0;
      color: var(--white-color);
      column-gap: 7px;
      border-top: 1px solid var(--black-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505]::-webkit-scrollbar {
      height: 3px
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      column-gap: 5px
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] mat-label[_ngcontent-ng-c4109236505] {
      margin: 0;
      text-wrap: nowrap
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] {
      width: auto
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._WKT[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._LBW[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._wkt[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._W[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._w[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._lbw[_ngcontent-ng-c4109236505] {
      background: var(--red-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._6[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._4[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._4NB[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._6NB[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._4WD[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._6WD[_ngcontent-ng-c4109236505] {
      background: var(--green-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._NB[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._1NB[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._2NB[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._3NB[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._5NB[_ngcontent-ng-c4109236505] {
      background: var(--red-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._WD[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._1WD[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._2WD[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._3WD[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record.overflow-overs[_ngcontent-ng-c4109236505] .over-details[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._5WD[_ngcontent-ng-c4109236505] {
      background: var(--yellow-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: var(--grey-50);
      padding: 5px 10px;
      overflow-x: auto;
      min-height: 35px;
      margin-bottom: 2px
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] mat-label[_ngcontent-ng-c4109236505] {
      margin-right: 10px;
      font-size: .75rem
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] {
      list-style: none;
      padding-left: 0;
      display: flex;
      justify-content: flex-end;
      column-gap: 5px;
      align-items: center;
      margin: 0;
      width: calc(100% - 85px)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      background: var(--grey-200);
      border-radius: 50%;
      color: var(--black-color);
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      font-size: .6rem;
      width: clamp(20px, 6vw, 30px);
      height: clamp(20px, 6vw, 30px)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._WKT[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._LBW[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._wkt[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._lbw[_ngcontent-ng-c4109236505] {
      background: var(--red-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._6[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._4[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._4NB[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._6NB[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._4WD[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._6WD[_ngcontent-ng-c4109236505] {
      background: var(--green-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._NB[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._1NB[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._2NB[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._3NB[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._5NB[_ngcontent-ng-c4109236505] {
      background: var(--red-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._WD[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._1WD[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._2WD[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._3WD[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .last-balls-record[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p._5WD[_ngcontent-ng-c4109236505] {
      background: var(--yellow-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] .batting-team[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] .bowling-team[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: flex-start;
      flex-direction: row;
      column-gap: 9px;
      font-size: 12px;
      max-width: 50%;
      line-height: normal;
      align-items: center
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] .batting-team[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] .bowling-team[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      font-size: 10px;
      color: var(--white-color)
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] .batting-team[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] .run-rates[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] .bowling-team[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] .run-rates[_ngcontent-ng-c4109236505] {
      font-family: 'Poppins'
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] .batting-team[_ngcontent-ng-c4109236505] .team-infowrap[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] .bowling-team[_ngcontent-ng-c4109236505] .team-infowrap[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: flex-start;
      column-gap: 5px;
      flex-direction: column
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] .batting-team[_ngcontent-ng-c4109236505] .team-infowrap[_ngcontent-ng-c4109236505] small[_ngcontent-ng-c4109236505],
  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] .bowling-team[_ngcontent-ng-c4109236505] .team-infowrap[_ngcontent-ng-c4109236505] small[_ngcontent-ng-c4109236505] {
      font-size: 12px
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] .bowling-team[_ngcontent-ng-c4109236505] {
      flex-direction: row-reverse
  }

  .live-score-section.oldScoreBoard[_ngcontent-ng-c4109236505] .score-wrap[_ngcontent-ng-c4109236505] .bowling-team[_ngcontent-ng-c4109236505] .team-infowrap[_ngcontent-ng-c4109236505] {
      align-items: flex-end
  }

  .noClick[_ngcontent-ng-c4109236505] {
      position: absolute;
      z-index: 10000;
      width: 100%;
      height: 100%;
      padding-top: 10px
  }

  .noClick[_ngcontent-ng-c4109236505] .connecting[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 4px;
      font-size: 12px;
      color: var(--white-color);
      margin: 0
  }

  .noClick[_ngcontent-ng-c4109236505] .connecting[_ngcontent-ng-c4109236505] ion-spinner[_ngcontent-ng-c4109236505] {
      width: 20px;
      height: 20px
  }

  .page-header[_ngcontent-ng-c4109236505] {
      max-height: -moz-fit-content;
      max-height: fit-content;
      margin: 0;
      min-height: auto
  }

  .page-header[_ngcontent-ng-c4109236505] .header-wrapper[_ngcontent-ng-c4109236505] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      min-height: 44px;
      padding: 0 10px
  }

  .page-header[_ngcontent-ng-c4109236505] .page-title[_ngcontent-ng-c4109236505] {
      width: 100%;
      text-align: center;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 0
  }

  .page-header[_ngcontent-ng-c4109236505] .page-title[_ngcontent-ng-c4109236505] h2[_ngcontent-ng-c4109236505] {
      margin: 0;
      color: var(--black-color);
      font-size: 16px
  }

  .page-header[_ngcontent-ng-c4109236505] mat-icon[_ngcontent-ng-c4109236505] {
      color: var(--black-color);
      cursor: pointer;
      z-index: 1
  }

  .page-header[_ngcontent-ng-c4109236505] .logo[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      column-gap: 6px;
      z-index: 100
  }

  .page-header[_ngcontent-ng-c4109236505] .logo[_ngcontent-ng-c4109236505] img[_ngcontent-ng-c4109236505] {
      height: 34px;
      width: auto;
      max-width: 120px;
      object-fit: contain;
      cursor: pointer
  }

  .page-header[_ngcontent-ng-c4109236505] .logo[_ngcontent-ng-c4109236505] mat-icon[_ngcontent-ng-c4109236505] {
      cursor: pointer;
      border-radius: 50%;
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--secondary-color);
      width: 26px;
      height: 26px;
      border: 1px solid var(--secondary-color)
  }

  .page-header[_ngcontent-ng-c4109236505] .user-info[_ngcontent-ng-c4109236505] {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      column-gap: 0
  }

  .page-header[_ngcontent-ng-c4109236505] .user-info[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      margin-bottom: 0;
      color: var(--black-color)
  }

  .page-header[_ngcontent-ng-c4109236505] .user-info[_ngcontent-ng-c4109236505] button[_ngcontent-ng-c4109236505] {
      width: auto;
      height: auto
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .selected-lang[_ngcontent-ng-c4109236505] {
      margin: 1px 0 0;
      font-size: 10px;
      line-height: 1;
      color: var(--black-color);

      text-transform: uppercase;
      position: absolute;
      right: 18px;
      top: 28px
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .bal-cont[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      flex-direction: column
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .bal-cont[_ngcontent-ng-c4109236505] .bal-amount[_ngcontent-ng-c4109236505] {
      position: relative;
      cursor: pointer;
      width: 100%;
      flex-direction: row-reverse;
      justify-content: flex-start;
      display: flex;
      align-items: center;
      column-gap: 4px
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .bal-cont[_ngcontent-ng-c4109236505] .bal-amount.show-bal[_ngcontent-ng-c4109236505] .content[_ngcontent-ng-c4109236505] {
      display: flex;
      flex-direction: row-reverse;
      column-gap: 4px;
      align-items: center
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .bal-cont[_ngcontent-ng-c4109236505] .bal-amount.show-bal[_ngcontent-ng-c4109236505] mat-icon[_ngcontent-ng-c4109236505] {
      font-size: 21px;
      width: 21px;
      height: 21px;
      display: flex;
      align-items: center;
      justify-content: center
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .bal-cont[_ngcontent-ng-c4109236505] .bal-amount.exp-bal[_ngcontent-ng-c4109236505] {
      position: relative;
      cursor: pointer;
      width: 100%;
      flex-direction: row-reverse;
      justify-content: flex-start
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .bal-cont[_ngcontent-ng-c4109236505] .bal-amount.exp-bal[_ngcontent-ng-c4109236505]:before {
      content: "";
      background: var(--black-color);
      width: 1px;
      height: 90%;
      position: absolute;
      right: -2px;
      top: 50%;
      transform: translateY(-50%);
      display: none
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .bal-cont[_ngcontent-ng-c4109236505] .bal-amount.exp-bal[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      text-decoration: underline
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .bal-cont[_ngcontent-ng-c4109236505] .bal-amount[_ngcontent-ng-c4109236505] mat-label[_ngcontent-ng-c4109236505],
  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .bal-cont[_ngcontent-ng-c4109236505] .bal-amount[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      font-size: 10px;
      color: var(--white-color);
      text-align: right;
      margin: 0;
      min-width: 18px;
      line-height: 1.2;
      text-transform: capitalize
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .bal-cont[_ngcontent-ng-c4109236505] .bal-amount[_ngcontent-ng-c4109236505] mat-label[_ngcontent-ng-c4109236505] {
      font-size: 10px;
      text-align: left
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .deposit-btn[_ngcontent-ng-c4109236505] {
      width: auto;
      height: 25px;
      min-width: 45px;
      font-size: 10px;
      background: var(--white-color);
      color: var(--black-color);
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      column-gap: 3px;
      padding: 0 5px;
      text-transform: capitalize
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .deposit-btn[_ngcontent-ng-c4109236505] mat-icon[_ngcontent-ng-c4109236505] {
      margin: 0;
      color: var(--black-color)
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .not-loggedIn[_ngcontent-ng-c4109236505] button[_ngcontent-ng-c4109236505] {
      min-width: auto;
      width: auto;
      height: 25px;
      max-width: 90px;
      font-size: 10px;
      background: var(--white-color);
      color: var(--black-color);
      border-radius: 5px;
      border-color: var(--white-color)
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .not-loggedIn[_ngcontent-ng-c4109236505] button.demo-btn[_ngcontent-ng-c4109236505] {
      min-width: 30px;
      max-width: 65px;
      background: var(--secondary-color);
      color: var(--secondary-color-contrast);
      padding: 0 10px
  }

  .page-header[_ngcontent-ng-c4109236505] .exp-bal[_ngcontent-ng-c4109236505] {
      position: relative
  }

  .page-header[_ngcontent-ng-c4109236505] .exp-bal[_ngcontent-ng-c4109236505] .show-exp[_ngcontent-ng-c4109236505] {
      position: absolute;
      top: 25px;
      right: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      background-color: var(--grey-00);
      border-radius: 5px;
      padding: 10px;
      white-space: nowrap;
      z-index: 10000;
      min-width: 150px
  }

  .page-header[_ngcontent-ng-c4109236505] .exp-bal[_ngcontent-ng-c4109236505] .show-exp[_ngcontent-ng-c4109236505]:before {
      content: "";
      position: absolute;
      top: -5px;
      right: 15px;
      background-color: var(--grey-00);
      width: 15px;
      height: 15px;
      border-radius: 0;
      transform: rotate(135deg);
      display: flex
  }

  .page-header[_ngcontent-ng-c4109236505] .exp-bal[_ngcontent-ng-c4109236505] .show-exp[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] {
      list-style: none;
      padding-left: 0;
      margin: 0;
      width: 100%;
      display: flex;
      flex-direction: column;
      row-gap: 5px
  }

  .page-header[_ngcontent-ng-c4109236505] .exp-bal[_ngcontent-ng-c4109236505] .show-exp[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] {
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: center
  }

  .page-header[_ngcontent-ng-c4109236505] .exp-bal[_ngcontent-ng-c4109236505] .show-exp[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] label[_ngcontent-ng-c4109236505] {
      font-size: 10px
  }

  .page-header[_ngcontent-ng-c4109236505] .exp-bal[_ngcontent-ng-c4109236505] .show-exp[_ngcontent-ng-c4109236505] ul[_ngcontent-ng-c4109236505] li[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      margin: 0;
      font-size: 10px;
      text-decoration: none !important
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      column-gap: 10px;
      min-width: 30px
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .loggedIn[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      column-gap: 5px
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .loggedIn[_ngcontent-ng-c4109236505] mat-icon[_ngcontent-ng-c4109236505] {
      color: var(--black-color);
      cursor: pointer
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .not-loggedIn[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 4px
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] .not-loggedIn[_ngcontent-ng-c4109236505] button[_ngcontent-ng-c4109236505] {
      height: 28px;
      max-width: 110px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding: 0 5px
  }

  .page-header[_ngcontent-ng-c4109236505] .header-right-cont[_ngcontent-ng-c4109236505] button[_ngcontent-ng-c4109236505] {
      background: transparent;
      color: var(--black-color);
      font-weight: 400;
      font-size: 12px
  }

  .page-header[_ngcontent-ng-c4109236505] h1[_ngcontent-ng-c4109236505] {
      font-size: clamp(18px, 2vw, 20px);
      margin-bottom: 0
  }

  .page-header[_ngcontent-ng-c4109236505] .not-loggedIn[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 4px
  }

  .page-header[_ngcontent-ng-c4109236505] .not-loggedIn[_ngcontent-ng-c4109236505] button[_ngcontent-ng-c4109236505] {
      height: 28px;
      max-width: 110px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding: 0 5px;
      color: var(--black-color);
      border: 1px solid var(--black-color)
  }

  .page-body[_ngcontent-ng-c4109236505] {
      padding: 0;
      background-color: var(--grey-00)
  }

  .page-body[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505],
  .page-body[_ngcontent-ng-c4109236505] h1[_ngcontent-ng-c4109236505],
  .page-body[_ngcontent-ng-c4109236505] h2[_ngcontent-ng-c4109236505],
  .page-body[_ngcontent-ng-c4109236505] h3[_ngcontent-ng-c4109236505],
  .page-body[_ngcontent-ng-c4109236505] h4[_ngcontent-ng-c4109236505],
  .page-body[_ngcontent-ng-c4109236505] h5[_ngcontent-ng-c4109236505],
  .page-body[_ngcontent-ng-c4109236505] h6[_ngcontent-ng-c4109236505] {
      margin: 0
  }

  .page-body.demoID[_ngcontent-ng-c4109236505] {
      height: calc(100% - 75px)
  }

  .page-body.demoID[_ngcontent-ng-c4109236505] .pagetop-bar[_ngcontent-ng-c4109236505] {
      top: 74px
  }

  .page-body.demoID[_ngcontent-ng-c4109236505] .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body {
      min-height: calc(var(--vh, 1vh) * 100 - 165px)
  }

  .page-body.demoID[_ngcontent-ng-c4109236505] .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab {
      max-height: calc(var(--vh, 1vh) * 100 - 155px)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-header .mat-tab-label-container .mat-tab-labels {
      width: 100%;
      justify-content: space-around
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-header .mat-tab-label-container .mat-tab-labels .mat-tab-label {
      height: 40px;
      min-width: auto;
      padding: 0 15px;
      opacity: 1;

      text-transform: uppercase;
      font-size: 12px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-header .mat-tab-label-container .mat-tab-labels .mat-tab-label.mat-tab-label-active {
      color: var(--black-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-header .mat-tab-label-container .mat-ink-bar {
      background: var(--black-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] .mat-mdc-tab-body-wrapper {
      padding: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body {
      color: var(--text-color);
      min-height: calc(var(--vh, 1vh) * 100 - 118px)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body {
      color: var(--text-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab {
      max-height: calc(var(--vh, 1vh) * 100 - 132px);
      overflow-y: auto;
      min-height: 100%;
      height: auto;
      padding-bottom: 35px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .internet-connection {
      position: fixed;
      bottom: 0;
      left: calc(50% - 3px);
      width: 100%;
      height: 100vh;
      z-index: 100;
      transform: translate(-50%);
      max-width: 764px;
      display: flex;
      justify-content: center;
      align-items: flex-end
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .internet-connection:before {
      content: "";
      display: flex;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      max-width: 768px;
      z-index: 100
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .internet-connection .connecting,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .internet-connection .connected {
      padding: 5px 10px;
      background: var(--grey-200);
      color: var(--black-color);
      margin: 0;
      width: 100%;
      height: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 12px;
      z-index: 101;
      column-gap: 5px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .internet-connection .connecting ion-spinner,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .internet-connection .connected ion-spinner {
      width: 20px;
      height: 20px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .internet-connection .connected {
      background: var(--green-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .team-play {
      margin-bottom: 20px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .team-play .match-type-heading {
      padding: 10px;
      justify-content: center;
      text-align: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .team-play .match-type-heading h3 {
      font-size: clamp(.875rem, 2vw, 1rem);
      display: inline-flex;
      min-width: 150px;
      justify-content: center;
      padding: 0 15px;
      margin: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .team-play .match-type-heading p {
      font-size: 12px;
      margin: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .team-play .team-details {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      text-align: center;
      column-gap: 10px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .team-play .team-details p {
      font-size: 12px;
      margin-bottom: 0;
      display: flex;
      align-items: center;
      justify-content: space-around
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .team-play .team-details .team-name {
      padding: 10px 20px;
      background: var(--card-background);
      border: 1px solid var(--card-background);
      border-radius: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .team-play .team-details .team-name.batting {
      background: transparent;
      border: 1px solid var(--black-color);
      border-radius: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .team-play .team-details .team-name .flag-cont {
      margin-bottom: 5px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .team-play .team-details .team-name .flag-cont img {
      display: block;
      margin: auto;
      max-width: 40px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .bookmaker-card.disableMo {
      pointer-events: none;
      cursor: not-allowed
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .bookmaker-card.disableMo .count-value {
      cursor: not-allowed
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .bookmaker-card.disableMo .count-value:before {
      content: "";
      position: absolute;
      top: 0;
      background: rgba(51, 51, 51, .45) url(bg-disabled.d9ec2a5677779dbb.png);
      width: 100%;
      height: 100%
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer {
      background: var(--white-color);
      padding: 0;
      border-radius: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .head-wrap {
      background: var(--header-dark-color);
      display: flex;
      justify-content: space-between;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .head-wrap .card-heading {
      padding: 0 10px;
      color: var(--white-color);
      font-size: 11px;
      text-transform: uppercase;

      letter-spacing: .5px;
      margin: 0;
      min-height: 32px;
      display: flex;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .head-wrap button {
      height: 20px;
      min-height: auto;
      line-height: normal;
      font-size: 10px;
      color: var(--secondary-color-contrast);
      border: .55px solid var(--black-color);
      background: var(--secondary-color);
      border-radius: 25px;
      margin-right: 10px;

      cursor: pointer
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .head-wrap button:disabled {
      opacity: .6;
      cursor: not-allowed;
      filter: grayscale(1);
      background: var(--grey-600);
      color: var(--grey-00);
      border: 1px solid var(--grey-300)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-header {
      display: grid;
      grid-template-columns: 4fr 2fr;
      column-gap: 5px;
      row-gap: 5px;
      padding: 0;
      border-bottom: .5px solid var(--grey-800);
      background: var(--grey-900);
      min-height: 30px;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-header .lay-back-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      height: 30px;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-header h3 {
      margin: 0;
      text-align: center;

      color: var(--black-color);
      font-size: 10px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-header h3.team-title {
      font-size: .75rem;
      color: var(--dark-text);
      text-transform: capitalize
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-header h3.card-title {
      text-align: left;
      position: relative;
      padding: 0 10px;
      justify-content: flex-start;
      color: var(--black-color);

  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap {
      display: grid;
      grid-template-columns: 4fr 2fr;
      column-gap: 5px;
      row-gap: 5px;
      border-bottom: .5px solid var(--grey-800);
      padding: 0;
      min-height: 36px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .teamlist-info {
      display: flex;
      align-items: center;
      padding: 0 10px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .teamlist-info .flag-wrap {
      display: flex;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .teamlist-info p {
      margin: 0;
      line-height: 1.2;
      font-size: .625rem
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .teamlist-info p span.total-cont {
      opacity: .6;
      display: flex;
      padding-bottom: 4px;
      color: var(--grey-00);
      font-family: 'Poppins'
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .suspended-wrap {
      border-radius: 0;
      min-height: 43px;
      position: relative;
      display: flex;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .suspended-wrap h4 {
      text-align: center;
      margin: 0 auto;
      text-transform: capitalize;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(128, 128, 128, .7);
      z-index: 1;
      color: #ca0b0b;
      font-size: 10px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .suspended-wrap:before {
      content: "";
      background: var(--back-color);
      width: 50%;
      position: absolute;
      height: 100%;
      z-index: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .suspended-wrap:after {
      content: "";
      background: var(--lay-color);
      width: 50%;
      position: absolute;
      height: 100%;
      z-index: 0;
      right: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .count-v-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .count-value {
      padding: 0;
      display: flex;
      align-items: center;
      flex-direction: column;
      align-self: center;
      justify-content: center;
      border: none;
      min-width: auto;
      min-height: 43px;
      max-height: 100%;
      position: relative;

      font-size: 14px;
      height: 100%
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .count-value.sBtn-suspended {
      background: rgba(128, 128, 128, .7)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .count-value.sBtn-suspended h4 {
      font-size: 10px;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      z-index: 1;
      color: #ca0b0b;

  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .count-value .mat-button-focus-overlay,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .count-value .mat-ripple {
      display: none
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .count-value .mat-button-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      row-gap: 4px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .count-value h4 {
      text-align: center;
      margin: 0 auto;
      font-size: 12px;

      line-height: 14px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .data-wrap .count-value p {
      text-align: center;
      max-width: 30px;
      margin: 0 auto;
      font-size: 10px;
      line-height: normal;

      color: var(--black-color);
      white-space: nowrap
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap {
      margin: 5px 0;
      background: var(--grey-200);
      padding: 5px;
      border-radius: 0;
      border: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap:last-child {
      grid-column-start: 1;
      grid-column-end: 3
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .amt-chip-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      margin-bottom: 10px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .amt-chip-grid .chip-grid-item {
      text-align: center;
      min-width: auto;
      padding: 10px 0;
      border-radius: 0;
      background: var(--black-color);
      margin-right: 10px;
      font-family: 'Poppins';
      color: var(--dark-text);
      line-height: 1;
      font-size: 12px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .amt-chip-grid .chip-grid-item:last-child {
      margin-right: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap.forlay .chip-grid-item {
      border: 1px solid var(--lay-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap.forlay .bet-action-item:first-child {
      background: var(--lay-color);
      color: var(--dark-text)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap.forback .chip-grid-item {
      border: 1px solid var(--back-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap.forback .bet-action-item:first-child {
      background: var(--back-color);
      color: var(--dark-text)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .bet-action-grid {
      display: grid;
      grid-template-columns: 20% 1fr 1fr 20%
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .bet-action-grid .bet-action-item {
      align-self: center;
      border-radius: 0;
      margin-right: 10px;
      height: 100%
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .bet-action-grid .bet-action-item:first-child {
      border-radius: 0;
      font-size: clamp(.625rem, 2vw, 1rem);
      text-align: center;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-around
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .bet-action-grid .bet-action-item:last-child {
      margin-right: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .bet-action-grid .bet-action-item input {
      padding: 0 5px;
      border-radius: 0;
      border: none;
      color: var(--dark-text);
      height: 100%;
      width: 100%;
      box-sizing: border-box
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .bet-action-grid .bet-action-item input::placeholder {
      color: var(--text-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .bet-action-grid .bet-action-item input:focus-visible {
      outline: none
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .bet-action-grid .bet-action-item button {
      border: none;
      border-radius: 0;
      padding: 10px 0;
      width: 100%;
      text-align: center;
      line-height: 1;
      font-size: 12px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .betvalue-checkbox {
      margin-top: 10px;
      display: block;
      border-radius: 0;
      padding: 6px 5px;
      font-family: 'Poppins';
      color: var(--dark-text)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .betvalue-checkbox .mat-checkbox-frame {
      border-color: var(--black-color)
  }

  .game-tab mat-tab-group mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-outer .card-body .betvalue-wrap .betvalue-checkbox.mat-checkbox-checked .mat-checkbox-background {
      background: var(--black-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-body .data-wrap .teamlist-info .flag-wrap img {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      object-fit: cover;
      margin-right: 10px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-body .data-wrap .back-count {
      background: var(--back-color);
      color: var(--grey-00)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-body .data-wrap .back-count.rate-changing {
      animation: _ngcontent-ng-c4109236505_blinkBack .5s ease
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-body .data-wrap .lay-count {
      background: var(--lay-color);
      color: var(--grey-00)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-body .data-wrap .lay-count.rate-changing {
      animation: _ngcontent-ng-c4109236505_blinkLay .5s ease
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-body .data-wrap:first-child .count-value {
      border-radius: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-body .data-wrap:last-child .count-value {
      border-radius: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .fancy-card .card-body .data-wrap {
      grid-template-columns: 4fr 2fr;
      position: relative;
      min-height: 36px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .fancy-card .card-body .data-wrap .bar-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      border-radius: 4px;
      align-self: center;
      min-width: 24px;
      padding: 0;
      position: absolute;
      right: 35%
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .fancy-card .card-body .data-wrap .bar-btn mat-icon {
      font-size: clamp(.75rem, 2vw, .875rem);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      color: #a29ca2
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .fancy-card .card-body .data-wrap .bar-btn img.ladder-img {
      max-height: 18px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .fancy-card .card-body .data-wrap mat-menu {
      display: none
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .fancy-card .card-body .betvalue-wrap:last-child {
      grid-column-start: 1;
      grid-column-end: 4
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .mat-expansion-panel {
      background: var(--black-color);
      color: var(--text-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab mat-expansion-panel-header.card-header {
      padding: 0 10px 0 0 !important;
      margin: 0 !important;
      display: flex !important;
      justify-content: space-between;
      height: auto;
      background: var(--grey-200) !important;
      border-radius: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab mat-expansion-panel-header.card-header .mat-expansion-indicator {
      text-align: center;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: var(--black-color);
      display: flex;
      align-items: center;
      justify-content: center;
      padding-bottom: 2px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab mat-expansion-panel-header.card-header .mat-expansion-indicator:after {
      padding: 2px;
      color: var(--body-background)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab mat-expansion-panel-header.card-header mat-panel-description {
      justify-content: flex-end;
      margin: 0;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab mat-expansion-panel-header.card-header mat-panel-description mat-icon {
      font-size: 1.75rem;
      width: 28px;
      height: 28px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .fancybody-header {
      display: grid;
      grid-template-columns: 4fr 2fr;
      column-gap: 5px;
      row-gap: 5px;
      padding: 0;
      border-bottom: .5px solid var(--grey-800);
      background: var(--grey-900);
      min-height: 30px;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .fancybody-header .card-title {
      text-align: left;
      position: relative;
      padding: 0 10px;
      justify-content: flex-start;
      color: var(--black-color);

  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .fancybody-header .fb-stitle {
      display: grid;
      grid-template-columns: 1fr 1fr;
      height: 100%
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .fancybody-header h3 {
      margin: 0;
      text-align: center;

      color: var(--grey-text);
      font-size: 10px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-body .data-wrap .teamlist-info {
      border-radius: 0;
      padding: 0;

      row-gap: 3px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-body .data-wrap .teamlist-info h3.team-title {
      text-transform: capitalize;
      font-size: .6875rem;

      line-height: normal;
      text-align: left;
      display: flex;
      flex-direction: column;
      row-gap: 2px;
      color: var(--grey-00)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .tab-body.sports-tab .card-body .data-wrap .count-value {
      border-radius: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section {
      position: relative;
      display: flex;
      flex-direction: column
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section .f-order-1 {
      order: 1
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section .f-order-2 {
      order: 2
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section .f-order-3 {
      order: 3
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section .f-order-4 {
      order: 4
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section .f-order-5 {
      order: 5
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section .f-order-6 {
      order: 6
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section .f-order-7 {
      order: 7
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section .f-order-8 {
      order: 8
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section .f-order-9 {
      order: 9
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section .f-order-10 {
      order: 10
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section .market-closed {
      background: rgba(30, 30, 30, .75);
      width: 100%;
      min-height: 70px;
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      z-index: 100
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section .market-closed p {
      color: var(--black-color);
      font-size: 12px;
      text-align: center;
      margin: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section mat-tab-group mat-tab-header {
      background: transparent;
      border-bottom: 0;
      background: var(--black-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section mat-tab-group mat-tab-header mat-ink-bar {
      display: none
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section mat-tab-group mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels {
      justify-content: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section mat-tab-group mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-label {
      background: transparent;
      margin-right: 10px;
      height: 30px;
      opacity: .9;
      text-transform: uppercase;

      font-size: 12px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .mkt-tab-section mat-tab-group mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-label.mat-tab-label-active {
      border-bottom: 1px solid var(--black-color);
      color: var(--black-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-match-screen {
      position: relative;
      background: var(--header-dark-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-match-screen.sticky-top {
      position: sticky;
      top: 0;
      z-index: 9999
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-match-screen .sticky-icon {
      position: absolute;
      top: 15px;
      right: 15px;
      background: transparent;
      border: 1px solid var(--black-color);
      color: var(--black-color);
      padding: 5px 5px 2px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 1.25rem;
      width: clamp(30px, 6vw, 40px);
      height: clamp(30px, 6vw, 40px);
      cursor: pointer;
      transform: rotate(45deg);
      z-index: 999
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-match-screen .sticky-icon.active {
      background: var(--secondary-color);
      border: 1px solid var(--secondary-color);
      color: var(--secondary-color-contrast);
      transform: rotate(0)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-match-screen iframe {
      aspect-ratio: 16/9;
      z-index: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard {
      position: relative
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-overlay {
      width: 100%;
      height: 30px;
      background: var(--grey-50);
      z-index: 100;
      display: flex;
      justify-content: center;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-overlay.target-info {
      border-top: 1px solid var(--grey-100);
      background: var(--black-color);
      color: var(--white-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-overlay.target-info p {
      color: var(--white-color);
      animation: none;
      font-size: 12px;

  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-overlay p {
      font-size: 12px;
      margin-bottom: 0;
      font-family: 'Poppins';
      color: var(--white-color);

      animation: _ngcontent-ng-c4109236505_zoom-in-zoom-out 2s ease infinite
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-overlay marquee {
      animation: _ngcontent-ng-c4109236505_blinker 1.5s linear infinite;
      font-size: 14px;
      font-family: 'Poppins';
      color: var(--black-color);

      margin: 0 10px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 3px 6px;
      min-height: 25px;
      background: var(--primary-color-tint);
      position: relative;
      color: var(--white-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .vs {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .vs p {
      background-color: var(--grey-200);
      color: var(--white-color);
      border-radius: 5px;
      height: 25px;
      width: 25px;
      font-size: 10px;

      display: flex;
      justify-content: center;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap img {
      max-width: 18px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.multiple-overs {
      padding: 5px;
      background: var(--primary-color-tint);
      margin: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.multiple-overs mat-label {
      font-size: 10px;
      margin: 0;
      color: var(--white-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.multiple-overs ul {
      justify-content: flex-start;
      column-gap: 2px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.multiple-overs ul p {
      background: var(--header-dark-color);
      height: 20px;
      min-width: 20px;
      width: auto;
      padding: 4px;
      border-radius: 10px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.multiple-overs .current-over {
      display: flex;
      flex-direction: column;
      row-gap: 2px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.multiple-overs .current-over mat-label {
      text-align: right
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.multiple-overs .previous-over {
      display: flex;
      flex-direction: column
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs {
      flex-direction: row-reverse;
      scroll-behavior: smooth;
      display: flex;
      direction: rtl;
      align-items: center;
      background: var(--primary-color-tint);
      padding: 5px 10px;
      overflow-x: auto;
      min-height: 35px;
      margin-bottom: 0;
      color: var(--white-color);
      column-gap: 7px;
      border-top: 1px solid var(--black-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs>*:first-child {
      margin-left: auto
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs::-webkit-scrollbar {
      height: 3px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details {
      display: flex;
      align-items: center;
      column-gap: 5px;
      flex-direction: row-reverse
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details:last-child mat-label {
      padding-right: 10px;
      border-right: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details mat-label {
      margin: 0;
      text-wrap: nowrap;
      display: flex;
      flex-direction: column;
      text-align: center;
      line-height: 1;
      row-gap: 2px;
      border-right: 1px solid var(--dark-grey);
      padding-right: 10px;
      padding-left: 5px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details mat-label small {
      border-bottom: .55px solid var(--white-color);
      padding-bottom: 2px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details mat-label span {
      font-size: 10px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul {
      width: auto;
      padding-right: 0;
      flex-direction: row-reverse
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._WKT,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._LBW,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._wkt,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._W,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._w,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._lbw {
      background: var(--red-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._6,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._4,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._4NB,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._6NB,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._4WD,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._6WD {
      background: var(--green-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._NB,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._1NB,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._2NB,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._3NB,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._5NB {
      background: var(--red-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._WD,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._1WD,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._2WD,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._3WD,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record.overflow-overs .over-details ul li p._5WD {
      background: var(--yellow-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: var(--grey-50);
      padding: 5px 10px;
      overflow-x: auto;
      min-height: 35px;
      margin-bottom: 2px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record mat-label {
      margin-right: 10px;
      font-size: .75rem
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul {
      list-style: none;
      padding-left: 0;
      display: flex;
      justify-content: flex-end;
      column-gap: 5px;
      align-items: center;
      margin: 0;
      width: calc(100% - 85px)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p {
      background: #3B3B3B;
      background: linear-gradient(180deg, rgb(59, 59, 59) 0%, rgb(36, 36, 36) 100%);
      border-radius: 20px;
      border: 1px solid var(--dark-grey);
      color: var(--white-color);
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      font-size: .7rem;

      min-width: 25px;
      height: 25px;
      width: auto;
      padding: 0 3px;
      position: relative;
      border: 1px solid var(--grey-100)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p .add-info {
      position: absolute;
      top: 0;
      right: 0;
      width: 9px;
      height: 9px;
      border: .3px solid var(--white-color);
      background: var(--red-color);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._WKT,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._LBW,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._wkt,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._lbw {
      background: #FF5C5C;
      background: linear-gradient(180deg, rgb(255, 92, 92) 0%, rgb(153, 55, 55) 100%)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._6,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._4,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._4NB,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._6NB,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._4WD,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._6WD {
      background: #33B15B;
      background: linear-gradient(180deg, rgb(51, 177, 91) 0%, rgb(21, 75, 38) 100%)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._NB,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._1NB,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._2NB,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._3NB,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._5NB {
      background: #FF5C5C;
      background: linear-gradient(180deg, rgb(255, 92, 92) 0%, rgb(153, 55, 55) 100%)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._WD,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._1WD,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._2WD,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._3WD,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .last-balls-record ul li p._5WD {
      background: #CB8F25;
      background: linear-gradient(180deg, rgb(203, 143, 37) 0%, rgb(179, 126, 33) 100%);
      color: var(--black-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .batting-team,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .bowling-team {
      display: flex;
      align-items: flex-start;
      flex-direction: row;
      column-gap: 9px;
      font-size: 12px;
      max-width: 50%;
      line-height: normal;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .batting-team p,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .bowling-team p {
      font-size: 10px;
      color: var(--white-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .batting-team p .run-rates,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .bowling-team p .run-rates {
      font-family: 'Poppins'
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .batting-team .team-infowrap,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .bowling-team .team-infowrap {
      display: flex;
      align-items: flex-start;
      column-gap: 5px;
      flex-direction: column;
      color: var(--white-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .batting-team .team-infowrap small,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .bowling-team .team-infowrap small {
      font-size: 11px
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .batting-team .team-infowrap .score,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .bowling-team .team-infowrap .score {
      font-size: 16px;
      color: var(--dark-blue-color);
      font-family: 'Poppins'
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .batting-team .team-infowrap .overInfo,
  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .bowling-team .team-infowrap .overInfo {
      font-family: 'Poppins'
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .bowling-team {
      flex-direction: row-reverse
  }

  .game-tab[_ngcontent-ng-c4109236505] mat-tab-group[_ngcontent-ng-c4109236505] mat-tab-body .mat-mdc-tab-body-content .live-score-section.newScoreBoard .score-wrap .bowling-team .team-infowrap {
      align-items: flex-end
  }

  .game-tab[_ngcontent-ng-c4109236505] .info-marquee[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      padding: 0 5px;
      z-index: 1;
      max-width: 768px
  }

  .game-tab[_ngcontent-ng-c4109236505] .info-marquee.bottom[_ngcontent-ng-c4109236505] {
      position: fixed;
      bottom: 0;
      width: 100%;
      background: var(--grey-75)
  }

  .game-tab[_ngcontent-ng-c4109236505] .info-marquee[_ngcontent-ng-c4109236505] mat-icon[_ngcontent-ng-c4109236505] {
      margin-right: 5px;
      color: var(--grey-text)
  }

  .game-tab[_ngcontent-ng-c4109236505] .info-marquee[_ngcontent-ng-c4109236505] marquee[_ngcontent-ng-c4109236505] {
      line-height: normal;
      padding: 8px 0;
      font-weight: 400;
      opacity: 1;

      font-size: .75rem;
      color: var(--text-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] .info-marquee[_ngcontent-ng-c4109236505] marquee[_ngcontent-ng-c4109236505] span[_ngcontent-ng-c4109236505] {
      color: var(--black-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] .pagetop-bar[_ngcontent-ng-c4109236505] {
      position: sticky;
      top: 44px;
      z-index: 1000
  }

  .game-tab[_ngcontent-ng-c4109236505] .pagetop-bar.demoID[_ngcontent-ng-c4109236505] {
      top: 74px
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      width: 100%;
      justify-content: space-between;
      padding: 10px;
      margin: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar.title-bar[_ngcontent-ng-c4109236505] {
      background: var(--primary-color-shade);
      height: 35px;
      color: var(--white-color);
      padding: 0 10px
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar.title-bar[_ngcontent-ng-c4109236505] span[_ngcontent-ng-c4109236505] {
      overflow: hidden;
      max-width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      line-height: normal;
      cursor: default
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar[_ngcontent-ng-c4109236505] .playing-teams[_ngcontent-ng-c4109236505] {
      position: relative;
      display: flex;
      align-items: center;
      column-gap: 5px;
      font-size: 10px;

      line-height: 1
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar[_ngcontent-ng-c4109236505] .playing-teams[_ngcontent-ng-c4109236505] .game-info[_ngcontent-ng-c4109236505] {
      display: flex;
      flex-direction: column;
      justify-content: center;
      max-width: 100%
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar[_ngcontent-ng-c4109236505] .playing-teams[_ngcontent-ng-c4109236505]:first-child {
      max-width: 68%
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar[_ngcontent-ng-c4109236505] .playing-teams[_ngcontent-ng-c4109236505]:nth-child(2) {
      max-width: 32%
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar[_ngcontent-ng-c4109236505] .playing-teams[_ngcontent-ng-c4109236505]:nth-child(2) span[_ngcontent-ng-c4109236505] {
      text-align: right
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar[_ngcontent-ng-c4109236505] .playing-teams[_ngcontent-ng-c4109236505] .tournament-name[_ngcontent-ng-c4109236505],
  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar[_ngcontent-ng-c4109236505] .playing-teams[_ngcontent-ng-c4109236505] .date-time[_ngcontent-ng-c4109236505] {
      font-size: 10px;
      opacity: .8;
      margin: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar[_ngcontent-ng-c4109236505] .playing-teams[_ngcontent-ng-c4109236505] span[_ngcontent-ng-c4109236505] {
      line-height: normal;
      font-size: 10px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      white-space: unset
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar[_ngcontent-ng-c4109236505] .playing-teams[_ngcontent-ng-c4109236505] button[_ngcontent-ng-c4109236505] {
      width: 12px;
      height: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      font-size: 10px;

      color: var(--black-color);
      background: var(--white-color);
      padding: 10px
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar[_ngcontent-ng-c4109236505] .playing-teams[_ngcontent-ng-c4109236505] .playing[_ngcontent-ng-c4109236505] {
      position: absolute;
      top: 0;
      left: 5px;
      background: green
  }

  .game-tab[_ngcontent-ng-c4109236505] .team-play-bar[_ngcontent-ng-c4109236505] .playing-teams[_ngcontent-ng-c4109236505] img[_ngcontent-ng-c4109236505] {
      width: 15px;
      height: 15px;
      object-fit: cover;
      border-radius: 50%
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .card-heading[_ngcontent-ng-c4109236505] {
      padding: 0 10px;
      color: var(--text-color);
      font-size: 11px;
      text-transform: uppercase;

      letter-spacing: .5px;
      margin: 0;
      background: var(--grey-75)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] {
      margin-bottom: 5px;
      padding: 0;
      border-radius: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] h3[_ngcontent-ng-c4109236505] {
      font-family: 'Poppins';
      font-size: 12px;
      letter-spacing: .5px;
      margin: 0
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .odds-stake-wrap[_ngcontent-ng-c4109236505] {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 10px;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .odds-stake-wrap[_ngcontent-ng-c4109236505] h3[_ngcontent-ng-c4109236505] {
      text-align: center;
      color: var(--black-color);

  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-title[_ngcontent-ng-c4109236505] {
      background: var(--light-row-background);
      display: grid;
      grid-template-columns: 4fr 2fr;
      column-gap: 10px;
      margin-bottom: 0;
      padding: 5px 10px;
      border-radius: 6px 6px 0 0
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-title[_ngcontent-ng-c4109236505] h3[_ngcontent-ng-c4109236505] {
      color: var(--white-color);
      font-family: 'Poppins'
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody.lfBets[_ngcontent-ng-c4109236505] {
      max-height: calc(var(--vh, 1vh) * 100 - 275px)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap[_ngcontent-ng-c4109236505] {
      margin-bottom: 1px
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap.back-unmatched[_ngcontent-ng-c4109236505] {
      background: var(--back-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap.lay-unmatched[_ngcontent-ng-c4109236505] {
      background: var(--lay-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap.yes-unmatched[_ngcontent-ng-c4109236505] {
      background: var(--back-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap.no-unmatched[_ngcontent-ng-c4109236505] {
      background: var(--lay-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap.yes-unmatched[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505],
  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap.no-unmatched[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505],
  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap.back-unmatched[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505],
  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap.lay-unmatched[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505] {
      border-bottom: 0px solid var(--grey-50)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap[_ngcontent-ng-c4109236505] .unmatchedBet[_ngcontent-ng-c4109236505] {
      width: calc(100% - 4px);
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 2px 10px;
      margin: auto;
      bottom: 2px;
      position: relative
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap[_ngcontent-ng-c4109236505] .unmatchedBet.back-list-row[_ngcontent-ng-c4109236505] {
      background-color: var(--back-light)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap[_ngcontent-ng-c4109236505] .unmatchedBet.lay-list-row[_ngcontent-ng-c4109236505] {
      background-color: var(--lay-light)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap[_ngcontent-ng-c4109236505] .unmatchedBet.yes-list-row[_ngcontent-ng-c4109236505] {
      background: var(--back-light)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap[_ngcontent-ng-c4109236505] .unmatchedBet.no-list-row[_ngcontent-ng-c4109236505] {
      background: var(--lay-light)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap[_ngcontent-ng-c4109236505] .unmatchedBet[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      font-size: 10px;
      color: var(--red-color);
      font-family: 'Poppins'
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap[_ngcontent-ng-c4109236505] .unmatchedBet[_ngcontent-ng-c4109236505] a[_ngcontent-ng-c4109236505] {
      color: var(--dark-text) !important;
      text-decoration: unset;
      padding-bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      column-gap: 5px;
      font-size: 10px;
      font-family: 'Poppins'
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .row-wrap[_ngcontent-ng-c4109236505] .unmatchedBet[_ngcontent-ng-c4109236505] a[_ngcontent-ng-c4109236505] mat-icon[_ngcontent-ng-c4109236505] {
      font-size: 16px;
      width: auto;
      height: auto
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505] {
      display: grid;
      grid-template-columns: 4fr 2fr;
      column-gap: 10px;
      margin-bottom: 0;
      padding: 6px 10px;
      border-bottom: 1px solid var(--grey-50)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist.back-list-row[_ngcontent-ng-c4109236505] {
      background: var(--back-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist.lay-list-row[_ngcontent-ng-c4109236505] {
      background: var(--lay-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist.yes-list-row[_ngcontent-ng-c4109236505] {
      background: var(--back-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist.no-list-row[_ngcontent-ng-c4109236505] {
      background: var(--lay-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505] .bs-gameinfo[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      column-gap: 8px
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505] .bs-gameinfo[_ngcontent-ng-c4109236505] .game-type[_ngcontent-ng-c4109236505] {
      align-self: center
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505] .bs-gameinfo[_ngcontent-ng-c4109236505] .game-type[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      opacity: .8;
      font-size: 12px;
      background: var(--black-color);
      color: var(--white-color);
      width: 20px;
      height: 20px;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505] .bs-gameinfo[_ngcontent-ng-c4109236505] h3[_ngcontent-ng-c4109236505] {
      text-transform: capitalize;

      line-height: normal;
      color: var(--black-color);
      letter-spacing: normal
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505] .bs-gameinfo[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      font-size: 10px;
      margin: 0;

      color: var(--black-color);
      line-height: 1.25
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505] .bs-gameinfo[_ngcontent-ng-c4109236505] p.game-title[_ngcontent-ng-c4109236505] {
      margin: 0;
      display: grid;
      grid-template-columns: auto auto auto;
      justify-content: start;
      align-items: center;
      column-gap: 3px;
      font-size: 12px;

      color: var(--black-color)
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505] .bs-gameinfo[_ngcontent-ng-c4109236505] p.game-title[_ngcontent-ng-c4109236505] span[_ngcontent-ng-c4109236505] {
      width: auto;
      max-width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
  }

  .game-tab[_ngcontent-ng-c4109236505] .betslip-card[_ngcontent-ng-c4109236505] .betslip-data-wrap[_ngcontent-ng-c4109236505] .betslip-databody[_ngcontent-ng-c4109236505] .betslip-datalist[_ngcontent-ng-c4109236505] .bs-gameinfo[_ngcontent-ng-c4109236505] p.game-title[_ngcontent-ng-c4109236505] span[_ngcontent-ng-c4109236505]:nth-child(2) {
      max-width: unset;
      text-overflow: unset;
      min-width: 15px;
      text-align: center
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] {
      border-bottom: 1px solid var(--grey-100)
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .del-wrap[_ngcontent-ng-c4109236505] {
      cursor: pointer
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .delete-icon[_ngcontent-ng-c4109236505] {
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--grey-50);
      border-radius: 50%;
      font-size: 18px;
      position: absolute;
      right: 35px;
      z-index: 10000;
      top: 10px
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] mat-icon[_ngcontent-ng-c4109236505] {
      font-size: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white-color)
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] mat-accordion[_ngcontent-ng-c4109236505] {
      position: relative
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] {
      border-radius: 0;
      box-shadow: none;
      border-bottom: 1px solid var(--dark-grey);
      margin-top: 0
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item.mat-expanded[_ngcontent-ng-c4109236505] .mat-expansion-panel-header[_ngcontent-ng-c4109236505] {
      border-radius: 0;
      height: 35px;
      border-bottom: 1px solid var(--grey-50)
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-header[_ngcontent-ng-c4109236505] {
      background: var(--header-dark-color);
      border-radius: 0;
      height: 35px;
      padding: 0 0 0 10px;
      transition: none
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-header[_ngcontent-ng-c4109236505] .mat-expansion-panel-header-title[_ngcontent-ng-c4109236505] {
      column-gap: 6px
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-header[_ngcontent-ng-c4109236505] .mat-expansion-panel-header-title[_ngcontent-ng-c4109236505] .img-wrap[_ngcontent-ng-c4109236505] {
      width: 35px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      padding: 0;
      background: var(--primary-color)
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-header[_ngcontent-ng-c4109236505] .mat-expansion-panel-header-title[_ngcontent-ng-c4109236505] .img-wrap[_ngcontent-ng-c4109236505] img[_ngcontent-ng-c4109236505] {
      width: 100%;
      border-radius: 50%;
      object-fit: contain
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-header[_ngcontent-ng-c4109236505] .mat-expansion-panel-header-title[_ngcontent-ng-c4109236505] h2[_ngcontent-ng-c4109236505] {
      font-size: 11px;
      text-transform: uppercase;
      margin: 0;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      justify-content: center;
      color: var(--white-color)
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-header[_ngcontent-ng-c4109236505] .mat-expansion-panel-header-title[_ngcontent-ng-c4109236505] h2[_ngcontent-ng-c4109236505] span[_ngcontent-ng-c4109236505] {
      font-size: 10px
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-header[_ngcontent-ng-c4109236505] .mat-expansion-panel-header-description[_ngcontent-ng-c4109236505] {
      flex-grow: 0;
      margin: 0
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body {
      padding: 0
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details {
      padding: 0;
      background: var(--white-color);
      border-radius: 0
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .card-heading {
      padding: 0 10px;
      color: var(--text-color);
      font-size: 11px;
      text-transform: uppercase;

      letter-spacing: .5px;
      margin: 0;
      background: var(--grey-100)
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap {
      margin-bottom: 0;
      padding: 0;
      border-radius: 0
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap h3 {
      font-family: 'Poppins';
      font-size: 12px;
      letter-spacing: .5px;
      margin: 0
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .odds-stake-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      column-gap: 10px;
      align-items: center
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .odds-stake-wrap h3 {
      font-size: 10px;
      text-align: center;
      color: var(--black-color);

  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-title {
      background: var(--grey-50);
      display: grid;
      grid-template-columns: 2fr 4fr;
      column-gap: 10px;
      margin-bottom: 0;
      padding: 5px 10px;
      border-radius: 0
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-title h3 {
      color: var(--white-color);

      font-size: 10px
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist {
      display: grid;
      grid-template-columns: 1fr;
      column-gap: 10px;
      margin-bottom: 0;
      padding: 6px 10px
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .d-wrapper {
      display: grid;
      padding: 5px 0;
      grid-template-columns: 2fr 4fr;
      justify-content: space-between;
      align-items: center;
      margin-top: 0;
      width: 100%;
      column-gap: 10px
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .d-wrapper .odds-stake-wrap {
      padding: 0
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .d-wrapper .odds-stake-wrap.all-val {
      grid-template-columns: 1fr
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .d-wrapper .odds-stake-wrap.all-val .wl-wrap {
      display: grid;
      grid-template-columns: 2fr 1fr;
      column-gap: 10px;
      align-items: center;
      font-weight: 500;
      padding: 0 8px
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .d-wrapper .odds-stake-wrap.all-val .wl-wrap label {
      font-size: 10px
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .bs-gameinfo {
      display: flex;
      align-items: center;
      column-gap: 8px
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .bs-gameinfo .logo {
      height: 35px;
      width: 35px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 35px;
      padding: 2px;
      box-sizing: border-box
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .bs-gameinfo .logo img {
      width: 100%
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .bs-gameinfo .bs-content p {
      font-size: 10px;
      margin-top: 4px;
      opacity: .7
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .bs-gameinfo .bs-content h3 {
      font-size: 10px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      column-gap: 0px
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .bs-gameinfo .bs-content h3 mat-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--grey-300);
      font-size: 10px;
      width: auto;
      height: auto;
      padding-left: 2px
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .bs-gameinfo .game-type {
      align-self: center
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .bs-gameinfo .game-type p {
      opacity: .8;
      font-size: 10px;
      background: #ebebeb;
      width: 20px;
      height: 20px;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .bs-gameinfo h3 {
      text-transform: capitalize;
      line-height: normal;
      font-size: 10px;
      font-weight: 500;
      font-family: 'Poppins'
  }

  .banks-list-wrap.scoreCard[_ngcontent-ng-c4109236505] .mat-exp-bank-item[_ngcontent-ng-c4109236505] .mat-expansion-panel-body .banks-details .betslip-card .betslip-data-wrap .betslip-databody .betslip-datalist .bs-gameinfo p {
      font-size: 10px;
      margin: 0;
      font-weight: 400;
      line-height: 1.2
  }

  .bs-gameinfo[_ngcontent-ng-c4109236505] .bs-content[_ngcontent-ng-c4109236505] p.placed[_ngcontent-ng-c4109236505] span[_ngcontent-ng-c4109236505] {
      color: var(--pending-color) !important
  }

  .bs-gameinfo[_ngcontent-ng-c4109236505] .bs-content[_ngcontent-ng-c4109236505] p.void[_ngcontent-ng-c4109236505] span[_ngcontent-ng-c4109236505] {
      color: var(--overlay-gray) !important
  }

  .bs-gameinfo[_ngcontent-ng-c4109236505] .bs-content[_ngcontent-ng-c4109236505] p.won[_ngcontent-ng-c4109236505] span[_ngcontent-ng-c4109236505] {
      color: var(--win-color) !important
  }

  .bs-gameinfo[_ngcontent-ng-c4109236505] .bs-content[_ngcontent-ng-c4109236505] p.loss[_ngcontent-ng-c4109236505] span[_ngcontent-ng-c4109236505] {
      color: var(--danger-color) !important
  }

  .mat-menu-panel {
      background: transparent;
      margin: 5px 0
  }

  .mat-menu-panel.ladder-menu {
      min-height: 200px
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] {
      position: relative;
      min-height: 200px;
      max-width: 140px;
      background: var(--grey-75)
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] .ld-header[_ngcontent-ng-c4109236505] {
      background: var(--grey-200);
      padding: 2px
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] .ld-header[_ngcontent-ng-c4109236505] h3[_ngcontent-ng-c4109236505] {
      color: var(--grey-text);
      font-size: .625rem !important;
      line-height: 1.5;
      margin: 0;
      text-align: center;
      padding: 2px
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] .ld-header[_ngcontent-ng-c4109236505] h3[_ngcontent-ng-c4109236505]:first-child {
      text-align: left
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] .ld-header[_ngcontent-ng-c4109236505] h3[_ngcontent-ng-c4109236505]:last-child {
      text-align: right
  }

  .ladder-datawrap.dropdown-content[_ngcontent-ng-c4109236505] {
      position: absolute;
      display: none;
      z-index: 1;
      right: calc(35% + 25px);
      border-radius: 6px;
      margin: 20px 0
  }

  .ladder-datawrap.dropdown-content.show[_ngcontent-ng-c4109236505] {
      display: block
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] .fancy-loader[_ngcontent-ng-c4109236505] {
      position: absolute;
      bottom: 0;
      left: 0;
      background: rgba(36, 36, 36, .4);
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 6px
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] .fancy-loader[_ngcontent-ng-c4109236505] .loader[_ngcontent-ng-c4109236505] {
      border-radius: 50%;
      border: 3px solid var(--grey-200);
      border-top: 3px solid var(--black-color);
      width: 30px;
      height: 30px;
      animation: _ngcontent-ng-c4109236505_spin 1s linear infinite
  }

  @keyframes _ngcontent-ng-c4109236505_spin {
      0% {
          transform: rotate(0)
      }

      to {
          transform: rotate(360deg)
      }
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] .ld-body[_ngcontent-ng-c4109236505] {
      background: var(--grey-75);
      border-radius: 0 0 6px 6px;
      padding: 5px;
      max-height: 180px;
      overflow-y: auto
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] .ld-body[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      color: var(--grey-text);
      margin: 0;
      font-size: clamp(.625rem, 2vw, .75rem);
      text-align: center;
      padding: 2px
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] .ld-body[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505]:first-child {
      text-align: left
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] .ld-body[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505]:last-child {
      text-align: right
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] .ld-data[_ngcontent-ng-c4109236505] {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 10px;
      border-bottom: 1px solid var(--grey-200)
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] .ld-data[_ngcontent-ng-c4109236505]:last-child {
      border: none
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] [_ngcontent-ng-c4109236505]::-webkit-scrollbar {
      width: 5px
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] [_ngcontent-ng-c4109236505]::-webkit-scrollbar-track {
      background: transparent
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] [_ngcontent-ng-c4109236505]::-webkit-scrollbar-thumb {
      background: var(--grey-text);
      border-radius: 6px
  }

  .ladder-datawrap[_ngcontent-ng-c4109236505] [_ngcontent-ng-c4109236505]::-webkit-scrollbar-thumb:hover {
      background: var(--card-background)
  }

  mat-tab-header[_ngcontent-ng-c4109236505] .mat-mdc-tab-label-container[_ngcontent-ng-c4109236505] .mat-mdc-tab[_ngcontent-ng-c4109236505]:has(.livetv-tab) {
      padding: 0
  }

  .livetv-tab[_ngcontent-ng-c4109236505] {
      display: flex;
      column-gap: 6px
  }

  .livetv-tab[_ngcontent-ng-c4109236505] .livetv-btn[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      column-gap: 2px;
      border-radius: 2px;
      background: var(--grey-50) !important;
      color: var(--black-color) !important;
      font-size: .625rem;
      text-transform: capitalize;
      max-height: 30px;
      font-family: 'Poppins'
  }

  .livetv-tab[_ngcontent-ng-c4109236505] .livetv-btn.rounded[_ngcontent-ng-c4109236505] {
      width: 28px;
      height: 28px;
      min-width: 28px;
      min-height: 28px;
      border-radius: 50%;
      padding: 0;
      justify-content: center;
      column-gap: 0;
      filter: grayscale(1);
      background: transparent !important;
      border: 2px solid var(--grey-200)
  }

  .livetv-tab[_ngcontent-ng-c4109236505] .livetv-btn.rounded[_ngcontent-ng-c4109236505] span.material-icons[_ngcontent-ng-c4109236505] {
      color: var(--grey-200) !important;
      font-size: 16px;
      width: 100%
  }

  .livetv-tab[_ngcontent-ng-c4109236505] .livetv-btn.rounded.active[_ngcontent-ng-c4109236505] {
      background: transparent !important;
      color: var(--black-color) !important;
      filter: grayscale(0);
      border: 2px solid var(--white-color)
  }

  .livetv-tab[_ngcontent-ng-c4109236505] .livetv-btn.rounded.active[_ngcontent-ng-c4109236505] span.material-icons[_ngcontent-ng-c4109236505] {
      color: var(--white-color) !important
  }

  .livetv-tab[_ngcontent-ng-c4109236505] .livetv-btn.rounded.active[_ngcontent-ng-c4109236505] mat-icon[_ngcontent-ng-c4109236505] {
      color: var(--black-color)
  }

  .livetv-tab[_ngcontent-ng-c4109236505] .livetv-btn.rounded[_ngcontent-ng-c4109236505] img[_ngcontent-ng-c4109236505] {
      width: 18px;
      height: 18px;
      margin-top: 2px
  }

  .livetv-tab[_ngcontent-ng-c4109236505] .livetv-btn.rounded[_ngcontent-ng-c4109236505] mat-icon[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0;
      color: var(--grey-200)
  }

  .livetv-tab[_ngcontent-ng-c4109236505] .livetv-btn.active[_ngcontent-ng-c4109236505] {
      background: var(--header-dark-color) !important;
      color: var(--black-color) !important
  }

  .livetv-tab[_ngcontent-ng-c4109236505] .livetv-btn[_ngcontent-ng-c4109236505] .mat-button-wrapper {
      display: flex;
      align-items: center;
      column-gap: 2px
  }

  .livetv-tab[_ngcontent-ng-c4109236505] .livetv-btn[_ngcontent-ng-c4109236505] mat-icon[_ngcontent-ng-c4109236505] {
      font-size: 1rem;
      width: 18px;
      height: 18px
  }

  .mat-mdc-tab-header .mat-mdc-tab-disabled:has(.mdc-tab__content .livetv-tab) {
      opacity: 1;
      pointer-events: all;
      padding: 0
  }

  .mat-mdc-tab-header .mdc-tab__content:has(.livetv-tab) {
      pointer-events: all !important
  }

  .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab {
      width: 33.3333333333%;
      position: relative
  }

  .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab:after {
      position: absolute;
      content: "";
      width: 1px;
      height: 25px;
      right: 0;
      z-index: 1;
      background: var(--black-color);
      top: 50%;
      transform: translateY(-50%);
      opacity: .5
  }

  .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab:last-child {
      border: none
  }

  .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab:last-child:after {
      display: none
  }

  .bethistory-tabs .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab {
      width: 25%
  }

  .bethistory-tabs mat-tab-header {
      position: sticky !important;
      top: 0;
      background: var(--black-color);
      z-index: 100;
      border-top: 1px solid rgba(255, 255, 255, .6)
  }

  .bethistory-tabs mat-tab-header .mat-tab-label-container .mat-tab-labels .mat-tab-label {
      text-transform: capitalize !important
  }

  .bethistory-tabs mat-tab-header .mat-tab-label-container .mat-tab-labels .mat-tab-label.mat-tab-label-active {
      background: var(--black-color);
      color: var(--black-color) !important
  }

  .bethistory-tabs .mat-mdc-tab-body-wrapper .mat-mdc-tab-body {
      max-height: calc(var(--vh, 1vh) * 100 - 160px);
      min-height: auto !important
  }

  .back-bg[_ngcontent-ng-c4109236505] {
      background: var(--back-color);
      color: var(--grey-00) !important
  }

  .lay-bg[_ngcontent-ng-c4109236505] {
      background: var(--lay-color);
      color: var(--grey-00) !important
  }

  .no-data[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      height: calc(var(--vh, 1vh) * 100 - 170px)
  }

  .no-data[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      color: var(--text-color);
      font-family: 'Poppins';
      font-size: 12px
  }

  button.bonus-btn[_ngcontent-ng-c4109236505] {
      position: absolute !important;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      max-height: 36px;
      height: 100%;
      background: var(--black-color);
      border-radius: 4px 0 0 4px;
      max-width: 16px;
      padding: 0;
      color: var(--secondary-color) !important
  }

  button.bonus-btn[_ngcontent-ng-c4109236505] mat-icon[_ngcontent-ng-c4109236505] {
      color: var(--secondary-color);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 16px
  }

  .fancy-head[_ngcontent-ng-c4109236505] {
      font-size: .625rem;
      margin: 0;
      text-align: left;
      border-bottom: 1px solid var(--black-color);
      background: var(--grey-200);
      padding: 0 5px;
      border-radius: 6px 6px 0 0;
      color: var(--grey-text);
      text-align: center;
      max-width: 130px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 100%
  }

  div.extra-menu {
      min-height: auto;
      background: var(--header-dark-color);
      border-radius: 4px !important
  }

  div.extra-menu button {
      font-size: 10px;
      min-height: 20px;
      display: flex;
      align-items: center;
      color: var(--black-color);
      border-radius: 4px
  }

  p.report-issue[_ngcontent-ng-c4109236505] {
      margin: 0;
      font-size: 12px;
      text-align: center;
      margin-top: 10px !important
  }

  p.report-issue[_ngcontent-ng-c4109236505] .link-text[_ngcontent-ng-c4109236505] {
      color: var(--secondary-color)
  }

  .head-filter-wrap[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      height: 32px;
      background: var(--header-dark-color);
      border-top: 1px solid var(--grey-300);
      color: var(--white-color)
  }

  .head-filter-wrap[_ngcontent-ng-c4109236505] .filter-item[_ngcontent-ng-c4109236505] {
      padding: 5px 12px;
      display: flex;
      align-items: center;
      column-gap: 5px;
      cursor: pointer;
      border-radius: 0;
      height: 30px
  }

  .head-filter-wrap[_ngcontent-ng-c4109236505] .filter-item.active[_ngcontent-ng-c4109236505],
  .head-filter-wrap[_ngcontent-ng-c4109236505] .filter-item[_ngcontent-ng-c4109236505]:hover {
      background: var(--grey-200)
  }

  .head-filter-wrap[_ngcontent-ng-c4109236505] .filter-item[_ngcontent-ng-c4109236505] .filter-link[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      column-gap: 5px
  }

  .head-filter-wrap[_ngcontent-ng-c4109236505] .filter-item[_ngcontent-ng-c4109236505] .filter-link[_ngcontent-ng-c4109236505] h2[_ngcontent-ng-c4109236505] {
      font-size: 12px;
      text-transform: capitalize;

      letter-spacing: .5px;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1
  }

  .head-filter-wrap[_ngcontent-ng-c4109236505] .filter-item[_ngcontent-ng-c4109236505] .filter-link[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      min-width: 16px;
      width: auto;
      height: 16px;
      background: var(--red-color);
      color: var(--white-color);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      border-radius: 4px
  }

  @keyframes _ngcontent-ng-c4109236505_blinker {
      50% {
          opacity: 60%
      }
  }

  @keyframes _ngcontent-ng-c4109236505_zoom-in-zoom-out {
      0% {
          transform: scale(1)
      }

      50% {
          transform: scale(1.45)
      }

      to {
          transform: scale(1)
      }
  }

  @keyframes _ngcontent-ng-c4109236505_zoom-in-zoom-out-less {
      0% {
          transform: scale(1)
      }

      50% {
          transform: scale(1.2)
      }

      to {
          transform: scale(1)
      }
  }

  @keyframes _ngcontent-ng-c4109236505_blinkBack {
      0% {
          background: var(--back-color)
      }

      50% {
          background: #f8e71c
      }

      to {
          background: var(--back-color)
      }
  }

  @keyframes _ngcontent-ng-c4109236505_blinkLay {
      0% {
          background: var(--lay-color)
      }

      50% {
          background: #26f1f8
      }

      to {
          background: var(--lay-color)
      }
  }

  .is-loading[_ngcontent-ng-c4109236505] .animated[_ngcontent-ng-c4109236505] {
      background: var(--grey-75);
      background: linear-gradient(to right, var(--grey-75) 0%, var(--grey-50) 20%, var(--grey-75) 40%, var(--grey-75) 100%);
      background-size: 800px 104px;
      animation: 1.5s forwards _ngcontent-ng-c4109236505_lazyLoad linear infinite;
      border-radius: 2px;
      margin: 3px 0
  }

  .skeleton-wrap.bethistory-loading[_ngcontent-ng-c4109236505] .sl-tabs[_ngcontent-ng-c4109236505] {
      height: 40px;
      margin-bottom: 10px;
      background: var(--grey-75);
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      align-items: center;
      column-gap: 10px;
      border-bottom: 1px solid rgba(255, 255, 255, .12)
  }

  .skeleton-wrap.bethistory-loading[_ngcontent-ng-c4109236505] .sl-tabs[_ngcontent-ng-c4109236505] .sl-tab-item[_ngcontent-ng-c4109236505] p[_ngcontent-ng-c4109236505] {
      height: 10px;
      margin: auto;
      border-radius: 2px;
      max-width: 50px
  }

  .skeleton-wrap.bethistory-loading[_ngcontent-ng-c4109236505] .sl-card[_ngcontent-ng-c4109236505] {
      background: var(--grey-75);
      margin: 10px 5px
  }

  .skeleton-wrap.bethistory-loading[_ngcontent-ng-c4109236505] .sl-card[_ngcontent-ng-c4109236505] .card-row[_ngcontent-ng-c4109236505] {
      grid-template-columns: 20px 2fr 1fr;
      column-gap: 5px;
      padding: 10px 5px !important;
      border-bottom: 1px solid rgba(255, 255, 255, .12)
  }

  .skeleton-wrap.bethistory-loading[_ngcontent-ng-c4109236505] .sl-card[_ngcontent-ng-c4109236505] .card-row[_ngcontent-ng-c4109236505] .avatar[_ngcontent-ng-c4109236505] {
      border-radius: 4px
  }

  .skeleton-wrap[_ngcontent-ng-c4109236505] .sl-row[_ngcontent-ng-c4109236505] {
      display: grid;
      grid-template-columns: auto auto;
      column-gap: 5px;
      align-items: center;
      padding: 0 10px
  }

  .skeleton-wrap[_ngcontent-ng-c4109236505] .top-bar[_ngcontent-ng-c4109236505] {
      min-height: 35px;
      background: var(--grey-75)
  }

  .skeleton-wrap[_ngcontent-ng-c4109236505] .top-bar[_ngcontent-ng-c4109236505] .sl-col[_ngcontent-ng-c4109236505] {
      display: flex;
      align-items: center;
      column-gap: 5px;
      justify-content: flex-start
  }

  .skeleton-wrap[_ngcontent-ng-c4109236505] .top-bar[_ngcontent-ng-c4109236505] .sl-col[_ngcontent-ng-c4109236505]:nth-child(2) {
      justify-content: flex-end
  }

  .skeleton-wrap[_ngcontent-ng-c4109236505] .tabs[_ngcontent-ng-c4109236505] {
      min-height: 40px;
      border-bottom: 1px solid var(--grey-text)
  }

  .skeleton-wrap[_ngcontent-ng-c4109236505] .sl-card[_ngcontent-ng-c4109236505] {
      background: var(--grey-75);
      margin: 10px 0
  }

  .skeleton-wrap[_ngcontent-ng-c4109236505] .sl-card[_ngcontent-ng-c4109236505] .card-row[_ngcontent-ng-c4109236505] {
      min-height: 35px;
      display: grid;
      grid-template-columns: 2fr 1fr;
      padding-left: 10px;
      align-items: center;
      background: var(--grey-50)
  }

  .skeleton-wrap[_ngcontent-ng-c4109236505] .sl-card[_ngcontent-ng-c4109236505] .card-row[_ngcontent-ng-c4109236505]:last-child {
      padding-bottom: 5px
  }

  .rules_innerHTML {
      padding: 10px
  }

  .rules_innerHTML p {
      font-size: 12px;
      margin: 0 0 10px;
      text-align: justify
  }

  .rules_innerHTML ul {
      padding-left: 15px;
      text-align: justify
  }

  .rules_innerHTML ul li {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      line-height: normal;
      margin-bottom: 5px;
      font-size: 12px
  }

  .rules_innerHTML ul li:last-child {
      margin-bottom: 0
  }

  .rules_innerHTML ul li:before {
      content: "\2022";
      font-weight: 700;
      display: inline-block;
      width: auto;
      margin-left: -1.5em;
      margin-right: .5rem
  }

  @keyframes _ngcontent-ng-c4109236505_lazyLoad {
      0% {
          background-position: -468px 0
      }

      to {
          background-position: 468px 0
      }
  }

  @media only screen and (max-width: 390px) {
      .game-tab[_ngcontent-ng-c4109236505] .live-score-section[_ngcontent-ng-c4109236505] .last-balls-record.multiple-overs[_ngcontent-ng-c4109236505] {
          justify-content: center
      }

      .game-tab[_ngcontent-ng-c4109236505] .live-score-section[_ngcontent-ng-c4109236505] .last-balls-record.multiple-overs[_ngcontent-ng-c4109236505] mat-label[_ngcontent-ng-c4109236505] {
          text-align: center
      }

      .game-tab[_ngcontent-ng-c4109236505] .live-score-section[_ngcontent-ng-c4109236505] .last-balls-record.multiple-overs[_ngcontent-ng-c4109236505] .previous-over[_ngcontent-ng-c4109236505] {
          display: none
      }
  }

  @media only screen and (max-width: 540px) {
      .live-match-screen[_ngcontent-ng-c4109236505] iframe[_ngcontent-ng-c4109236505] {
          aspect-ratio: 16/9;
          max-height: 280px;
          z-index: 0
      }
  }

  @media only screen and (max-height: 800px) {
      .live-match-screen[_ngcontent-ng-c4109236505] iframe[_ngcontent-ng-c4109236505] {
          max-width: 480px;
          margin: auto;
          display: block
      }
  }

  @media only screen and (max-width: 800px) {
      .internet-connection[_ngcontent-ng-c4109236505] {
          left: 50% !important
      }
  }

  .d-none[_ngcontent-ng-c4109236505] {
      display: none !important
  }


  .betslip-modal.forlay[_ngcontent-ng-c1935244434] {
      background: var(--lay-light)
  }

  .betslip-modal.forback[_ngcontent-ng-c1935244434] {
      background: var(--back-light)
  }

  .betslip-modal[_ngcontent-ng-c1935244434] .modal-header[_ngcontent-ng-c1935244434] {
      background: var(--header-dark-color);
      color: var(--white-color)
  }

  .betslip-modal[_ngcontent-ng-c1935244434] .modal-header[_ngcontent-ng-c1935244434] .action-btns[_ngcontent-ng-c1935244434] {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 5px;
      position: absolute;
      right: 10px
  }

  .betslip-modal[_ngcontent-ng-c1935244434] .modal-header[_ngcontent-ng-c1935244434] mat-icon[_ngcontent-ng-c1935244434] {
      font-size: .875rem;
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0;
      color: var(--white-color)
  }

  .betslip-modal[_ngcontent-ng-c1935244434] .modal-header[_ngcontent-ng-c1935244434] button[_ngcontent-ng-c1935244434] {
      min-width: auto;
      width: 25px;
      max-height: 25px;
      background: var(--black-color) !important;
      border-radius: 50%;
      padding: 0;
      position: relative;
      top: unset;
      right: unset
  }

  .betslip-modal[_ngcontent-ng-c1935244434] .modal-header[_ngcontent-ng-c1935244434] button[_ngcontent-ng-c1935244434]:focus-visible {
      border: 0 !important;
      outline: none
  }

  .betslip-modal[_ngcontent-ng-c1935244434] .modal-header[_ngcontent-ng-c1935244434] button[_ngcontent-ng-c1935244434] span[_ngcontent-ng-c1935244434] {
      color: var(--white-color);
      font-size: 16px;
      max-width: 24px
  }

  .betslip-modal[_ngcontent-ng-c1935244434] .modal-body[_ngcontent-ng-c1935244434] {
      padding: 0
  }

  .betslip-toprow[_ngcontent-ng-c1935244434] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 5px 0;
      margin-bottom: 5px
  }

  .betslip-toprow[_ngcontent-ng-c1935244434] h2[_ngcontent-ng-c1935244434] {
      margin: 0 5px 0 0;
      font-size: .75rem;
      color: var(--black-color);
      min-width: 60%;
      line-height: 1.2
  }

  .betslip-toprow[_ngcontent-ng-c1935244434] h2.fancy-run[_ngcontent-ng-c1935244434] {
      max-width: 40%;
      min-width: auto;
      margin: 0;
      font-family: 'Poppins'
  }

  .betslip-toprow[_ngcontent-ng-c1935244434] .inp-btn-wrap[_ngcontent-ng-c1935244434] {
      display: flex;
      align-items: center
  }

  .betslip-toprow[_ngcontent-ng-c1935244434] .inp-btn-wrap[_ngcontent-ng-c1935244434] button[_ngcontent-ng-c1935244434] {
      font-size: clamp(.75rem, 2vw, .875rem);
      text-align: center;
      min-width: 30px;
      padding: 10px 0;
      border-radius: 0;
      background: var(--header-dark-color);
      font-weight: 300;
      line-height: 1;
      min-height: 30px;
      color: var(--white-color)
  }

  .betslip-toprow[_ngcontent-ng-c1935244434] .inp-btn-wrap[_ngcontent-ng-c1935244434] input[_ngcontent-ng-c1935244434] {
      padding: 0 5px;
      border-radius: 8px;
      border: 1px solid var(--header-dark-color);
      background: var(--black-color);
      height: 100%;
      width: 100%;
      box-sizing: border-box;
      display: block;
      min-height: 32px;
      line-height: 1;
      color: var(--white-color)
  }

  .betslip-toprow[_ngcontent-ng-c1935244434] .inp-btn-wrap[_ngcontent-ng-c1935244434] input[_ngcontent-ng-c1935244434]:focus-visible {
      outline: none
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] {
      margin: 0;
      border-radius: 0;
      border-width: 0;
      border-color: transparent;
      border: 0;
      padding: 10px
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434]:last-child {
      grid-column-start: 1;
      grid-column-end: 3
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .amt-chip-grid[_ngcontent-ng-c1935244434] {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-bottom: 10px;
      column-gap: 10px;
      row-gap: 10px
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .amt-chip-grid[_ngcontent-ng-c1935244434] .chip-grid-item[_ngcontent-ng-c1935244434] {
      flex: 1 1 70px;
      text-align: center;
      min-width: auto;
      padding: 10px 0;
      border-radius: 8px;
      background: var(--header-dark-color);
      color: var(--white-color);
      font-weight: 500;
      line-height: 1;
      min-height: 40px;
      font-size: 12px
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .amt-chip-grid[_ngcontent-ng-c1935244434] .chip-grid-item[_ngcontent-ng-c1935244434]:last-child {
      margin-right: 0
  }

  .betvalue-wrap.forlay[_ngcontent-ng-c1935244434] {
      background: var(--lay-light)
  }

  .betvalue-wrap.forlay[_ngcontent-ng-c1935244434] .bet-action-item[_ngcontent-ng-c1935244434]:first-child {
      background: var(--lay-color)
  }

  .betvalue-wrap.forback[_ngcontent-ng-c1935244434] {
      background: var(--back-light)
  }

  .betvalue-wrap.forback[_ngcontent-ng-c1935244434] .bet-action-item[_ngcontent-ng-c1935244434]:first-child {
      background: var(--back-color)
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .bet-action-grid[_ngcontent-ng-c1935244434] {
      display: grid;
      grid-template-columns: 1fr 3fr 2fr;
      margin-bottom: 5px;
      column-gap: 10px;
      row-gap: 10px
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .bet-action-grid[_ngcontent-ng-c1935244434] .bet-action-item[_ngcontent-ng-c1935244434] {
      align-self: center;
      border-radius: 0;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 5px;
      color: var(--dark-text)
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .bet-action-grid[_ngcontent-ng-c1935244434] .bet-action-item[_ngcontent-ng-c1935244434]:first-child {
      border-radius: 0;
      font-size: 10px;
      text-align: center;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-around;
      background: transparent
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .bet-action-grid[_ngcontent-ng-c1935244434] .bet-action-item[_ngcontent-ng-c1935244434]:last-child {
      margin-right: 0
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .bet-action-grid[_ngcontent-ng-c1935244434] .bet-action-item[_ngcontent-ng-c1935244434] input[_ngcontent-ng-c1935244434] {
      padding: 0 5px;
      border-radius: 8px;
      border: 1px solid var(--header-dark-color);
      background: var(--black-color);
      height: 100%;
      width: 100%;
      box-sizing: border-box;
      color: var(--white-color);
      font-size: 14px
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .bet-action-grid[_ngcontent-ng-c1935244434] .bet-action-item[_ngcontent-ng-c1935244434] input.rate-inp[_ngcontent-ng-c1935244434] {
      border: 2px solid var(--secondary-color)
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .bet-action-grid[_ngcontent-ng-c1935244434] .bet-action-item[_ngcontent-ng-c1935244434] input[_ngcontent-ng-c1935244434]:focus-visible {
      outline: none
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .bet-action-grid[_ngcontent-ng-c1935244434] .bet-action-item[_ngcontent-ng-c1935244434] button[_ngcontent-ng-c1935244434] {
      border: none;
      padding: 10px 0;
      width: 100%;
      text-align: center;
      line-height: 1;
      font-size: 12px;
      border-radius: 8px
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .betvalue-checkbox[_ngcontent-ng-c1935244434] {
      margin: 5px 0;
      display: block;
      border-radius: 8px;
      padding: 3px 5px;
      font-weight: 300;
      background: var(--black-color);
      color: var(--white-color);
      font-size: 10px;
      height: 34px;
      display: flex;
      align-items: center
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .betvalue-checkbox[_ngcontent-ng-c1935244434] .mdc-checkbox {
      display: flex;
      align-items: center;
      justify-content: center
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .betvalue-checkbox[_ngcontent-ng-c1935244434] .mdc-checkbox .mdc-checkbox__background {
      width: 14px;
      height: 14px
  }

  .betvalue-wrap .betvalue-checkbox.mat-checkbox-disabled .mat-checkbox-inner-container {
      opacity: .6
  }

  .betvalue-wrap .betvalue-checkbox.mat-checkbox-disabled .mat-checkbox-label {
      opacity: .6
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .betvalue-checkbox[_ngcontent-ng-c1935244434] .mat-checkbox-frame {
      border-color: var(--secondary-color)
  }

  .betvalue-wrap .betvalue-checkbox.mat-checkbox-checked .mat-checkbox-background {
      background: var(--secondary-color)
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .range-text-row[_ngcontent-ng-c1935244434] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 10px
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .range-text-row[_ngcontent-ng-c1935244434] h2[_ngcontent-ng-c1935244434] {
      margin: 0;
      font-size: .75rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      color: var(--black-color)
  }

  .betvalue-wrap[_ngcontent-ng-c1935244434] .slip-btn[_ngcontent-ng-c1935244434] {
      background: var(--green-color);
      color: var(--white-color);
      text-transform: uppercase;
      line-height: 1;
      padding: 10px 0;
      font-size: 12px
  }

  .error-wrap[_ngcontent-ng-c1935244434] {
      display: grid;
      grid-template-columns: 1fr 3fr 2fr;
      column-gap: 10px;
      row-gap: 10px
  }

  .error-wrap[_ngcontent-ng-c1935244434] .error-msg[_ngcontent-ng-c1935244434] {
      margin-top: 0
  }

  .error-msg[_ngcontent-ng-c1935244434] {
      font-size: .625rem;
      color: var(--red-color)
  }

  .pred-pl-wrap[_ngcontent-ng-c1935244434] {
      margin-top: 10px;
      padding: 0 5px;
      min-height: 40px;
      max-height: 240px;
      overflow-y: auto
  }

  .pred-pl-wrap[_ngcontent-ng-c1935244434] .pred-pl-row[_ngcontent-ng-c1935244434] {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      column-gap: 10px;
      margin: 0;
      line-height: 2;
      color: var(--black-color)
  }

  .pred-pl-wrap[_ngcontent-ng-c1935244434] .pred-pl-row[_ngcontent-ng-c1935244434] strong[_ngcontent-ng-c1935244434] {
      font-size: 10px
  }

  .pred-pl-wrap[_ngcontent-ng-c1935244434] .pred-pl-row[_ngcontent-ng-c1935244434] span[_ngcontent-ng-c1935244434] {
      font-size: 10px;
      text-align: right
  }

  .mdc-touch-target-wrapper {
      display: inline
  }

  @keyframes mdc-checkbox-unchecked-checked-checkmark-path {

      0%,
      50% {
          stroke-dashoffset: 29.7833385
      }

      50% {
          animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
      }

      100% {
          stroke-dashoffset: 0
      }
  }

  @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {

      0%,
      68.2% {
          transform: scaleX(0)
      }

      68.2% {
          animation-timing-function: cubic-bezier(0, 0, 0, 1)
      }

      100% {
          transform: scaleX(1)
      }
  }

  @keyframes mdc-checkbox-checked-unchecked-checkmark-path {
      from {
          animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
          opacity: 1;
          stroke-dashoffset: 0
      }

      to {
          opacity: 0;
          stroke-dashoffset: -29.7833385
      }
  }

  @keyframes mdc-checkbox-checked-indeterminate-checkmark {
      from {
          animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transform: rotate(0deg);
          opacity: 1
      }

      to {
          transform: rotate(45deg);
          opacity: 0
      }
  }

  @keyframes mdc-checkbox-indeterminate-checked-checkmark {
      from {
          animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
          transform: rotate(45deg);
          opacity: 0
      }

      to {
          transform: rotate(360deg);
          opacity: 1
      }
  }

  @keyframes mdc-checkbox-checked-indeterminate-mixedmark {
      from {
          animation-timing-function: mdc-animation-deceleration-curve-timing-function;
          transform: rotate(-45deg);
          opacity: 0
      }

      to {
          transform: rotate(0deg);
          opacity: 1
      }
  }

  @keyframes mdc-checkbox-indeterminate-checked-mixedmark {
      from {
          animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
          transform: rotate(0deg);
          opacity: 1
      }

      to {
          transform: rotate(315deg);
          opacity: 0
      }
  }

  @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
      0% {
          animation-timing-function: linear;
          transform: scaleX(1);
          opacity: 1
      }

      32.8%,
      100% {
          transform: scaleX(0);
          opacity: 0
      }
  }

  .mdc-checkbox {
      display: inline-block;
      position: relative;
      flex: 0 0 18px;
      box-sizing: content-box;
      width: 18px;
      height: 18px;
      line-height: 0;
      white-space: nowrap;
      cursor: pointer;
      vertical-align: bottom
  }

  .mdc-checkbox[hidden] {
      display: none
  }

  .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,
  .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring {
      pointer-events: none;
      border: 2px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
      box-sizing: content-box;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 100%;
      width: 100%
  }

  @media screen and (forced-colors: active) {

      .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,
      .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring {
          border-color: CanvasText
      }
  }

  .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,
  .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after {
      content: "";
      border: 2px solid rgba(0, 0, 0, 0);
      border-radius: 8px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: calc(100% + 4px);
      width: calc(100% + 4px)
  }

  @media screen and (forced-colors: active) {

      .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,
      .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after {
          border-color: CanvasText
      }
  }

  @media all and (-ms-high-contrast: none) {
      .mdc-checkbox .mdc-checkbox__focus-ring {
          display: none
      }
  }

  @media screen and (forced-colors: active),
  (-ms-high-contrast: active) {
      .mdc-checkbox__mixedmark {
          margin: 0 1px
      }
  }

  .mdc-checkbox--disabled {
      cursor: default;
      pointer-events: none
  }

  .mdc-checkbox__background {
      display: inline-flex;
      position: absolute;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      width: 18px;
      height: 18px;
      border: 2px solid currentColor;
      border-radius: 2px;
      background-color: rgba(0, 0, 0, 0);
      pointer-events: none;
      will-change: background-color, border-color;
      transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
  }

  .mdc-checkbox__checkmark {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      opacity: 0;
      transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
  }

  .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
      opacity: 1
  }

  .mdc-checkbox__checkmark-path {
      transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
      stroke: currentColor;
      stroke-width: 3.12px;
      stroke-dashoffset: 29.7833385;
      stroke-dasharray: 29.7833385
  }

  .mdc-checkbox__mixedmark {
      width: 100%;
      height: 0;
      transform: scaleX(0) rotate(0deg);
      border-width: 1px;
      border-style: solid;
      opacity: 0;
      transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
  }

  .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,
  .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,
  .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,
  .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
      animation-duration: 180ms;
      animation-timing-function: linear
  }

  .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
      animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
      transition: none
  }

  .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
      animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
      transition: none
  }

  .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
      animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
      transition: none
  }

  .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
      animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
      transition: none
  }

  .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
      animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
      transition: none
  }

  .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
      animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
      transition: none
  }

  .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
      animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
      transition: none
  }

  .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
      animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
      transition: none
  }

  .mdc-checkbox__native-control:checked~.mdc-checkbox__background,
  .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,
  .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background {
      transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)
  }

  .mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,
  .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,
  .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path {
      stroke-dashoffset: 0
  }

  .mdc-checkbox__native-control {
      position: absolute;
      margin: 0;
      padding: 0;
      opacity: 0;
      cursor: inherit
  }

  .mdc-checkbox__native-control:disabled {
      cursor: default;
      pointer-events: none
  }

  .mdc-checkbox--touch {
      margin: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2)
  }

  .mdc-checkbox--touch .mdc-checkbox__native-control {
      top: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2);
      right: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2);
      left: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2);
      width: var(--mdc-checkbox-state-layer-size);
      height: var(--mdc-checkbox-state-layer-size)
  }

  .mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark {
      transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
      opacity: 1
  }

  .mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark {
      transform: scaleX(1) rotate(-45deg)
  }

  .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,
  .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark {
      transform: rotate(45deg);
      opacity: 0;
      transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
  }

  .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,
  .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark {
      transform: scaleX(1) rotate(0deg);
      opacity: 1
  }

  .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,
  .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
  .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
  .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
      transition: none
  }

  .mdc-form-field {
      display: inline-flex;
      align-items: center;
      vertical-align: middle
  }

  .mdc-form-field[hidden] {
      display: none
  }

  .mdc-form-field>label {
      margin-left: 0;
      margin-right: auto;
      padding-left: 4px;
      padding-right: 0;
      order: 0
  }

  [dir=rtl] .mdc-form-field>label,
  .mdc-form-field>label[dir=rtl] {
      margin-left: auto;
      margin-right: 0
  }

  [dir=rtl] .mdc-form-field>label,
  .mdc-form-field>label[dir=rtl] {
      padding-left: 0;
      padding-right: 4px
  }

  .mdc-form-field--nowrap>label {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap
  }

  .mdc-form-field--align-end>label {
      margin-left: auto;
      margin-right: 0;
      padding-left: 0;
      padding-right: 4px;
      order: -1
  }

  [dir=rtl] .mdc-form-field--align-end>label,
  .mdc-form-field--align-end>label[dir=rtl] {
      margin-left: 0;
      margin-right: auto
  }

  [dir=rtl] .mdc-form-field--align-end>label,
  .mdc-form-field--align-end>label[dir=rtl] {
      padding-left: 4px;
      padding-right: 0
  }

  .mdc-form-field--space-between {
      justify-content: space-between
  }

  .mdc-form-field--space-between>label {
      margin: 0
  }

  [dir=rtl] .mdc-form-field--space-between>label,
  .mdc-form-field--space-between>label[dir=rtl] {
      margin: 0
  }

  .mdc-checkbox {
      padding: calc((var(--mdc-checkbox-state-layer-size) - 18px) / 2);
      margin: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2)
  }

  .mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-disabled-unselected-icon-color);
      background-color: transparent
  }

  .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,
  .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,
  .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background {
      border-color: transparent;
      background-color: var(--mdc-checkbox-disabled-selected-icon-color)
  }

  .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
      color: var(--mdc-checkbox-selected-checkmark-color)
  }

  .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
      border-color: var(--mdc-checkbox-selected-checkmark-color)
  }

  .mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
      color: var(--mdc-checkbox-disabled-selected-checkmark-color)
  }

  .mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
      border-color: var(--mdc-checkbox-disabled-selected-checkmark-color)
  }

  .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-unselected-icon-color);
      background-color: transparent
  }

  .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
  .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
  .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-selected-icon-color);
      background-color: var(--mdc-checkbox-selected-icon-color)
  }

  @keyframes mdc-checkbox-fade-in-background-8A000000FFF4433600000000FFF44336 {
      0% {
          border-color: var(--mdc-checkbox-unselected-icon-color);
          background-color: transparent
      }

      50% {
          border-color: var(--mdc-checkbox-selected-icon-color);
          background-color: var(--mdc-checkbox-selected-icon-color)
      }
  }

  @keyframes mdc-checkbox-fade-out-background-8A000000FFF4433600000000FFF44336 {

      0%,
      80% {
          border-color: var(--mdc-checkbox-selected-icon-color);
          background-color: var(--mdc-checkbox-selected-icon-color)
      }

      100% {
          border-color: var(--mdc-checkbox-unselected-icon-color);
          background-color: transparent
      }
  }

  .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
  .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
      animation-name: mdc-checkbox-fade-in-background-8A000000FFF4433600000000FFF44336
  }

  .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
  .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
      animation-name: mdc-checkbox-fade-out-background-8A000000FFF4433600000000FFF44336
  }

  .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-unselected-hover-icon-color);
      background-color: transparent
  }

  .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
  .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
  .mdc-checkbox:hover .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-selected-hover-icon-color);
      background-color: var(--mdc-checkbox-selected-hover-icon-color)
  }

  @keyframes mdc-checkbox-fade-in-background-FF212121FFF4433600000000FFF44336 {
      0% {
          border-color: var(--mdc-checkbox-unselected-hover-icon-color);
          background-color: transparent
      }

      50% {
          border-color: var(--mdc-checkbox-selected-hover-icon-color);
          background-color: var(--mdc-checkbox-selected-hover-icon-color)
      }
  }

  @keyframes mdc-checkbox-fade-out-background-FF212121FFF4433600000000FFF44336 {

      0%,
      80% {
          border-color: var(--mdc-checkbox-selected-hover-icon-color);
          background-color: var(--mdc-checkbox-selected-hover-icon-color)
      }

      100% {
          border-color: var(--mdc-checkbox-unselected-hover-icon-color);
          background-color: transparent
      }
  }

  .mdc-checkbox:hover.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
  .mdc-checkbox:hover.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
      animation-name: mdc-checkbox-fade-in-background-FF212121FFF4433600000000FFF44336
  }

  .mdc-checkbox:hover.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
  .mdc-checkbox:hover.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
      animation-name: mdc-checkbox-fade-out-background-FF212121FFF4433600000000FFF44336
  }

  .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-unselected-pressed-icon-color);
      background-color: transparent
  }

  .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
  .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
  .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-selected-pressed-icon-color);
      background-color: var(--mdc-checkbox-selected-pressed-icon-color)
  }

  @keyframes mdc-checkbox-fade-in-background-8A000000FFF4433600000000FFF44336 {
      0% {
          border-color: var(--mdc-checkbox-unselected-pressed-icon-color);
          background-color: transparent
      }

      50% {
          border-color: var(--mdc-checkbox-selected-pressed-icon-color);
          background-color: var(--mdc-checkbox-selected-pressed-icon-color)
      }
  }

  @keyframes mdc-checkbox-fade-out-background-8A000000FFF4433600000000FFF44336 {

      0%,
      80% {
          border-color: var(--mdc-checkbox-selected-pressed-icon-color);
          background-color: var(--mdc-checkbox-selected-pressed-icon-color)
      }

      100% {
          border-color: var(--mdc-checkbox-unselected-pressed-icon-color);
          background-color: transparent
      }
  }

  .mdc-checkbox:not(:disabled):active.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
  .mdc-checkbox:not(:disabled):active.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
      animation-name: mdc-checkbox-fade-in-background-8A000000FFF4433600000000FFF44336
  }

  .mdc-checkbox:not(:disabled):active.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
  .mdc-checkbox:not(:disabled):active.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
      animation-name: mdc-checkbox-fade-out-background-8A000000FFF4433600000000FFF44336
  }

  .mdc-checkbox .mdc-checkbox__background {
      top: calc((var(--mdc-checkbox-state-layer-size) - 18px) / 2);
      left: calc((var(--mdc-checkbox-state-layer-size) - 18px) / 2)
  }

  .mdc-checkbox .mdc-checkbox__native-control {
      top: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2);
      right: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2);
      left: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2);
      width: var(--mdc-checkbox-state-layer-size);
      height: var(--mdc-checkbox-state-layer-size)
  }

  .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-unselected-focus-icon-color)
  }

  .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked~.mdc-checkbox__background,
  .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-selected-focus-icon-color);
      background-color: var(--mdc-checkbox-selected-focus-icon-color)
  }

  .mdc-checkbox:hover .mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-unselected-hover-state-layer-opacity);
      background-color: var(--mdc-checkbox-unselected-hover-state-layer-color)
  }

  .mdc-checkbox:hover .mat-mdc-checkbox-ripple .mat-ripple-element {
      background-color: var(--mdc-checkbox-unselected-hover-state-layer-color)
  }

  .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-unselected-focus-state-layer-opacity);
      background-color: var(--mdc-checkbox-unselected-focus-state-layer-color)
  }

  .mdc-checkbox .mdc-checkbox__native-control:focus~.mat-mdc-checkbox-ripple .mat-ripple-element {
      background-color: var(--mdc-checkbox-unselected-focus-state-layer-color)
  }

  .mdc-checkbox:active .mdc-checkbox__native-control~.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-unselected-pressed-state-layer-opacity);
      background-color: var(--mdc-checkbox-unselected-pressed-state-layer-color)
  }

  .mdc-checkbox:active .mdc-checkbox__native-control~.mat-mdc-checkbox-ripple .mat-ripple-element {
      background-color: var(--mdc-checkbox-unselected-pressed-state-layer-color)
  }

  .mdc-checkbox:hover .mdc-checkbox__native-control:checked~.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-selected-hover-state-layer-opacity);
      background-color: var(--mdc-checkbox-selected-hover-state-layer-color)
  }

  .mdc-checkbox:hover .mdc-checkbox__native-control:checked~.mat-mdc-checkbox-ripple .mat-ripple-element {
      background-color: var(--mdc-checkbox-selected-hover-state-layer-color)
  }

  .mdc-checkbox .mdc-checkbox__native-control:focus:checked~.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-selected-focus-state-layer-opacity);
      background-color: var(--mdc-checkbox-selected-focus-state-layer-color)
  }

  .mdc-checkbox .mdc-checkbox__native-control:focus:checked~.mat-mdc-checkbox-ripple .mat-ripple-element {
      background-color: var(--mdc-checkbox-selected-focus-state-layer-color)
  }

  .mdc-checkbox:active .mdc-checkbox__native-control:checked~.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-selected-pressed-state-layer-opacity);
      background-color: var(--mdc-checkbox-selected-pressed-state-layer-color)
  }

  .mdc-checkbox:active .mdc-checkbox__native-control:checked~.mat-mdc-checkbox-ripple .mat-ripple-element {
      background-color: var(--mdc-checkbox-selected-pressed-state-layer-color)
  }

  html {
      --mdc-checkbox-disabled-selected-checkmark-color: #fff;
      --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
      --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
      --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
      --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
      --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
      --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16
  }

  .mat-mdc-checkbox {
      display: inline-block;
      position: relative;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  }

  .mat-mdc-checkbox .mdc-checkbox__background {
      -webkit-print-color-adjust: exact;
      color-adjust: exact
  }

  .mat-mdc-checkbox._mat-animation-noopable *,
  .mat-mdc-checkbox._mat-animation-noopable *::before {
      transition: none !important;
      animation: none !important
  }

  .mat-mdc-checkbox label {
      cursor: pointer
  }

  .mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
      cursor: default
  }

  .mat-mdc-checkbox label:empty {
      display: none
  }

  .cdk-high-contrast-active .mat-mdc-checkbox.mat-mdc-checkbox-disabled {
      opacity: .5
  }

  .cdk-high-contrast-active .mat-mdc-checkbox .mdc-checkbox__checkmark {
      --mdc-checkbox-selected-checkmark-color: CanvasText;
      --mdc-checkbox-disabled-selected-checkmark-color: CanvasText
  }

  .mat-mdc-checkbox .mdc-checkbox__ripple {
      opacity: 0
  }

  .mat-mdc-checkbox-ripple,
  .mdc-checkbox__ripple {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      border-radius: 50%;
      pointer-events: none
  }

  .mat-mdc-checkbox-ripple:not(:empty),
  .mdc-checkbox__ripple:not(:empty) {
      transform: translateZ(0)
  }

  .mat-mdc-checkbox-ripple .mat-ripple-element {
      opacity: .1
  }

  .mat-mdc-checkbox-touch-target {
      position: absolute;
      top: 50%;
      height: 48px;
      left: 50%;
      width: 48px;
      transform: translate(-50%, -50%)
  }

  .mat-mdc-checkbox-ripple::before {
      border-radius: 50%
  }

  .mdc-checkbox__native-control:focus~.mat-mdc-focus-indicator::before {
      content: ""
  }