body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}
#root {
  display: flex !important;
}
a,
body,
div,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
iframe,
img,
ins,
label,
li,
nav,
object,
ol,
p,
pre,
span,
ul,
video {
  font-family: "Roboto";
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: #fff0;
}
.pe-none {
  pointer-events: none;
}
.btn-danger {
  color: #fff;
  background-color: #255290 !important;
  border-color: #265493 !important;
}
.center-xy {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.mytext {
  color: #2c2c2c;
  font-size: 0.95em;
  font-weight: 400;
  line-height: 21px;
  width: 100%;
}
.text-bold {
  color: #2c2c2c;
  font-size: 1em;
  font-weight: 800;
}
.divider-x {
  background: #f1f1f1;
  width: 100%;
  height: 10px;
}
.divider-y {
  background-color: #e0e0e0;
  width: 10px;
  z-index: 5;
}
.divider-y,
.rightContainer {
  bottom: 0;
  left: 480px;
  position: fixed;
  top: 0;
}
.rightContainer {
  background: url(https://khelbro.com/images/global-bg-rays.svg);
  background-color: #fff;
  background-size: cover;
  overflow: hidden;
  right: 0;
  z-index: 4;
}
.rcBanner {
  height: 100%;
  left: 0;
  min-width: 680px;
  position: absolute;
  width: 100%;
}
.flex-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rcBanner-img-container {
  bottom: 45%;
  position: absolute;
  width: 300px;
}
.rcBanner-img-container > img {
  height: auto;
  width: 300px;
}
.rcBanner-logo-container {
  bottom: 35%;
  position: absolute;
}
.rcBanner-logo-container > img {
  position: relative;
  height: auto;
  width: 330px;
}
.rcBanner-text {
  bottom: 35%;
  font-family: "Roboto Condensed";
  font-size: 2em;
  font-weight: 400;
  position: absolute;
  text-transform: uppercase;
}
.rcBanner-text-bold {
  font-weight: 900;
}
.rcBanner-footer {
  bottom: 40px;
  color: #2c2c2c;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  text-align: center;
}
.rcBanner-footer > img {
  height: 25px;
  width: 25px;
  margin-top: 4px;
}
.popupAlert {
  top: 0;
  margin: 35px;
  position: fixed !important;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 1000;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  to {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
.leftContainer {
  min-height: 100%;
  position: relative;
}
.headerContainer,
.leftContainer {
  background-color: #fff;
  max-width: 480px;
  width: 100%;
}
.headerContainer {
  position: fixed;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 0.06);
  height: 60px;
  padding: 0 10px;
  top: 0;
  z-index: 2;
  align-items: center;
  display: flex;
}
.sideNavIcon {
  overflow: hidden;
  position: relative;
}
.sideNavIcon > img {
  height: 14px;
  width: 16.5px;
}
.navHeader {
  color: #676767;
  font-size: 0.85em;
  font-weight: 700;
  overflow: hidden;
  padding-bottom: 8px;
  padding-top: 12px;
  text-overflow: ellipsis;
}
.navLogo {
  overflow: hidden;
  position: relative;
}
.navLogo > img {
  height: 36px;
  width: 36px;
}
.menu-items {
  position: absolute;
  right: 10px;
  top: 8px;
}
.menu-items,
.menu-items > .box {
  align-items: center;
  display: flex;
}
.menu-items > .box {
  background-color: #f8f8f8;
  border: 1px solid #ededed;
  border-radius: 3px;
  height: 30px;
  position: relative;
  text-decoration: none;
  width: 90px;
}
.moneyIcon-container {
  overflow: hidden;
  position: relative;
}
.moneyIcon-container > img {
  width: 20px;
  margin-left: 4px;
}
.moneyBox-header {
  color: #959595;
  font-size: 0.6em;
  font-weight: 500;
  text-transform: uppercase;
}
.moneyBox-text {
  color: #2c2c2c;
  font-size: 0.8em;
  font-weight: 900;
  position: relative;
  bottom: 4px;
}
.moneyBox-add {
  background-color: #ededed;
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 17px;
}
.moneyBox-add > img {
  height: 9px;
  width: 9px;
  margin-left: 5px;
  margin-top: 6px;
}
.sideNav {
  background-color: #fff;
  height: 100%;
  max-width: 300px;
  overflow-y: scroll;
  position: fixed;
  width: 70%;
  will-change: transform;
  transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1) 0s,
    -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1) 0s;
  -webkit-transform: translate3d(-340px, 0, 0);
  transform: translate3d(-340px, 0, 0);
  z-index: 10;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.sideNav::-webkit-scrollbar {
  display: none;
}
.sideNav-overlay {
  background: rgb(0 0 0 / 0.87);
  height: 100%;
  left: 0;
  opacity: 1;
  pointer-events: auto;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.25s cubic-bezier(0, 0, 0.3, 1);
  width: 100%;
  z-index: 9;
}
.sideNav-open {
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
}
.sideNav-options {
  padding: 11px;
  height: 50px;
  position: relative;
  width: 100%;
  align-items: center;
  display: flex;
}
.sideNav-icon {
  overflow: hidden;
  position: relative;
}
.sideNav-icon > img {
  height: 21px;
  width: 21px;
}
.sideNav-text {
  color: #2c2c2c;
  font-size: 0.85em;
  font-weight: 500;
}
.sideNav-arrow {
  position: absolute;
  right: 25px;
}
.sideNav-arrow > img {
  height: 11px;
  width: 6px;
  max-width: 100%;
}
.sideNav-divider {
  background-color: #ededed;
  bottom: 0;
  height: 1px;
  left: 72px;
  position: absolute;
  right: 0;
}
.main-area {
  background-color: #fff0;
  overflow: hidden;
  width: 100%;
}
.collapseCard-container {
  padding: 30px 20px 20px;
  background-color: #fafafa;
}
.collapseCard,
.collapseCard-body {
  position: relative;
  width: 100%;
}
.collapseCard-body {
  padding-left: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  align-items: center;
  display: flex;
}
.collapseCard-text {
  color: #676767;
  font-size: 0.8em;
  font-weight: 500;
  opacity: 0.9;
}
.collapseCard-closeIcon {
  height: 14px;
  width: 14px;
  background-color: #c7c7c7;
  border-radius: 50%;
  color: #f8f8f8;
  font-size: 1.6em;
  font-weight: 500;
  right: 15px;
}
.collapseCard-closeIcon,
.collapseCard-header {
  position: absolute;
  display: flex;
  justify-content: center;
}
.collapseCard-header {
  background-color: #fafafa;
  padding-left: 3px;
  padding-right: 3px;
  top: -13px;
  align-items: center;
}
.collapseCard-title {
  color: #676767;
  font-size: 0.7em;
  font-weight: 700;
  text-transform: uppercase;
}
.games-section {
  background: #fff;
  border-radius: 0;
  position: relative;
  width: 100%;
}
.games-section-title {
  color: #2c2c2c;
  font-size: 1em;
  font-weight: 700;
}
.games-section-headline {
  color: #959595;
  font-size: 0.75em;
  font-weight: 400;
  line-height: 18px;
}
.games-section-headline > img {
  width: 20px;
  margin-right: 3px;
}
.games-section-headline > span {
  font-weight: 700;
}
.games-window {
  display: inline-block;
  flex-wrap: wrap;
  justify-content: space-between;
}
.live-scs {
  position: absolute;
  z-index: 2;
  background: #fff;
  border-radius: 13px;
  padding: 4px;
  padding-left: 15px;
  padding-right: 16px;
  margin-top: 7px;
  margin-left: 13px;
}
.gameCard-container {
  margin-top: 20px;
  justify-content: center;
  display: inline-block;
  width: 100%;
}
.gameCard {
  background-color: #fff;
  border-radius: 15px;
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.gameCard-image {
  border-radius: 5px 5px 0 0;
  height: 68.33%;
  width: 100%;
}
.gameCard-title {
  border-radius: 0 0 5px 5px;
  border: 1px solid #e0e0e0;
  border-top: none;
  color: #2c2c2c;
  font-weight: 700;
  padding: 15px 20px 10px;
}
.gameCard-icon,
.gameCard-title {
  display: flex;
  justify-content: center;
}
.gameCard-icon {
  bottom: 35px;
  position: absolute;
  width: 100%;
  align-items: center;
}
.gameCard-icon > img {
  height: 21px;
  width: 21px;
}
.footer {
  background: #fafafa;
  border-radius: 0;
  position: relative;
  width: 100%;
}
.footer-text-bold {
  color: #959595;
  font-size: 0.85em;
  font-weight: 700;
}
.footer-text {
  color: #959595;
  font-size: 0.7em;
  font-weight: 400;
}
.footer-arrow {
  position: absolute;
  right: 15px;
}
.footer-divider {
  background-color: #ededed;
  height: 1px;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.footer-links > a {
  color: #959595;
  display: flex;
  font-size: 0.9em;
  font-weight: 400;
  margin-bottom: 10px;
}
.profile-wallet {
  height: 70px;
  mix-blend-mode: normal;
  opacity: 1;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}
.thin-divider-x {
  background-color: #e0e0e0;
  bottom: 0;
  height: 1px;
  left: 57px;
  right: 0;
}
.wallet-card {
  background-size: cover;
  border-radius: 10px;
  margin-bottom: 20px;
  max-width: 480px;
  height: 209px;
  padding: 20px;
  position: relative;
}
.walletCard-btn {
  position: absolute;
  right: 20px;
  top: 30px;
  height: 30px;
  width: 120px;
  border-radius: 3px;
  font-size: 0.8em;
  font-weight: 700;
  padding: 6px 10px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #fff0;
}
.list-item {
  border-bottom: 1px solid #ededed;
}
.list-body {
  width: 56%;
  font-size: 0.9em;
}
.list-date {
  color: #959595;
  font-weight: 500;
  width: 65px;
}
.list-divider-y {
  background-color: #ededed;
  height: 30px;
  width: 1px;
}
.right-0 {
  position: absolute;
  right: 0;
}
.font-white {
  color: #fff !important;
}
.font-15 {
  color: #2c2c2c;
  font-size: 1.5em;
  font-weight: 700;
}
.font-11 {
  color: #2c2c2c;
  font-size: 1.1em;
  font-weight: 900;
}
.font-9 {
  font-size: 0.9em;
}
.font-8,
.font-9 {
  color: #2c2c2c;
  font-weight: 500;
}
.font-8 {
  font-size: 0.8em;
}
.font-7 {
  color: #676767;
  font-size: 0.7em;
  font-weight: 400;
  line-height: 18px;
}
.c-green {
  color: #0db25b;
}
.refer-footer {
  align-items: center;
  margin-left: 13%;
  display: flex;
  height: 73px;
  left: 0;
  max-width: 480px;
  padding: 0 30px;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.bg-green {
  background-color: #0db25b;
}
.refer-button {
  border: none;
  border-radius: 5px;
  font-size: 1em;
  font-weight: 700;
  height: 48px;
  padding: 0 22px;
  color: #fff;
  text-transform: uppercase;
}
.refer-button-copy {
  background: #fafafa;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  height: 48px;
  width: 48px;
}
.cxy,
.refer-button-copy {
  align-items: center;
  display: flex;
  justify-content: center;
}
.fw-900 {
  font-weight: 900;
}
.fw-800 {
  font-weight: 800;
}
.login-btn {
  border: 1px solid #3e51b5;
  color: #3e51b5;
  border-radius: 3px;
  font-size: 1em;
  font-weight: 700;
  height: 30px;
  padding: 2px 21px;
  margin-right: 10px;
  background-color: #fff;
}
.hidden {
  display: none !important;
}
@-webkit-keyframes splashAnim {
  to {
    -webkit-transform: translateY(-446.46875px);
    transform: translateY(-446.46875px);
  }
}
@keyframes splashAnim {
  to {
    -webkit-transform: translateY(-446.46875px);
    transform: translateY(-446.46875px);
  }
}
.splash-screen {
  -webkit-animation: splashAnim 22s linear infinite;
  animation: splashAnim 22s linear infinite;
  height: 100%;
}
.splash-overlay {
  background: linear-gradient(180deg, transparent -315px, #000 283.5px);
  height: 100vh;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.login-footer {
  padding: 0 10px;
  bottom: 5%;
  color: #676767;
  font-size: 0.75em;
  font-weight: 400;
  line-height: 15px;
  position: fixed;
  text-align: center;
  max-width: 480px;
  width: 100%;
  z-index: 3;
}
.login-footer > a {
  color: #3e51b5;
}
.login-area {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.betCard {
  background-color: #fcf7ff;
  border: 1px solid #f5e3ff;
  border-radius: 5px;
  position: relative;
}
@-webkit-keyframes leftToRight {
  0% {
    left: -500px;
  }
  to {
    left: 0;
  }
}
.betCard-title {
  border-bottom: 1px solid #f5e3ff;
  color: #2c2c2c;
  font-size: 0.65em;
  font-weight: 700;
  height: 30px;
  width: 100%;
}
.betCard-border-top {
  border-bottom: unset;
  border-top: 1px solid #f5e3ff;
}
.betCard-subTitle {
  color: #dfa8ff;
  font-size: 0.55em;
  font-weight: 500;
  min-width: 50px;
  text-transform: uppercase;
}
.betCard-amount {
  padding-left: 2px;
  font-size: 0.9em;
  font-weight: 900;
  text-transform: uppercase;
}
.betCard-playerName {
  padding-left: 10px;
  font-size: 0.6em;
  font-weight: 500;
  line-height: 1px;
}
.playButton {
  border: none;
  border-radius: 5px;
  font-size: 0.7em;
  height: 30px;
  padding: 0 22px;
  color: #fff;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.battle-input-header,
.playButton {
  font-weight: 700;
  text-transform: uppercase;
}
.battle-input-header {
  color: #959595;
  font-size: 0.75em;
  margin-bottom: -5px;
  margin-top: 5px;
}
.battleCard-bg {
  background-color: #f8f7f7;
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
}
.battleCard {
  margin: 20px 10px;
  background-color: #fff;
  border-radius: 10px;
}
.battleCard .players {
  color: #959595;
  font-size: 0.75em;
  font-weight: 700;
}
.battleCard .amount {
  font-size: 0.75em;
  font-weight: 500;
}
.battleCard .roomCode {
  background-color: #e8eeee;
  margin: 30px 20px;
  border-radius: 10px;
  padding: 30px 20px;
  font-size: 1em;
  font-weight: 500;
}
.battleCard .roomCode span {
  font-size: 1.5em;
  font-weight: 700;
  color: #4b85f3;
}
.battleCard .app-discription {
  font-size: 0.8em;
  font-weight: 600;
}
.battleCard .rules {
  border: 1px solid #ccc;
  border-radius: 10px;
  margin: 30px 20px;
  padding: 30px 20px;
  font-size: 1em;
  font-weight: 500;
}
.battleCard .rules ol {
  font-size: 0.7em;
}
.battleCard .match-status-border {
  background-color: #eee;
  padding: 10px 20px;
  font-size: 0.9em;
  font-weight: 600;
  margin: 0;
}
.battleCard .match-status-border button {
  font-size: 0.9em;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 30px;
}
.battleCard .result-area {
  padding: 30px 20px;
}
.battleCard .result-area p {
  color: #949494;
  font-size: 0.8em;
  font-weight: 500;
}
.battleCard .result-area label {
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
}
.battleCard .result-area .radios {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.battleCard .result-area button {
  font-size: 0.9em;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 30px;
}
.kycPage {
  margin: 30px 20px;
  font-size: 0.8em;
}
.kyc-input {
  background: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  color: #2c2c2c;
  font-size: 1em;
  font-weight: 500;
  height: 48px;
  position: relative;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding-left: 15px;
}
.kyc-input-text {
  overflow: hidden;
  padding: 5px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 85%;
}
.kyc-input .arrow {
  height: 100%;
  position: absolute;
  right: 15px;
  top: 0;
  width: 15px;
}
.kyc-select {
  bottom: 0;
  left: 0;
  max-width: 480px;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 4;
}
.kyc-select .overlay {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #2c2c2c;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.2s;
}
.kyc-select .box {
  display: none;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -3px 8px 0 rgb(0 0 0 / 0.12);
  max-height: 88%;
  overflow-y: scroll;
  pointer-events: auto;
  width: 100%;
  will-change: transform;
  transition: -webkit-transform 0.2s cubic-bezier(0, 0, 0.3, 1) 0s;
  transition: transform 0.2s cubic-bezier(0, 0, 0.3, 1) 0s;
  transition: transform 0.2s cubic-bezier(0, 0, 0.3, 1) 0s,
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.3, 1) 0s;
  -webkit-transform: translate3d(0, 360px, 0);
  transform: translate3d(0, 360px, 0);
}
::-webkit-scrollbar {
  display: none;
}
.kyc-select-enter {
  display: block !important;
  -webkit-transform: translate3d(0, 360px, 0) !important;
  transform: translate3d(0, 360px, 0) !important;
}
.kyc-select-enter-done {
  display: block !important;
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
}
.kyc-select-exit {
  display: block !important;
}
.kyc-select-exit,
.kyc-select-exit-done {
  -webkit-transform: translate3d(0, 360px, 0) !important;
  transform: translate3d(0, 360px, 0) !important;
}
.kyc-select-exit-done {
  display: none;
}
.kyc-select .header {
  border-bottom: 1px solid #e0e0e0;
  z-index: 3;
  border-radius: 10px 10px 0 0;
  position: fixed;
  max-width: 480px;
  width: 100%;
  padding: 30px 20px;
}
.kyc-select .header-text {
  color: #2c2c2c;
  font-size: 1.2em;
  font-weight: 600;
}
.kyc-select .option-selected {
  color: #3e51b5 !important;
  font-size: 1.2em !important;
  font-weight: 700 !important;
}
.kyc-select .option {
  border-bottom: 1px solid #e0e0e0;
  color: #959595;
  font-size: 1em;
  font-weight: 500;
  height: 57px;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
  padding-left: 20px;
}
.kyc-select .option-text {
  line-height: 16px;
  width: 85%;
}
.kyc-select .option-tick {
  position: absolute;
  right: 20px;
}
.kyc-doc-input {
  border-bottom: 1px solid #ffcc5b;
  position: relative;
  width: 100%;
}
.input-invalid {
  border-bottom: 1px solid #e63737;
}
.kyc-doc-input input {
  -webkit-appearance: none;
  background: #fff0;
  border: none;
  border-radius: 0;
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: -2px;
  padding-left: 0;
  text-transform: uppercase;
  width: 100%;
}
.kyc-doc-input input:focus {
  outline: none;
}
.kyc-doc-input .label {
  color: #959595;
  left: 0;
  top: -15px;
  transition: all 0.3s;
}
.kyc-doc-input .invalid,
.kyc-doc-input .label {
  font-size: 0.8em;
  font-weight: 500;
  position: absolute;
}
.kyc-doc-input .invalid {
  color: #e63737;
  line-height: 14px;
  margin-top: 10px;
}
.doc-upload {
  align-items: center;
  background-color: #fafafa;
  border-radius: 5px;
  border: 1px dashed #e0e0e0;
  display: flex;
  height: 70px;
  justify-content: center;
  position: relative;
  width: 100%;
}
.doc-uploaded {
  border: 1px dashed #ffcc5b;
}
.doc-upload input {
  height: 100%;
  opacity: 0;
  width: 100%;
  z-index: 2;
}
.doc-upload .uploaded {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  padding: 16px 20px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.doc-upload .uploaded .name {
  color: #2c2c2c;
  font-size: 1.1em;
  font-weight: 500;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%;
}
.doc-upload .uploaded .size {
  color: #959595;
  font-size: 0.8em;
  font-weight: 400;
  margin-top: 5px;
}
.doc-upload .uploaded .image-block {
  color: #676767;
  font-weight: 900;
  position: absolute;
  right: 20px;
  z-index: 4;
}
.w-20 {
  width: 20%;
}
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-60 {
  width: 60%;
}
.w-80 {
  width: 80%;
}
.add-fund-box {
  background: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 30px 0 15px 15px;
  position: relative;
  width: 100%;
}
.withdraw-card-discription {
  color: #b36916;
  font-size: 1em;
  font-weight: 400;
  width: 100%;
}
.status-badge {
  font-size: 10px !important;
  font-weight: 500 !important;
  opacity: 0.85;
  box-shadow: 0 0 10px rgb(0 0 0 / 0.05);
  padding: 3px !important;
  height: 22px;
}
.blink {
  -webkit-animation: blink 1s infinite;
  animation: blink 1s infinite;
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.tutorialVideo {
  background-color: #fff;
  box-shadow: none;
  height: 40px;
  max-width: 100%;
  overflow-x: scroll;
  padding-top: 5px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 1;
}
.tutorialVideo .tab {
  border-bottom: none;
  color: #c7c7c7;
  display: inline-block;
  font-size: 1em;
  font-weight: 700;
  height: 100%;
  position: relative;
  text-align: center;
  text-transform: none;
  transition: all 0.2s ease;
  width: 50%;
}
.tutorialVideo .tabActive {
  color: #3e51b5;
}
.selectedLine {
  background: #ffcc5b;
  border-radius: 5px 5px 0 0;
  bottom: 0;
  height: 3px;
  width: 100%;
}
.rules-list > li {
  margin-top: 5px;
}
.stickeyFooter {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 480px;
  background-color: #112436;
}
.stickeyFooter > p {
  color: #d6c5f2;
  font-weight: 700;
  font-size: 18px;
  margin: 10px 0 0;
}
.stickeyFooter > p > span {
  color: #ff9600;
  font-size: 22px;
}
.fantasy-lobby {
  padding: 10px 15px;
  background-color: #f2f2f2;
}
.top-section-heading {
  font-size: 0.75em;
  font-weight: 600;
  color: #212121;
  text-transform: uppercase;
  padding: 10px 5px;
}
.collection-list-wrapper {
  padding: 0;
}
.lobby-anim .lobby-pin .contest-pin {
  position: absolute;
  top: 0;
  left: 0;
}
.fixture-card-wrapper,
.lobby-anim .lobby-pin .fixture-card-wrapper {
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0.2), 0 6px 20px 0 rgb(0 0 0 / 0.19);
}
.fixture-card-wrapper {
  overflow: hidden;
  border-radius: 14px;
  background: #fff;
  margin-bottom: 20px;
}
.fixture-card-wrapper.fixture-card-wrapper-lg .fixture-card-body {
  padding: 20px 0;
}
.fixture-card-body {
  padding: 10px 0;
  position: relative;
}
.match-info-section {
  justify-content: center;
  display: flex;
  text-align: center;
  align-items: center;
}
.match-info-section .section-left,
.match-info-section .section-middle,
.match-info-section .section-right {
  display: inline-block;
  vertical-align: middle;
}
.match-info-section .section-middle {
  padding: 0 15px;
}
.team-away,
.team-home {
  color: #212121;
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
}
.vs-text {
  color: #212121;
  font-size: 0.8em;
  font-weight: 500;
  display: inline-block;
  margin: 0 3px;
}
.fixture-card-wrapper .match-timing {
  font-family: Geominist-Regular;
}
.flex-row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.pointer {
  cursor: pointer;
}
.countdown {
  font-size: 0.7em;
  font-weight: 600;
  color: #eb4a3c;
  display: block;
  line-height: 1.5;
}
.fixture-card-wrapper .fixture-card-footer {
  border-top: 1px solid #eaeaea;
  padding: 5px 15px;
  color: #4a4747;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fixture-card-footer .match-type {
  font-size: 0.75em;
  font-weight: 500;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.fixture-card-footer .winning-section {
  font-size: 0.85em;
  font-weight: 900;
}
.fixture-card-footer .winning-section span {
  color: #23416a;
}
.fixture-card-wrapper.fixture-card-wrapper-lg
  .fixture-card-body
  .away-team-flag,
.fixture-card-wrapper.fixture-card-wrapper-lg
  .fixture-card-body
  .home-team-flag {
  max-width: 54px;
  max-height: 54px;
}
.contest-container {
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0.2), 0 6px 20px 0 rgb(0 0 0 / 0.19);
  border-radius: 10px;
  margin-bottom: 10px;
}
.contest-header {
  background: linear-gradient(35deg, #a83232, #ec736a 50%, #b23a31);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#23416a",endColorstr="#aab4de",GradientType=1);
  color: #fff;
  padding: 5px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.contest-icon {
  text-transform: uppercase;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  padding-top: 1px;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 700;
  margin-right: 5px;
  text-align: center;
}
.contest-body {
  flex: 1 1;
}
.contest-body-top {
  padding: 10px 15px 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.contest-body-top .heading {
  font-size: 1em;
  font-weight: 600;
}
.contest-body-bottom {
  padding: 10px 15px 0;
}
.contest-body-top .contest-button {
  width: 80px;
  border-radius: 15px;
  padding: 5px;
  font-size: 0.75em;
  font-weight: 900;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.2), 0 3px 10px 0 rgb(0 0 0 / 0.19);
  background-color: #d04238;
  color: #fff;
}
.contest-body-top .contest-button:hover {
  color: #fff !important;
}
.contest-body-bottom .footer {
  margin-top: 2px;
  padding-bottom: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.progress-bar-default .progress {
  background: rgb(51 51 51 / 0.1);
  border-radius: 2px;
  height: 4px;
  width: 100%;
}
.progress-bar-default .progress.danger-area .progress-bar {
  background: #4a4747;
}
.progress-bar-default .progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #23416a;
  transition: width 0.6s ease;
  border-radius: 2px;
}
.contest-listing {
  background-color: #f2f2f2;
  height: 100vh;
}
.contest-listing .header {
  z-index: 1;
  max-width: 480px;
  width: 100%;
  display: flex;
  padding: 10px 15px;
  background: linear-gradient(35deg, #a83232, #ec736a 50%, #b23a31);
}
.border-50 {
  border-radius: 50%;
}
.image-border-white {
  border-radius: 50%;
  border: 3px solid #fff;
}
.max-players {
  border-radius: 10px;
  background: rgb(33 33 33 / 0.15);
  background-color: rgb(33 33 33 / 0.15);
  padding: 2px 20px 3px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}
.w-50p {
  width: 50px;
}
.fantasy-bg-primary {
  background: linear-gradient(35deg, #a83232, #ec736a 50%, #b23a31);
}
.fantasy-bg-primary:hover {
  opacity: 0.8;
}
.scrollable {
  overflow-y: scroll;
}
.captain_cirlce {
  margin-left: 10px;
  margin-right: 5px;
  color: #4a4747;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  border-radius: 100%;
  border: 1px solid #d8d8d8;
  width: 20px !important;
  height: 20px !important;
  display: inline-block;
  line-height: 20px;
}
.width-anim {
  -webkit-animation: widthAnimation 5s linear 0s infinite;
  animation: widthAnimation 5s linear 0s infinite;
}
@-webkit-keyframes widthAnimation {
  to {
    width: 100%;
  }
}
@keyframes widthAnimation {
  to {
    width: 100%;
  }
}
.contest-sort-container,
.contest-sort-container-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fff;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
}
.contest-sort-item-container {
  display: flex;
  flex: 1 1;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
.contest-listing .sorting-row {
  z-index: 1;
  max-width: 480px;
  width: 100%;
  margin-top: 75px;
}
.contest-listing .fantasy-lobby {
  position: absolute;
  width: 100%;
  margin-top: 100px;
}
.whole-team-info {
  padding: 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  position: relative;
  max-height: 61px;
}
.whole-team-info .player-selected,
.whole-team-info .salary-count {
  color: #fff;
  min-width: 76px;
  flex-direction: column;
}
.whole-team-info .player-selected .label,
.whole-team-info .salary-count .label {
  font-size: 0.65em;
  font-weight: 500;
  text-transform: capitalize;
}
.whole-team-info .player-selected .player-count,
.whole-team-info .salary-count .player-count {
  font-size: 14px;
  display: flex;
}
.whole-team-info .player-selected .player-count .span,
.whole-team-info .salary-count .player-count .span {
  font-size: 2.2em;
  font-weight: 800;
  display: inline-block;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.whole-team-info .player-selected .player-count .total-c,
.whole-team-info .salary-count .player-count .total-c {
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  padding-top: 15px;
}
.whole-team-info div {
  display: flex;
}
.whole-team-info .team-player-info .home-team-info {
  padding: 0 10px 0 65px;
}
.whole-team-info .team-player-info .away-team-info,
.whole-team-info .team-player-info .home-team-info {
  position: relative;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
.whole-team-info .team-player-info .away-team-info {
  text-align: right;
  padding: 0 65px 0 10px;
}
.whole-team-info .team-player-info .home-team-info img {
  left: 5px;
}
.whole-team-info .team-player-info .away-team-info img {
  right: 5px;
}
.whole-team-info .team-player-info .away-team-info .team-nm,
.whole-team-info .team-player-info .home-team-info .team-nm {
  font-size: 0.75em;
  font-weight: 500;
  text-transform: uppercase;
}
.whole-team-info .team-player-info .away-team-info .team-player-count,
.whole-team-info .team-player-info .home-team-info .team-player-count {
  font-size: 1.2em;
  font-weight: 800;
}
.whole-team-info .team-player-info .away-team-info img,
.whole-team-info .team-player-info .home-team-info img {
  border-radius: 50%;
  border: 3px solid #fff;
  width: 48px;
  height: 48px;
  background: #4a4747;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.whole-team-info .salary-count {
  text-align: right;
}
.whole-team-info .salary-count .player-count {
  display: block;
}
.player-count-slider {
  padding: 2px 5px;
  max-height: 25px;
}
.player-count-slider .slide {
  width: 9.09091%;
  height: 20px;
  border: 1px solid #d26058;
  border-left: none;
  background: rgb(0 0 0 / 0.09);
  background-color: rgb(0 0 0 / 0.09);
  display: inline-block;
  vertical-align: middle;
}
.player-count-slider .slide.active {
  position: relative;
  text-align: center;
}
.player-count-slider :not(.show-number) span {
  display: none;
}
.player-count-slider .slide.active:before {
  content: "";
  left: -1px;
  top: -1px;
  width: calc(100% + 1px);
  height: calc(100% + 2px);
  position: absolute;
  background: #5dbe7d;
  border: 1px solid #fff;
  border-left: none;
}
.player-count-slider div:first-child.active:before {
  border-left: 1px solid #fff;
}
.player-count-slider .slide.active.show-number:before {
  animation: fillColor 0.6s linear;
  -webkit-animation: fillColor 0.6s linear;
}
.player-count-slider div.active.show-number span {
  color: #fff;
  font-size: 1em;
  font-weight: 500;
  position: relative;
  top: -2.5px;
  opacity: 1;
  animation: showNo 0.6s linear;
  -webkit-animation: showNo 0.6s linear;
}
.player-pick-info {
  background: #555;
  padding: 10px 9px 9px;
  font-size: 0.8em;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  text-align: center;
  max-height: 41px;
}
.table-roster-header {
  background: #f2f2f2;
  position: relative;
  width: 100%;
  max-width: 550px;
  max-height: 32px;
  padding-left: 20px;
}
.table-roster-header .primary-table {
  margin-bottom: 0;
}
.table-roster-header tbody {
  background-color: #f2f2f2;
  color: #212121;
  margin-top: 10px;
  font-size: 0.75em;
  font-weight: 400;
}
.primary-table tr:last-child td {
  border-bottom: 0;
}
.table-roster-header tbody td {
  border: 0;
  vertical-align: middle;
  color: #4a4747;
}
.table-roster-header tbody td.score-td {
  width: 16%;
}
.table-roster-header tbody td.salary-td {
  width: 23%;
}
@keyframes fillColor {
  0% {
    width: 0;
  }
  to {
    width: calc(100% + 1px);
  }
}
@-webkit-keyframes fillColor {
  0% {
    width: 0;
  }
  to {
    width: calc(100% + 1px);
  }
}
@keyframes showNo {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes showNo {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.primary-table {
  background-color: #fff;
}
.primary-table tr {
  border: 1px solid #eaeaea;
  cursor: pointer;
}
.primary-table tr.selected-tr {
  background: rgb(35 65 106 / 0.15);
  background-color: rgb(35 65 106 / 0.15);
}
.primary-table td {
  border-top: 0;
  vertical-align: middle;
  border-bottom: 1px solid #eaeaea;
  padding: 0;
}
.roster-player-detail .roster-player-image {
  height: 40px;
  width: 40px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  padding: 8px;
  border: 1px solid #eaeaea !important;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 14px;
}
.roster-player-detail .roster-player-image img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 100%;
}
.roster-player-detail .roster-player-content {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
}
.roster-player-detail .roster-player-content h4 {
  margin-bottom: 0;
}
.roster-player-detail .roster-player-content h4 a {
  color: #212121;
  font-size: 0.55em;
  margin: 0;
  display: block;
}
.roster-player-detail .roster-player-content .roster-player-team {
  font-size: 12px;
  color: #4a4747;
}
.roster-player-detail .roster-player-content span {
  display: inline-block;
  color: #555;
  font-size: 14px;
}
.played-last-match-text {
  margin-bottom: 5px;
  font-size: 10px;
  color: #23416a;
}
.played-last-match-text .playing_indicator {
  background: #23416a;
}
.primary-table .btn-roster-action {
  display: inline-block;
}
.primary-table td.btn-roster-td {
  padding: 0 5px;
}
.btn-roster-action {
  background-color: #fff;
  border: 1px solid #eaeaea !important;
  border-radius: 5px;
  font-size: 12px;
  margin-right: 10px;
}
.primary-table .btn-roster-action.added {
  background-color: #23416a;
}
.btn-roster-action i {
  color: #23416a;
}
.team-preview {
  background-image: url(https://www.fantasyakhada.com/static/media/ground-cricket.712642c9.svg);
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.team-preview .header {
  font-size: 14px;
  font-weight: 600;
}
.team-preview .header img {
  padding-left: 6px;
  opacity: 0.6;
}
.team-preview .player-area {
  position: relative;
  height: 100%;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.team-preview .player-area .space-evenly-container {
  min-height: 85%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-height: 700px) {
  .field-view-container .player-area .space-evenly-container {
    justify-content: space-evenly !important;
  }
}
.player-area .space-evenly-container .player-position-header {
  color: #fff;
  line-height: 13px;
  padding: 16px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
}
.player-area .space-evenly-container .player-position-row {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.playing_indicator.danger {
  background-color: #eb4a3c;
}
.playing_indicator {
  height: 6px;
  width: 6px;
  margin-bottom: 1px;
  border-radius: 50%;
  display: inline-block;
  background-color: #5dbe7d;
}
.player-row-container .playing_indicator {
  position: absolute;
  right: 5%;
}
.player-area
  .space-evenly-container
  .player-position-row
  .player-row-container {
  display: inline-block;
  text-align: center;
  position: relative;
}
.player-area
  .space-evenly-container
  .player-position-row
  .player-row-container
  img {
  width: 38px;
  height: 38px;
}
.player-area
  .space-evenly-container
  .player-position-row
  .player-row-container
  .player-name {
  border-radius: 4px;
  padding: 2px 4px;
  background: rgb(0 0 0 / 0.6);
  background-color: rgb(0 0 0 / 0.6);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -0.08px;
  line-height: 16px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 85px;
  margin: 0 auto;
}
.player-area
  .space-evenly-container
  .player-position-row
  .player-row-container
  .player-postion {
  color: #fff;
  padding: 2px;
  text-align: center;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.powered-by {
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 2.5;
  position: fixed;
  bottom: 0;
}
.select-captain {
  width: 100%;
}
.select-captain .sub-header {
  margin-top: 100px;
}
.select-captain .sub-header h6 {
  font-size: 14px;
  font-weight: 400;
}
.select-captain .sub-header .sub-heading {
  font-size: 11px;
  font-weight: 400;
}
.select-captain .seperator {
  border-top: 1px solid #c4c0c0;
  background-color: #e0e0e0;
  color: #4a4747;
  text-align: center;
  padding: 8px 0;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
}
.playerListCard {
  border-bottom: 1px solid #dad3d3;
}
.playerListCard .name h6 {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  line-height: 8px;
  margin-bottom: 1px;
}
.playerListCard .name span {
  font-size: 12px;
}
.playerListCard .score {
  font-size: 16px;
  font-weight: 500;
}
.playerListCard .captain_cirlce {
  font-size: 16px;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px;
  cursor: pointer;
}
.playerListCard .captain_cirlce.selected {
  background-color: #23416a;
  border-color: #23416a;
  color: #fff;
}
.contest-listing .closeIcon {
  color: #fff;
  position: absolute;
  right: 10px;
  width: 40px;
}
.contest-listing .join-button {
  font-size: 14px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  border-radius: 20px;
  border: 1.4px solid #fff;
  text-align: center;
  padding: 3px 70px;
  cursor: pointer;
}
.winning-section .winning-header {
  padding: 12px 15px 15px;
  background: #fff;
}
.winning-section .winning-header .text {
  display: inline-block;
  width: 50%;
  color: #212121;
  font-size: 16px;
  font-weight: 700;
  padding: 16px 0 10px;
  vertical-align: top;
}
.winning-section .winning-header .right-section {
  width: 50%;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  color: #23416a;
  text-align: right;
}
.contest-prizes {
  display: inline-block;
  color: #23416a;
  padding: 7px 0 4px;
}
.winning-header .right-section .winner-count {
  color: #4a4747;
  font-size: 12px;
  position: relative;
  margin-right: 2px;
}
.descrition-table-heading {
  display: flex;
  padding: 8px;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  align-items: center;
  font-size: #212121;
  background-color: #f2f2f2;
}
.info-section .table,
.winning-section .table {
  box-shadow: none;
  background-color: #fff;
  font-size: 12px;
}
.winning-section .table td {
  box-shadow: none;
  border-top: none;
  font-size: 11px;
  width: 70%;
  padding: 10px 0 0 30px;
}
.tab-description {
  color: #4a4747;
  font-size: 12px;
  line-height: 15px;
  font-style: italic;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  background: #f2f2f2;
  padding: 10px 10px 30px;
}
.info-section .contest-info {
  padding: 15px;
  text-align: center;
  color: #212121;
  font-size: 16px;
  font-weight: 700;
  background-color: #fff;
}
.info-section .contest-info p {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 500;
}
.info-section .contest-info .salary-cap-text {
  color: #4a4747;
  font-weight: 800;
}
.info-section .contest-info span {
  color: #23416a;
}
.info-section .table th {
  border: none;
}
.info-section .table td {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: none;
}
.info-section .table td:nth-child(2) {
  font-size: 14px;
  font-weight: 600;
  text-align: right;
}
.entries-section,
.info-section {
  background-color: #fff;
}
.entries-section .progress-headline {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
  color: #4a4747;
}
.entries-section .user-entry {
  position: relative;
  padding-left: 60px;
  color: #212121;
  padding-top: 15px;
  padding-bottom: 15px;
}
.entries-section .user-entry .user-img {
  width: 30px;
  height: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  border-radius: 50%;
  position: absolute;
  margin-left: 20px;
  background: #d3d3d3;
}
.entries-section .table td {
  border: none;
}
.entries-section .user-entry .user-name {
  color: #212121;
  font-size: 12px;
  line-height: 18px;
  margin-left: 0;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entries-section .team-joined {
  color: #212121;
  font-size: 12px;
  padding-right: 20px;
}
.FindPlayer_battleWrapper__2Y76v {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  background: #000;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.FindPlayer_container__31N5X {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.FindPlayer_media__18CnS {
  margin: 96.45px 0 30px;
}
.FindPlayer_playerWrapContainer__2ioPK {
  position: absolute;
  top: -141px;
  width: 100vw;
  height: 100vw;
  max-width: 360px;
  max-height: 360px;
  z-index: 0;
}
.FindPlayer_flash__1gs2Z {
  position: absolute;
  left: calc(50% - 35px);
  top: 47px;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: FindPlayer_flashRotation__1paWC 3s linear 0s infinite;
  animation: FindPlayer_flashRotation__1paWC 3s linear 0s infinite;
}
.FindPlayer_arc__JAu7T {
  position: absolute;
  left: calc(50% - 140px);
  top: 50px;
}
.FindPlayer_playerDemo__3Q3lk {
  position: absolute;
  width: 35px;
  height: 35px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.FindPlayer_playerDemo1Img__2dBRf {
  width: 0;
  height: 0%;
  -webkit-animation: FindPlayer_playerDemoAnimation1__1ROzM 3s linear 0s
    infinite;
  animation: FindPlayer_playerDemoAnimation1__1ROzM 3s linear 0s infinite;
}
.FindPlayer_playerDemo2Img__rP25Q {
  width: 0;
  height: 0%;
  -webkit-animation: FindPlayer_playerDemoAnimation2__3Oha_ 3s linear 0s
    infinite;
  animation: FindPlayer_playerDemoAnimation2__3Oha_ 3s linear 0s infinite;
}
.FindPlayer_playerDemo3Img__3unXD {
  width: 0;
  height: 0%;
  -webkit-animation: FindPlayer_playerDemoAnimation3__1Fl-3 3s linear 0s
    infinite;
  animation: FindPlayer_playerDemoAnimation3__1Fl-3 3s linear 0s infinite;
}
.FindPlayer_myProfile__3TuGA {
  -webkit-animation: none 1s ease 0s 1 normal forwards running;
  animation: none 1s ease 0s 1 normal forwards running;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 2px solid #8951d9;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.FindPlayer_myProfile__3TuGA img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.FindPlayer_content__z_Gsq {
  width: 100%;
  text-align: center;
}
.FindPlayer_searchCountDown__3eF1w {
  color: #ffcc5b;
  font-size: 1.4em;
  font-weight: 400;
  text-align: center;
}
.FindPlayer_findingOpp__3GJiz {
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 0.9em;
  font-weight: 500;
  margin-top: 10px;
}
.FindPlayer_tipsContainer__2BUPh {
  margin: 8% 0;
}
.FindPlayer_borderFrameContainer__2tQ8Z {
  width: calc(100% - 40px);
  max-width: 400px;
  margin: 0 auto;
}
.FindPlayer_gradientBorder__8bSx_ {
  height: 1px;
  width: 100%;
  background-image: linear-gradient(270deg, #000, #bfbfbf 50%, #000);
}
.FindPlayer_tipsDiv__1RpZg {
  background: #fff0;
  text-align: center;
  line-height: 1.5;
  padding: 20px 10px;
  margin: 0 15px;
  border-radius: 6px 6px 0 0;
  display: flex;
  align-items: center;
}
.FindPlayer_tipsBody__3x2lI {
  width: 90%;
  font-size: 0.8em;
  color: #fff;
  margin: 0 auto;
  font-weight: 300;
  line-height: 1.5em;
}
.FindPlayer_timer__2jeJJ {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 16px;
}
.FindPlayer_timerStartsIn__DvBMT {
  color: #fff;
  font-size: 0.8em;
  margin-bottom: 8px;
}
.FindPlayer_timerCount__1cf8H {
  color: #ff4d4d;
  font-weight: 900;
  font-size: 1.5em;
  line-height: 1.2em;
  text-shadow: #ff4d4d 0 0 25px, #ff4d4d 0 0 25px;
  -webkit-animation: FindPlayer_bounce__1NU4O 1s ease 0s infinite;
  animation: FindPlayer_bounce__1NU4O 1s ease 0s infinite;
}
.FindPlayer_versusContainer__fr_AO {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.FindPlayer_versusContainer__fr_AO .FindPlayer_div1__pfLCj {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  max-width: 400px;
  position: relative;
  overflow-x: hidden;
}
.FindPlayer_playerWrapper1__2V1oq {
  -webkit-animation: FindPlayer_player1Wrap__19jcE 0.5s ease 0s 1;
  animation: FindPlayer_player1Wrap__19jcE 0.5s ease 0s 1;
}
.FindPlayer_playerWrap__97IOR,
.FindPlayer_playerWrapper1__2V1oq {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.FindPlayer_playerWrap__97IOR {
  position: relative;
}
.FindPlayer_playerName__3iEkE {
  color: #fff;
  font-size: 1.2em;
  margin-top: 8px;
  line-height: 1.2em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 90px;
  opacity: 1;
  -webkit-animation: FindPlayer_textDelay__1_5wm 1s ease-in-out 0s 1;
  animation: FindPlayer_textDelay__1_5wm 1s ease-in-out 0s 1;
}
.FindPlayer_playerWrapperImg__RXQl6 {
  -webkit-animation: none 1s ease 0s 1 normal forwards running;
  animation: none 1s ease 0s 1 normal forwards running;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 2px solid #8951d9;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.FindPlayer_playerWrapperImg__RXQl6 img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.FindPlayer_playerWrapper2__21SfN {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  -webkit-animation: FindPlayer_player2Wrap__1is4L 0.5s ease 0s 1;
  animation: FindPlayer_player2Wrap__1is4L 0.5s ease 0s 1;
}
.FindPlayer_versusImg__3Krpo {
  width: 72px;
  height: 103.5px;
  margin-top: 0;
}
.FindPlayer_versusImg__3Krpo img {
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.FindPlayer_gamePlay__1m05N {
  display: block;
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.FindPlayer_gamePlay__1m05N iframe {
  display: block;
  height: 100vh;
  z-index: 10;
  opacity: 1;
  position: absolute;
  width: 100%;
}
.FindPlayer_bottomLoading__1RLN3 {
  position: absolute;
  bottom: 30px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.FindPlayer_bottomLoading__1RLN3 .FindPlayer_loaderTxt__WtGci {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  color: #959595;
}
.FindPlayer_bottomLoading__1RLN3 .FindPlayer_loader__dWUcs {
  width: 65%;
  max-width: 500px;
  height: 5px;
  background: #3b3b3b;
  border-radius: 12px;
}
.FindPlayer_bottomLoading__1RLN3 .FindPlayer_loadingBar__wG_uU {
  width: 0;
  height: 5px;
  background: #ffcc5b;
  border-radius: 12px;
}
.FindPlayer_bottomLoading__1RLN3 .FindPlayer_percent__2R-Vv {
  font-size: 12px;
  font-weight: 500;
  padding-top: 10px;
  color: #959595;
}
.FindPlayer_middleLogo__204ll {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
}
.FindPlayer_middleLogo__204ll img {
  min-height: 32px;
  max-width: 210px;
  max-height: 180px;
}
.FindPlayer_middleLogo__204ll .FindPlayer_text__1UnWq {
  font-size: 18px;
  padding-top: 10px;
  letter-spacing: 0.18px;
  color: #fff;
  text-transform: uppercase;
}
@-webkit-keyframes FindPlayer_player1Wrap__19jcE {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: calc(50% - 47px);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 30px;
    opacity: 1;
  }
}
@keyframes FindPlayer_player1Wrap__19jcE {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: calc(50% - 47px);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 30px;
    opacity: 1;
  }
}
@-webkit-keyframes FindPlayer_player2Wrap__1is4L {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    left: calc(50% - 47px);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 30px;
    opacity: 1;
  }
}
@keyframes FindPlayer_player2Wrap__1is4L {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    left: calc(50% - 47px);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 30px;
    opacity: 1;
  }
}
@-webkit-keyframes FindPlayer_flashRotation__1paWC {
  25% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@keyframes FindPlayer_flashRotation__1paWC {
  25% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes FindPlayer_playerDemoAnimation1__1ROzM {
  15% {
    width: 0;
    height: 0%;
    opacity: 0;
  }
  25% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  35% {
    width: 0;
    height: 0%;
    opacity: 0;
  }
}
@keyframes FindPlayer_playerDemoAnimation1__1ROzM {
  15% {
    width: 0;
    height: 0%;
    opacity: 0;
  }
  25% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  35% {
    width: 0;
    height: 0%;
    opacity: 0;
  }
}
@-webkit-keyframes FindPlayer_playerDemoAnimation2__3Oha_ {
  65% {
    width: 0;
    height: 0%;
    opacity: 0;
  }
  75% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  85% {
    width: 0;
    height: 0%;
    opacity: 0;
  }
}
@keyframes FindPlayer_playerDemoAnimation2__3Oha_ {
  65% {
    width: 0;
    height: 0%;
    opacity: 0;
  }
  75% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  85% {
    width: 0;
    height: 0%;
    opacity: 0;
  }
}
@-webkit-keyframes FindPlayer_playerDemoAnimation3__1Fl-3 {
  50% {
    width: 0;
    height: 0%;
    opacity: 0;
  }
  60% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  70% {
    width: 0;
    height: 0%;
    opacity: 0;
  }
}
@keyframes FindPlayer_playerDemoAnimation3__1Fl-3 {
  50% {
    width: 0;
    height: 0%;
    opacity: 0;
  }
  60% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  70% {
    width: 0;
    height: 0%;
    opacity: 0;
  }
}
@-webkit-keyframes FindPlayer_bounce__1NU4O {
  20% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes FindPlayer_bounce__1NU4O {
  20% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes FindPlayer_textDelay__1_5wm {
  0% {
    font-size: 0;
  }
  75% {
    font-size: 0;
  }
  to {
    font-size: 0.9em;
  }
}
@keyframes FindPlayer_textDelay__1_5wm {
  0% {
    font-size: 0;
  }
  75% {
    font-size: 0;
  }
  to {
    font-size: 0.9em;
  }
}
.GameOverScreen_container__20MV4 {
  height: 100%;
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.GameOverScreen_result__1-Wy5 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  padding: 0 10px;
}
.GameOverScreen_playerList__8Gou7 {
  width: 100%;
  margin-top: 10px;
}
.PlayerCard_box__2G4bn {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  height: 80px;
  color: #fff;
  padding: 10px;
  margin-top: 5px;
  background: #141414;
}
.PlayerCard_rank__3eQGp {
  width: 10%;
  font-size: 15px;
  font-weight: 900;
  padding-left: 10px;
}
.PlayerCard_crown__31t2k {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 74px;
  position: relative;
}
.PlayerCard_imgCircle__1x1t1 {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: absolute;
  right: 12px;
  left: 12px;
  bottom: 12px;
}
.PlayerCard_nameBox__2i3pC {
  width: 40%;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 500;
}
.PlayerCard_meWinner__3lQoZ {
  border: 3px solid gold;
  border-radius: 20px;
}
.PlayerCard_meLooser__sceCs {
  border: 3px solid red;
  border-radius: 20px;
}