/**
 * @copyright PlayToEarn.net
 * @developer Stevie-Ray
 */
.Inputs textarea {
  background: #f5f7f9;
  max-width: 100%;
  min-width: 100%;
}
.Inputs input[type=text]:hover, .Inputs input[type=text]:focus, .Inputs input[type=email]:hover, .Inputs input[type=email]:focus, .Inputs input[type=password]:hover, .Inputs input[type=password]:focus {
  border: 1px solid #999 !important;
}
.Inputs input[type=text], .Inputs input[type=email], .Inputs input[type=password] {
  background: #f5f7f9;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
}
.Inputs input[type=text],
.Inputs input[type=password],
.Inputs input[type=email],
.Inputs textarea {
  outline: none;
}
.Inputs input[type=text].codeType,
.Inputs input[type=password].codeType,
.Inputs input[type=email].codeType,
.Inputs textarea.codeType {
  background: #f9f9f9;
}
.Inputs input[type=text].codeType:hover, .Inputs input[type=text].codeType:focus,
.Inputs input[type=password].codeType:hover,
.Inputs input[type=password].codeType:focus,
.Inputs input[type=email].codeType:hover,
.Inputs input[type=email].codeType:focus,
.Inputs textarea.codeType:hover,
.Inputs textarea.codeType:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.Inputs input[type=text].SelectorRight,
.Inputs input[type=password].SelectorRight,
.Inputs input[type=email].SelectorRight,
.Inputs textarea.SelectorRight {
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
}
.Inputs input[type=text],
.Inputs input[type=password],
.Inputs input[type=email],
.Inputs textarea {
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 8.5px 14px;
  transition: all 0.2s ease;
  width: 100%;
}
.Inputs input[type=text]:hover, .Inputs input[type=text]:focus,
.Inputs input[type=password]:hover,
.Inputs input[type=password]:focus,
.Inputs input[type=email]:hover,
.Inputs input[type=email]:focus,
.Inputs textarea:hover,
.Inputs textarea:focus {
  border: 1px solid #0A84FF;
}

.SelectForm select {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  width: 100%;
  transition: all 0.2s ease;
  padding-top: 8px;
  padding-right: 35px;
  padding-bottom: 8px;
  padding-left: 10px;
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  height: 38px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(https://assets.playtoearn.com/img/down.png) right 10px center no-repeat #f5f7f9;
  background-size: 16px;
}
.SelectForm select:focus {
  border: 1px solid #666;
}
.SelectForm select:hover {
  border: 1px solid #666;
}
.SelectForm select::-ms-expand {
  display: none;
}
@media screen and (min-width: 0\0 ) {
  .SelectForm select {
    background: none\9 ;
    padding: 5px\9 ;
  }
}

.playbtn--block {
  display: block;
}

.playbtn--block + .playbtn--block {
  margin-left: 0;
}

.playbtn.full {
  width: 100%;
}
.playbtn.PaddingSmall {
  padding-left: 15px;
  padding-right: 15px;
}
.playbtn {
  display: inline-block;
  position: relative;
  margin: 0px 0;
  padding: 10px 31px 11px;
  cursor: pointer;
  outline: 0;
  border: none;
  border-radius: 22px;
  background: transparent;
  transition: background 0.2s, color 0.2s;
  text-align: center;
  text-decoration: none;
  font: 1.286em/1.1667 "Inter", sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.playbtn:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 22px;
  transition: border 0.1s ease-in-out;
}

.playbtn + .playbtn {
  margin-left: 7px;
}

.playbtn .b-link {
  border-radius: inherit;
}

.playbtn.tooltip-no-js-wrap:hover > .tooltip {
  display: none !important;
}

.playbtn:disabled > .tooltip, .playbtn.disabled > .tooltip {
  display: block;
}

.playbtn--static .b-link {
  top: -1000px;
  right: -1000px;
  bottom: -1000px;
  left: -1000px;
}

.playbtn--xsm {
  padding: 3px 15px 4px;
  border-radius: 12px;
  font-size: 0.929em;
  line-height: 1.308;
}

.playbtn--xsm:before {
  border-radius: 11px;
}

.playbtn--sm {
  padding: 7px 18px 6px;
  border-radius: 16px;
  font-size: 1em;
  line-height: 1.3572;
}

.playbtn--sm:before {
  border-radius: 16px;
}

.playbtn, .playbtn:hover {
  color: #fff;
}

.playbtn > .icon-svg, .playbtn > .icon:hover, .playbtn > .icon-svg:hover {
  color: inherit;
}

.playbtn--red {
  background: #f02139;
}

.playbtn--red:hover, .playbtn--red:focus {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--red:active, .playbtn--red.active {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--orange {
  background: #ff8200;
}

.playbtn--orange:hover, .playbtn--orange:focus {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--orange:active, .playbtn--orange.active {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--dorange {
  background: #ef5322;
}

.playbtn--dorange:hover, .playbtn--dorange:focus {
  background: #ef5322 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--dorange:active, .playbtn--dorange.active {
  background: #ef5322 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--yellow {
  background: #fec309;
}

.playbtn--yellow:hover, .playbtn--yellow:focus {
  background: #fec309 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--yellow:active, .playbtn--yellow.active {
  background: #fec309 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--greywhite {
  color: #000;
  background: #f9f9f9;
}

.playbtn--greywhite:hover, .playbtn--greywhite:focus {
  color: #000;
  background: #fff linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--greywhite:active, .playbtn--greywhite.active {
  color: #000;
  background: #fff linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--grey {
  background: #f5f7f9;
  color: #494a4a;
}

.playbtn--grey:hover, .playbtn--grey:focus {
  background: #f5f7f9 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  color: #181818;
}

.playbtn--grey:active, .playbtn--grey.active {
  background: #f5f7f9 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  color: #181818;
}

.playbtn--grass {
  background: #86c313;
}

.playbtn--grass:hover, .playbtn--grass:focus {
  background: #86c313 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--grass:active, .playbtn--grass.active {
  background: #86c313 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--lime {
  background: #29cf29;
}

.playbtn--lime:hover, .playbtn--lime:focus {
  background: #29cf29 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--lime:active, .playbtn--lime.active {
  background: #29cf29 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--green {
  background: #1ac636;
}

.playbtn--green:hover, .playbtn--green:focus {
  background: #1ac636 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--green:active, .playbtn--green.active {
  background: #1ac636 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--aqua {
  background: #00caa8;
}

.playbtn--aqua:hover, .playbtn--aqua:focus {
  background: #00caa8 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--aqua:active, .playbtn--aqua.active {
  background: #00caa8 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--sky {
  background: #28c4f6;
}

.playbtn--sky:hover, .playbtn--sky:focus {
  background: #28c4f6 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--sky:active, .playbtn--sky.active {
  background: #28c4f6 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--dsky {
  background: #1eb2fc;
}

.playbtn--dsky:hover, .playbtn--dsky:focus {
  background: #1eb2fc linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--dsky:active, .playbtn--dsky.active {
  background: #1eb2fc linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--lblue {
  background: #2b8cfc;
}

.playbtn--lblue:hover, .playbtn--lblue:focus {
  background: #2b8cfc linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--lblue:active, .playbtn--lblue.active {
  background: #2b8cfc linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--blue {
  background: #2b65f8;
  background-image: linear-gradient(83.2deg, rgb(150, 93, 233) 10.8%, rgb(99, 88, 238) 94.3%);
}

.playbtn--blue:hover, .playbtn--blue:focus {
  background: rgb(150, 93, 233) linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--blue:active, .playbtn--blue.active, .playbtn--blue.loading {
  background: #2b65f8 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--dgrey {
  background: #9aa9c5;
}

.playbtn--dgrey:hover, .playbtn--dgrey:focus {
  background: #9aa9c5 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--dgrey:active, .playbtn--dgrey.active {
  background: #9aa9c5 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--pink {
  background: #f55280;
}

.playbtn--pink:hover, .playbtn--pink:focus {
  background: #f55280 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--pink:active, .playbtn--pink.active {
  background: #f55280 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--laguna {
  background: #2f75c1;
}

.playbtn--laguna:hover, .playbtn--laguna:focus {
  background: #2f75c1 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--laguna:active, .playbtn--laguna.active {
  background: #2f75c1 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--vdgrey {
  background: #333844;
}

.playbtn--vdgrey:hover, .playbtn--vdgrey:focus {
  background: #333844 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--vdgrey:active, .playbtn--vdgrey.active {
  background: #333844 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--aqua-blue {
  background: #004fff;
}

.playbtn--aqua-blue:focus, .playbtn--aqua-blue:hover {
  background: #004fff linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--aqua-blue:active, .playbtn--aqua-blue.active {
  background: #004fff linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--facebook {
  background: #3464d4;
}

.playbtn--facebook:hover, .playbtn--facebook:focus {
  background: #3464d4 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--facebook:active, .playbtn--facebook.active {
  background: #3464d4 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--twitter {
  background: #1cacff;
}

.playbtn--twitter:hover, .playbtn--twitter:focus {
  background: #1cacff linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--twitter:active, .playbtn--twitter.active {
  background: #1cacff linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--google {
  background: #dd4b39;
}

.playbtn--google:hover, .playbtn--google:focus {
  background: #dd4b39 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--google:active, .playbtn--google.active {
  background: #dd4b39 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--instagram {
  background: #3674a9;
}

.playbtn--instagram:hover, .playbtn--instagram:focus {
  background: #3674a9 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--instagram:active, .playbtn--instagram.active {
  background: #3674a9 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--linkedin {
  background: #006799;
}

.playbtn--linkedin:hover, .playbtn--linkedin:focus {
  background: #006799 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--linkedin:active, .playbtn--linkedin.active {
  background: #006799 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--vk {
  background: #2c70b4;
}

.playbtn--vk:hover, .playbtn--vk:focus {
  background: #2c70b4 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--vk:active, .playbtn--vk.active {
  background: #2c70b4 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--odnoklassniki {
  background: #f7882b;
}

.playbtn--odnoklassniki:hover, .playbtn--odnoklassniki:focus {
  background: #f7882b linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--odnoklassniki:active, .playbtn--odnoklassniki.active {
  background: #f7882b linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--yandex {
  background: #ee3a2e;
}

.playbtn--yandex:hover, .playbtn--yandex:focus {
  background: #ee3a2e linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.playbtn--yandex:active, .playbtn--yandex.active {
  background: #ee3a2e linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.playbtn--transparent {
  background: rgba(0, 0, 0, 0.5);
}

.playbtn--transparent > .ico, .playbtn--transparent > .icon-svg {
  opacity: 0.8;
}

.playbtn--transparent:hover, .playbtn--transparent:focus {
  background: rgba(0, 0, 0, 0.7);
}

.playbtn--transparent:hover > .ico, .playbtn--transparent:focus > .ico, .playbtn--transparent.active > .ico, .playbtn--transparent:hover > .icon-svg, .playbtn--transparent:focus > .icon-svg, .playbtn--transparent.active > .icon-svg {
  opacity: 1;
}

.playbtn--transparent:active {
  background: rgba(0, 0, 0, 0.9);
}

.playbtn--glass:before {
  content: "";
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.playbtn--glass:hover:before {
  border-color: #fff;
}

.playbtn--glass:active:before, .playbtn--glass.active:before {
  border-color: rgba(255, 255, 255, 0.3);
}

.playbtn--white {
  background: #fff;
  color: #4d4d4d;
}

.playbtn--white:before {
  content: "";
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.playbtn--white:hover, .playbtn--white:focus {
  color: #2b65f8;
}

.playbtn--white:hover:before, .playbtn--white:focus:before {
  border-width: 2px;
  border-color: #2b65f8;
}

.playbtn--white:active, .playbtn--white.active, .playbtn--white.loading {
  color: #2058c6;
}

.playbtn--white:active:before, .playbtn--white.active:before, .playbtn--white.loading:before {
  border-width: 2px;
  border-color: #2058c6;
}

.playbtn--gold {
  background: #fff;
  color: #4d4d4d;
}

.playbtn--gold:before {
  content: "";
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.playbtn--gold:hover:before, .playbtn--gold:focus:before {
  border-width: 2px;
  border-color: #fec309;
}

.playbtn--gold:active, .playbtn--gold.active, .playbtn--gold.loading {
  background: #fec309;
}

.playbtn--gold:active:before, .playbtn--gold.active:before, .playbtn--gold.loading:before {
  border: none;
}

.playbtn--gold.active:hover {
  background: #e4af08;
}

.playbtn-normal:before {
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
}
.playbtn-normal {
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "Inter", arial, sans-serif;
}

.__PeopleItemTitle {
  font-weight: 300;
  font-size: 30px;
}

.__PeopleItems {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
}
.__PeopleItems .__PeopleItem {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.1rem;
}
.__PeopleItems .__PeopleItem .TeamSocial span.Blue {
  background: #0a66c2;
}
.__PeopleItems .__PeopleItem .TeamSocial {
  display: flex;
  align-items: center;
  padding-top: 1rem;
  gap: 0.4rem;
}
.__PeopleItems .__PeopleItem .__Info {
  font-size: 11px;
}
.__PeopleItems .__PeopleItem .__Pos {
  font-size: 18px;
}
.__PeopleItems .__PeopleItem .__Name {
  padding-top: 0.5rem;
  display: flex;
  font-weight: 700;
  font-size: 24px;
}
.__PeopleItems .__PeopleItem:hover {
  cursor: pointer;
}
.__PeopleItems .__PeopleItem:hover .__Image img {
  filter: grayscale(0) brightness(1.1);
}
.__PeopleItems .__PeopleItem .__Image {
  background: #f5f7fa;
  width: 100%;
  height: 350px;
  display: flex;
}
.__PeopleItems .__PeopleItem .__Image img {
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.__ReadMore {
  padding: 0 0 1rem 0;
}

.__ImageDiscover {
  display: flex;
  gap: 0.2rem;
}
.__ImageDiscover .__Left {
  display: flex;
  flex: 1;
}
.__ImageDiscover .__Left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.__ImageDiscover .__Right {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.__ImageDiscover .__Right img {
  border-radius: 8px;
  width: 200px !important;
  height: 140px !important;
  object-fit: cover !important;
}

.__ReadMoreButton {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: 0.2rem;
  background: #000;
  font-size: 18px;
  font-weight: 700;
  border-radius: 100px;
  padding: 0.4rem 1.4rem;
  color: #fff;
}

.__Timeline {
  min-height: 100vh;
  margin: 0;
  font-family: "Droid Sans", sans-serif;
  position: relative;
}
.__Timeline:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 4px;
  background-color: #e2e2e2;
  border-radius: 10px;
}
.__Timeline .entries {
  width: calc(100% - 80px);
  max-width: 1100px;
  margin: auto;
  position: relative;
  left: -5px;
}
.__Timeline .entries .entry {
  position: sticky;
  top: 0;
  align-self: flex-start;
  width: calc(50% - 80px);
  float: left;
  padding: 10px;
  clear: both;
  text-align: right;
}
.__Timeline .entries .entry:not(:first-child) {
  margin-top: -60px;
}
.__Timeline .entries .entry .title {
  line-height: 40px;
}
.__Timeline .entries .entry .title b {
  font-size: 40px;
}
.__Timeline .entries .entry .title {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 12px;
  position: relative;
  color: #000;
}
.__Timeline .entries .entry .title:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border: 3px solid #aaa;
  background-color: #fff;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: -101.5px;
  z-index: 1000;
}
.__Timeline .entries .entry .title.big:before {
  width: 24px;
  right: -100px;
  height: 24px;
  transform: translate(8px, -50%);
}
.__Timeline .entries .entry .body {
  color: #000;
}
.__Timeline .entries .entry .body p {
  font-size: 26px;
  font-weight: 300;
  line-height: 1.4em;
}
.__Timeline .entries .entry:nth-child(2n) {
  text-align: left;
  float: right;
}
.__Timeline .entries .entry:nth-child(2n) .title:before {
  left: -90px;
}
.__Timeline .entries .entry:nth-child(2n) .title.big:before {
  left: -88px;
  transform: translate(-8px, -50%);
}

.AboutUsNumbers {
  border-bottom: 1px solid var(--trendingBorderColor);
  display: flex;
  width: 100%;
  justify-content: center;
}
.AboutUsNumbers .__InnerView {
  display: flex;
  width: 1100px;
  padding: 2rem 0;
}
.AboutUsNumbers .__InnerView.Mini {
  padding: 1rem 0;
  justify-content: flex-end;
  gap: 1rem;
}
.AboutUsNumbers .__InnerView {
  align-items: center;
}
.AboutUsNumbers .__InnerView .CompanyNumbers {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
}
.AboutUsNumbers .__InnerView .CompanyNumbers .__Item {
  display: flex;
  flex-direction: column;
}
.AboutUsNumbers .__InnerView .CompanyNumbers .__Item span:nth-child(2) {
  font-size: 24px;
}
.AboutUsNumbers .__InnerView .CompanyNumbers .__Item span:nth-child(1) {
  font-weight: 800;
  font-size: 60px;
}

.switch input {
  display: none;
}

.switch * {
  box-sizing: border-box;
  vertical-align: middle;
}

.switch {
  margin: 0 !important;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}

.switch .span {
  display: inline-flex;
  width: 48px;
  height: 30px;
  position: relative;
  border-radius: 15px;
  border: 1px solid #cecece;
  transition: all 0.6s linear;
}

.switch input:checked ~ .span {
  background: rgb(76, 217, 100);
  transition: all 0.2s ease;
}

.switch .span:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 15px;
  background: #FFF;
  transition: all 0.4s ease;
}

.switch .span:after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background: #FFF;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 1px;
  left: 1px;
  transition: all 0.2s linear;
}

.switch input:checked ~ .span:after {
  transform: translate3d(18px, 0, 0);
}

.switch input:checked ~ .span:before {
  transform: scale3d(0, 0, 0);
}

/*
## Themes #############################
*/
.switch[data-tint=red] input:checked ~ .span {
  background: rgb(255, 59, 48);
}

.switch[data-tint=orange] input:checked ~ .span {
  background: rgb(255, 149, 0);
}

.switch[data-tint=yellow] input:checked ~ .span {
  background: rgb(255, 204, 0);
}

.switch[data-tint=teal-blue] input:checked ~ .span {
  background: rgb(90, 200, 250);
}

.switch[data-tint=blue] input:checked ~ .span {
  background: rgb(0, 122, 255);
}

.switch[data-tint=purple] input:checked ~ .span {
  background: rgb(88, 86, 214);
}

.switch[data-tint=pink] input:checked ~ .span {
  background: rgb(255, 45, 85);
}

/*
## end Themes ###########################
*/
/*
## Stretch effect #######################
*/
.switch input:active ~ .span:after {
  width: 33px;
}

.switch input:checked:active ~ .span:after {
  transform: translate3d(11px, 0, 0);
}

/*
## end Stretch effect ###################
*/
/*
## Scaling ##############################
*/
.switch-sm .span {
  width: 36px;
  height: 22.5px;
  border-radius: 11.25px;
}

.switch-sm .span:before {
  border-radius: 11.25px;
}

.switch-sm .span:after {
  width: 19.5px;
  height: 19.5px;
  border-radius: 9.75px;
}

.switch-sm input:checked ~ .span:after {
  transform: translate3d(13.5px, 0, 0);
}

.switch-sm input:active ~ .span:after {
  width: 24.75px;
}

.switch-sm input:checked:active ~ .span:after {
  transform: translate3d(8.25px, 0, 0);
}

.switch-lg .span {
  width: 60px;
  height: 37.5px;
  border-radius: 18.75px;
}

.switch-lg .span:before {
  border-radius: 18.75px;
}

.switch-lg .span:after {
  width: 32.5px;
  height: 32.5px;
  border-radius: 16.25px;
}

.switch-lg input:checked ~ .span:after {
  transform: translate3d(22.5px, 0, 0);
}

.switch-lg input:active ~ .span:after {
  width: 41.25px;
}

.switch-lg input:checked:active ~ .span:after {
  transform: translate3d(13.75px, 0, 0);
}

/*
## end Scaling ##########################
*/
/*
## States ###############################
*/
.switch input[disabled] ~ .span:before {
  background: #f2f2f2;
}

.switch input[disabled] ~ .span:after {
  background: #f2f2f2;
}

/*
## end States ###########################
*/
body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

.__CommunitySocialItems {
  display: flex;
  width: 260px;
  gap: 0.6rem;
}
.__CommunitySocialItems .__Item {
  background: #fff;
  border: 1px solid var(--trendingItemHoverColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.__CreatorScore {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.__CreatorScore span:nth-child(2) {
  font-size: 11px;
}
.__CreatorScore span:nth-child(1) {
  font-weight: 700;
  font-size: 24px;
}

.__UserWatchlist .__UserWatchListLayout {
  position: absolute;
  top: 50px;
  right: -122px;
  z-index: 1000;
  display: none;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box .__WatchlistItems {
  display: flex;
  flex-direction: column;
  max-height: 500px;
  overflow: auto;
  scrollbar-width: thin;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  gap: 1rem;
  padding: 1rem;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box .__WatchlistItems .__ListItem {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box .__WatchlistItems .__ListItem .__WatchListPercent {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  align-items: center;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box .__WatchlistItems .__ListItem .__WatchListPercent b {
  font-weight: 700;
  font-size: 16px;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box .__WatchlistItems .__ListItem .__WatchListName a {
  color: var(--baseColorBlack);
}
.__UserWatchlist .__UserWatchListLayout .arrow_box .__WatchlistItems .__ListItem .__WatchListName {
  display: flex;
  flex: 1;
  font-weight: 600;
  font-size: 14px;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box .__WatchlistItems .__ListItem .__WatchListStar {
  display: flex;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box .__WatchlistItems .__ListItem .__WatchListStar i {
  color: #ffcc67 !important;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box .__WatchlistItems .__ListItem .__WatchListImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box .__WatchlistItems .__ListItem .__WatchListImageView {
  cursor: pointer;
  display: flex;
  width: 50px;
  height: 50px;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box .__TitleList {
  display: flex;
  border-bottom: 1px solid var(--trendingBorderColor);
  padding: 1rem;
  font-weight: 600;
  font-size: 16px;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box {
  position: relative;
  background: #fff;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  width: 350px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box .__LoadingContainer {
  display: flex;
  width: 100%;
  height: 300px;
  align-items: center;
  justify-content: center;
}
.__UserWatchlist .__UserWatchListLayout .arrow_box:after {
  bottom: 100%;
  left: 60%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.__UserWatchlist span {
  width: 38.4px;
  height: 38.4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.__UserWatchlist {
  position: relative;
  display: flex;
  background: var(--trendingBorderColor);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  justify-content: center;
  align-items: center;
}
.__UserWatchlist i {
  color: #666 !important;
}

.__TemplateSplitView {
  display: flex;
  gap: 2rem;
}
.__TemplateSplitView .__Left {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.__TemplateSplitView .__Right {
  display: flex;
  width: 300px;
  position: sticky;
  top: 1rem;
  align-self: flex-start;
}
.__TemplateSplitView .__Right .SponsorBox {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
}
.__TemplateSplitView .__Right .SponsorBox .SponsorBoxBanner {
  width: 300px;
  height: 250px;
  overflow: hidden;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.__TemplateSplitView .__Right .SponsorBox .SponsorBoxBanner .cz-sidebar {
  position: relative !important;
  margin: 0 !important;
  right: 0 !important;
}
.__TemplateSplitView .__Right .SponsorBox .SponsorBoxTitle {
  width: 100%;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
}

.ChartTabLayout {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ChartTabLayout .Tabs {
  display: flex;
  background: #eff2f5;
  padding: 0.3rem 0.3rem;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  gap: 0.3rem;
}
.ChartTabLayout .Tabs .__TabItem span {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.1rem 0.4rem;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: #0A84FF;
  color: #fff;
  font-size: 11px;
}
.ChartTabLayout .Tabs .__TabItem {
  align-items: center;
  gap: 0.5rem;
  padding: 0.1rem 0.7rem;
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.ChartTabLayout .Tabs .__TabItem.active, .ChartTabLayout .Tabs .__TabItem:hover {
  cursor: pointer;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  background: #fff;
}
.ChartTabLayout .Tabs .__TabItem {
  font-weight: 600;
  display: flex;
}

.ChartTopHeaderLayout {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.GameItemsPlaceholder {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
}
.GameItemsPlaceholder .Item {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.GameItemsPlaceholder .Item span:nth-child(2) {
  width: 160px;
  height: 14px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  overflow: hidden;
}
.GameItemsPlaceholder .Item span:nth-child(1) {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  overflow: hidden;
}

.LoadingContent.__Mobile {
  height: calc(100vh - 60px - 60px - 125px - 60px);
}
.LoadingContent {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100vh - 110px);
}
.LoadingContent .loadingSpinner._25 {
  width: 25px;
  height: 25px;
}
.LoadingContent .loadingSpinner {
  position: relative;
  transform: translate(-50%, -50%);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-top-color: #007bff;
  animation: spin 0.5s linear infinite;
}

.HomeTopBoxPreloadElement {
  padding: 1rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
}
.HomeTopBoxPreloadElement .BigHolderContent {
  display: flex;
  width: 100%;
  height: 152px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
.HomeTopBoxPreloadElement .__Title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.HomeTopBoxPreloadElement .__Title span {
  display: flex;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
  height: 10px;
}
.HomeTopBoxPreloadElement .__Title span:nth-child(1) {
  width: 200px;
}
.HomeTopBoxPreloadElement .__Title span:nth-child(2) {
  width: 40px;
  justify-content: flex-end;
}

.shimmer {
  position: relative;
}

.shimmer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(-45deg, #eff2f5 25%, rgba(215, 217, 220, 0.5) 50%, #eff2f5 75%);
  background-size: 200% 100%;
  animation: shimmerAnimation 2s infinite;
}

@keyframes shimmerAnimation {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
b {
  font-weight: inherit;
}

strong {
  font-weight: 800 !important;
}

/**
 @colors
 */
:root {
  --headerBackgroundColor: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(239,242,245,0.5) 25%, rgba(239,242,245,0.5) 50%, rgba(239,242,245,0.5) 75%, rgba(255,255,255,0.1) 100%);
  --inputTextColor: #000;
  --smallButtonTextColor: #000;
  --logoTextColor: #000;
  --logoBackground: #000;
  --bodyBackgroundColor: #fff;
  --trendingBorderColor: #eff2f5;
  --trendingItemHoverColor: #f8fafc;
  --borderColor: #eff2f5;
  --borderColorHover: #cbd5e1;
  --colorGreen: #35af00;
  --colorRed: #ff3860;
  --baseColorBlack: #000000;
  --buttonGreenBackgroundColor: #e8fcc9;
  --buttonGreenTextColor: #35af00;
  --newsCategoryColor: #666;
  --newsTitleColor: #000;
  --footerCopyrightText: #666;
  --footerLinkColor: #334155;
  --footerLinkColorHover: #0077ff;
  --alink:#3861fb;
  --textColorGray: #616E85;
  --tableHeaderColor: #fff;
  --footerLinkTitleColor: #334155;
  --footerFillIconColor: #000;
  --trendingBoxItemBackgroundColor: transparent;
  --headerMenuItemsBackgroundColor: #fff;
  --headerMenuItemsBackgroundColorTop: #fff;
  --headerMenuItemsItem: #eff2f5;
  --headerMenuItemsBorderColor: #eee;
  --headerBaseTitleColor: #000;
  --pageMenuItemTextColor: #bfc2c5;
  --pageMenuItemsColor: #eff2f5;
  --pageMenuItemsHoverColor: #3861fb;
  --blueColor: #0012ff;
  --textColor000: #58667e;
}

.__ButtonStatusLive {
  background: var(--buttonGreenBackgroundColor);
  color: var(--buttonGreenTextColor) !important;
  display: flex;
  height: 26px;
  border-width: 0px !important;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  align-items: center;
  justify-content: center;
}

.__ButtonStatusBeta {
  background: rgba(253, 138, 126, 0.1);
  display: flex;
  height: 26px;
  border-width: 0px !important;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  align-items: center;
  justify-content: center;
}

.__ButtonStatusPresale {
  background: rgba(198, 12, 12, 0.1);
  display: flex;
  height: 26px;
  border-width: 0px !important;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  align-items: center;
  justify-content: center;
}

.__ButtonStatusDevelopment {
  background: rgba(150, 145, 255, 0.1);
  display: flex;
  height: 26px;
  border-width: 0px !important;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  align-items: center;
  justify-content: center;
}

.__ButtonStatusAlpha {
  background: rgba(89, 160, 246, 0.1);
  display: flex;
  height: 26px;
  border-width: 0px !important;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  align-items: center;
  justify-content: center;
}

.__ButtonStatusCancelled {
  background: rgba(253, 138, 126, 0.1);
  display: flex;
  height: 26px;
  border-width: 0px !important;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  align-items: center;
  justify-content: center;
}

.buttonYes.Top {
  border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-bottom: 1px solid var(--bodyBackgroundColor) !important;
}
.buttonYes.Bottom {
  border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
  border-top: 0;
}
.buttonYes {
  padding: 0 0.3rem;
  background: var(--buttonGreenBackgroundColor) !important;
  color: var(--buttonGreenTextColor) !important;
  display: flex;
  height: 24px;
  border: 0px solid #5cd958 !important;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  align-items: center;
  justify-content: center;
}

.buttonNo {
  padding: 0 0.3rem;
  background: rgba(255, 138, 128, 0.1);
  display: flex;
  height: 24px;
  border: 0px solid #FF1744 !important;
  color: #FF1744 !important;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  align-items: center;
  justify-content: center;
}

body {
  background: var(--bodyBackgroundColor) !important;
}
body .discordFilled {
  fill: #5865F2;
}
body .timerFilled {
  fill: #000;
}
body .newsFilledStroke {
  stroke: #130F26;
}
body:not(.night-mode) .GameTopHeaderLayout .OverFlowed {
  background: rgba(255, 255, 255, 0.2);
}
body:not(.night-mode) .FooterLayout {
  background: #fff;
  border-top: 1px solid var(--trendingBorderColor);
}
body:not(.night-mode) .FooterLayout .__View {
  color: #000;
}
body:not(.night-mode) .FooterLayout .CopyrightLayout .__Left {
  color: rgba(0, 0, 0, 0.6);
}
body:not(.night-mode) .FooterLayout .CopyrightLayout .__Right a {
  color: rgba(0, 0, 0, 0.6);
}
body:not(.night-mode) .FooterLayout .CopyrightLayout .__Right a:hover {
  color: var(--footerLinkColor);
}
body:not(.night-mode) .FooterLayout .__View .Newsletter .__NewsletterRegister .NewsletterRegisterButton {
  color: #fff;
}
body:not(.night-mode) .FooterLayout .__View .Newsletter .__NewsletterRegister input[type=text] {
  background: var(--trendingBorderColor);
  color: var(--inputTextColor);
}
body:not(.night-mode) .FooterLayout .FooterBasicLayout .__LinkItems .__LinkItemList a {
  color: #000;
}
body:not(.night-mode) .FooterLayout .FooterBasicLayout .__LinkItems .__LinkItemList a:hover {
  color: var(--blueColor);
}
body:not(.night-mode) .GameViewLayout .__GameHeader .__GameInfo .__InfoTeaser {
  color: #666;
}
body:not(.night-mode) .DataLayout .TabLayout .TabItem.Active, body:not(.night-mode) .DataLayout .TabLayout .TabItem:hover {
  background: #eff2f5;
  color: #000;
}
body:not(.night-mode) .GameViewLayout .__GameHeader .__GameInfo .__InfoTitle {
  color: #fff;
}
body:not(.night-mode) .DataLayout .GameBlockListItems .__Item .__ImageView {
  background: var(--trendingBorderColor);
}
body:not(.night-mode) .GameViewLayout .__GameHeader .__GameGallery .__GalleryTopBar .TopTrendingGame {
  color: #fff;
}
body:not(.night-mode) .GameViewLayout .__WatchListButton {
  color: #000;
}
body:not(.night-mode) .GameViewLayout .__WatchListButton i {
  color: #000;
}
body:not(.night-mode) .GameViewLayout .__WatchListButton i {
  color: #000 !important;
}
body:not(.night-mode) .GameViewLayout .__WatchListButtonBackground {
  background: var(--trendingBorderColor);
}
body:not(.night-mode) .DataLayout .GameLinkItems .__LinkItem span {
  color: #000;
}
body:not(.night-mode) .DataLayout .GameBlockListItems .__Item .__TextView a {
  color: #000;
  font-weight: 600;
}
body:not(.night-mode) .DataLayout .GameBlockTitle {
  color: #000;
}
body:not(.night-mode) .DataLayout .InfoGameLayout .InfoGameName span:nth-child(1) {
  color: #000;
}
body:not(.night-mode) .DataLayout .InfoGameLayout {
  background: #fff;
}
body:not(.night-mode) .FirstTopPlacement {
  background: #222 !important;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}
body:not(.night-mode) .HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__UserButtonEarn {
  font-weight: 600;
}
body:not(.night-mode) .HeaderLayout .__Right .__UserPoints .__UserPointsHolder {
  background: var(--trendingBorderColor);
}
body:not(.night-mode) .HeaderLayout .__Right .__UserPoints .__UserPointsHolder * {
  color: var(--inputTextColor);
}
body.night-mode .Inputs input[type=text]:hover,
body.night-mode .Inputs input[type=text]:focus,
body.night-mode .Inputs input[type=password]:hover,
body.night-mode .Inputs input[type=password]:focus,
body.night-mode .Inputs input[type=email]:hover,
body.night-mode .Inputs input[type=email]:focus,
body.night-mode .Inputs textarea:hover,
body.night-mode .Inputs textarea:focus {
  background: #000;
  border: 1px solid #222 !important;
  color: #fff;
}
body.night-mode .Inputs input, body.night-mode .Inputs textarea {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
body.night-mode {
  /**
  .HeaderLayout .__Left .__Search .__SearchInputBox input{
    background: rgba(#fff, 0.05) !important;
  }
  .HeaderLayout{
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(0,0,0,.8);
    backdrop-filter: blur(30px);
  }
  **/
}
body.night-mode .preloaderMessage a {
  color: #fff !important;
}
body.night-mode .__AwardItem {
  background: rgba(79, 34, 203, 0.1);
  color: #fff !important;
}
body.night-mode .HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__InfoHolder .arrow_box .__BasketTitle {
  color: #fff;
}
body.night-mode .HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__InfoHolder .arrow_box::after,
body.night-mode .__UserWatchlist .__UserWatchListLayout .arrow_box::after {
  border-bottom-color: #111;
}
body.night-mode .HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__InfoHolder .arrow_box,
body.night-mode .__UserWatchlist .__UserWatchListLayout .arrow_box {
  background: linear-gradient(0deg, #080808 0%, #111 100%) !important;
}
body.night-mode .GameTopContentLayout {
  background: linear-gradient(0deg, #080808 0%, #111 100%) !important;
}
body.night-mode .GameNftInfos {
  border: 1px solid var(--trendingBorderColor) !important;
}
body.night-mode .ModalViewerLayout .ModalViewerLayout_CenterView .CenterView {
  background: #111;
}
body.night-mode .ModalToolbarTitle {
  color: #fff !important;
  border-bottom: 1px solid #161616 !important;
}
body.night-mode .ShareItems .ShareItem:hover {
  background-color: #161616;
}
body.night-mode .ModalToolbarContent {
  background: #111 !important;
}
body.night-mode .ModalToolbarTitle .TitleClose .close::before,
body.night-mode .ModalToolbarTitle .TitleClose .close::after {
  background-color: #fff;
}
body.night-mode .HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__UserButtonEarn {
  border-left: 1px solid #111;
  font-weight: 700;
}
body.night-mode .SupportedCryptoTokens .__TokenItem .__ImageView.Yellow {
  background: linear-gradient(62deg, rgba(251, 171, 126, 0.1) 0%, rgba(247, 206, 104, 0.1) 100%);
}
body.night-mode .GameViewLayout .__GameHeader {
  background: linear-gradient(0deg, #D7D9DC 0%, #eff2f5 100%);
  background: rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(8px);
}
body.night-mode .GameTopHeaderLayout .__LeftShadow {
  background: linear-gradient(90deg, black 0%, rgba(255, 23, 68, 0) 100%);
}
body.night-mode .GameTopHeaderLayout .__LeftShadow.Right {
  background: linear-gradient(-90deg, black 0%, rgba(255, 23, 68, 0) 100%);
}
body.night-mode .GameTopHeaderLayout .__LeftShadow.Top {
  background: linear-gradient(180deg, black 0%, rgba(255, 23, 68, 0) 100%);
}
body.night-mode .GameTopHeaderLayout .__LeftShadow.Bottom {
  background: linear-gradient(0deg, black 0%, rgba(255, 23, 68, 0) 100%);
}
body.night-mode .ChartTabLayout .Tabs {
  background: var(--trendingBorderColor);
}
body.night-mode .ChartTabLayout .Tabs .__TabItem.active, body.night-mode .ChartTabLayout .Tabs .__TabItem:hover {
  background: #3861fb;
}
body.night-mode .shimmer::after {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.05) 75%);
  background-size: 200% 100%;
}
body.night-mode .AssetKitItem .__Items .__Item .__Download a {
  color: #999;
}
body.night-mode .AssetKitItem .__Items .__Item .__ImageView {
  background: #000;
  border: 2px solid var(--trendingBorderColor);
}
body.night-mode a:hover {
  color: #82d2e9 !important;
}
body.night-mode .UsefulLinkItems .LinkItem:hover span:nth-child(2) {
  color: #82d2e9;
}
body.night-mode .AboutUsefulLinks {
  background: #000;
}
body.night-mode .Button.Blue:hover {
  color: #82d2e9;
  border: 2px solid #82d2e9;
}
body.night-mode .AwardsBackLayout .__Action a {
  color: #fff;
}
body.night-mode .AwardsBackLayout .__HeaderLinks .LinkTab:hover, body.night-mode .AwardsBackLayout .__HeaderLinks .LinkTab.active {
  color: #82d2e9;
  border-bottom: 2px solid #82d2e9;
}
body.night-mode .AwardGameItems .GameItem .GameItemPlace {
  background: #000;
  color: #fff;
}
body.night-mode .AwardGameItems .GameItem .GameThumbUp {
  background: #000;
  color: #fff;
}
body.night-mode .AwardGameItems .GameItem .GameThumbUp span {
  color: #fff;
}
body.night-mode .AboutUsHeader .View .AboutHeader .__TextView span:nth-child(1) b {
  background: #111c38;
}
body.night-mode .AboutWorkedItems a {
  color: #fff;
}
body.night-mode .AboutUsHeader {
  background: #000;
}
body.night-mode .TableLayoutItems table tbody td a {
  color: #fff;
}
body.night-mode .DataLayout .GameBlockListItems .__Item .__ImageView {
  background: #111 !important;
}
body.night-mode .GameNftInfos .__InfoItem {
  background: transparent;
  border-color: var(--trendingBorderColor);
}
body.night-mode .TrendingLayout .__Item .__ItemTitle span:nth-child(2) a {
  color: #fff;
}
body.night-mode .TrendingLayout .__Item .__ItemListItems .__ListItem:hover {
  background: rgba(255, 255, 255, 0.03);
}
body.night-mode .__NewsDiscoverTags .__TagItem {
  color: #fff;
}
body.night-mode .NewsContentTags .__TagNews {
  color: #fff;
}
body.night-mode .OptionsButton:hover {
  background: #111;
}
body.night-mode .NewsHeaderLayout .__NewsHolderItems .__NewsHolderItemList .__ListItem a {
  color: #fff;
}
body.night-mode .NewsCategoryItems .__Item {
  color: #fff;
}
body.night-mode .__NewsPressItem .__TextView {
  color: #fff;
}
body.night-mode .NewsItems a {
  border: 0;
}
body.night-mode .NewsItems .__Item .__TextView span:nth-child(2) {
  color: rgba(255, 255, 255, 0.6);
}
body.night-mode .NewsItems .__Item .__TextView span:nth-child(1) {
  color: #fff;
}
body.night-mode .NewsItems .__Item {
  background: #111;
  border: 0;
}
body.night-mode .NewsYoutubeWithNewest .__Youtube {
  background: #111;
  border: 0;
}
body.night-mode .NewsPressAndGamesItem .__GameItems .__Title span a {
  color: #fff;
}
body.night-mode .HeaderLayoutInfoBar .__InfoItems .__Item a {
  text-shadow: rgb(53, 205, 248) 0px 0px 8px;
  color: #82d2e9;
}
body.night-mode .HeaderLayoutInfoBar .__InfoItems .__Item .dailychangepercentage_header span {
  color: #92f7cb !important;
  filter: drop-shadow(rgb(61, 240, 162) 0px 0px 8px);
}
body.night-mode .HeaderLayout .__Left .__MenuItems .__Item:hover {
  color: #82d4ea !important;
}
body.night-mode .__SearchResultItems .arrow_box .__SearchItemsTitle.Top {
  border-top: 1px solid rgba(255, 255, 255, 0.03);
}
body.night-mode .HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box .__BlockchainTitle,
body.night-mode .__SearchResultItems .arrow_box .__SearchItemsTitle {
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
body.night-mode .HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box::after,
body.night-mode .UserProfileLayout .__UserMenu .arrow_box::after,
body.night-mode .OptionsButton .__SelectItems .arrow_box::after,
body.night-mode .HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box::after,
body.night-mode .__SearchResultItems .arrow_box::after,
body.night-mode .HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems::after {
  border-bottom-color: #111 !important;
}
body.night-mode .HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box,
body.night-mode .OptionsButton .__SelectItems .arrow_box,
body.night-mode .__SearchResultItems .arrow_box,
body.night-mode .HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box,
body.night-mode .UserProfileLayout .__UserMenu .arrow_box,
body.night-mode .HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems {
  background: linear-gradient(0deg, #080808 0%, #111 100%);
}
body.night-mode .LoginButton:hover {
  background-position: 100% 0 !important;
}
body.night-mode .LoginButton {
  background: transparent;
  background-image: linear-gradient(to right, #00c6ff 0%, #0072ff 51%, #00c6ff 100%) !important;
  box-shadow: 0 4px 15px 0 rgba(0, 114, 255, 0.75);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 114, 255, 0.75);
  background-size: 300% 100% !important;
  transition: all 0.4s ease-in-out;
}
body.night-mode .HeaderLayout .__Right .__Search .__SearchInputBox input {
  background: linear-gradient(90deg, rgb(17, 17, 17) 0%, rgb(0, 0, 0) 100%);
}
body.night-mode .MobileHeaderLayout .__Logo {
  color: #fff;
}
body.night-mode .MobileDataInformationBar .swiper-slide {
  color: #fff;
}
body.night-mode .MobileDataInformationBar .swiper-slide a {
  color: #fff;
}
body.night-mode .MobileDataInformationBar {
  border-top: 0 !important;
  color: #fff;
}
body.night-mode .MobileSearchLayout {
  background: #000;
}
body.night-mode .MobileSearchLayout .MobileSearchLayoutInput span:nth-child(2) {
  background: transparent;
  color: #fff;
}
body.night-mode .MobileSearchLayout .MobileSearchLayoutInput input {
  background: transparent;
  color: #fff;
}
body.night-mode .TrendingLayout .__Item .__ItemListItems .__ListItem.YellowPage {
  background: linear-gradient(90deg, rgba(255, 248, 225, 0.05) 0%, rgba(255, 255, 255, 0) 80%);
}
body.night-mode .TrendingMobileLayout .SmartLinkItems .__Item {
  background: var(--trendingBorderColor);
}
body.night-mode .NewsItemsLayout {
  scrollbar-color: #000 #000;
}
body.night-mode .TableLayoutItems {
  scrollbar-color: #000 #000;
}
body.night-mode table.SnowTable tbody tr.TopListing td:nth-child(1) {
  background: linear-gradient(-90deg, rgba(39, 32, 47, 0.2) 0%, rgba(255, 255, 255, 0) 80%);
}
body.night-mode table.SnowTable tbody tr.TopListing td:nth-child(2), body.night-mode table.SnowTable tbody tr.TopListing td:nth-child(3) {
  background: rgba(39, 32, 47, 0.2);
}
body.night-mode table.SnowTable tbody tr.TopListing td:nth-child(4) {
  background: linear-gradient(90deg, rgba(39, 32, 47, 0.2) 0%, rgba(255, 255, 255, 0) 80%);
}
body.night-mode table.SnowTable tbody tr.TopListing td:nth-child(5), body.night-mode table.SnowTable tbody tr.TopListing td:nth-child(6), body.night-mode table.SnowTable tbody tr.TopListing td:nth-child(7), body.night-mode table.SnowTable tbody tr.TopListing td:nth-child(8), body.night-mode table.SnowTable tbody tr.TopListing td:nth-child(9), body.night-mode table.SnowTable tbody tr.TopListing td:nth-child(10), body.night-mode table.SnowTable tbody tr.TopListing td:nth-child(11), body.night-mode table.SnowTable tbody tr.TopListing td:nth-child(12) {
  background: var(--bodyBackgroundColor);
}
body.night-mode .PointsLayout .__PointTabs .__TabItem.Active, body.night-mode .PointsLayout .__PointTabs .__TabItem:hover {
  background: var(--trendingBorderColor);
  color: #fff !important;
}
body.night-mode .PointsLayout .__PointTabs .__TabItem.Active {
  background: var(--trendingBorderColor);
  color: #fff !important;
}
body.night-mode ul.PaginationUlList li a select {
  background: var(--trendingBorderColor);
  border: 1px solid var(--trendingBorderColor);
  color: rgba(255, 255, 255, 0.8);
}
body.night-mode ul.PaginationUlList li:hover {
  background: var(--trendingBorderColor);
}
body.night-mode ul.PaginationUlList li a {
  color: rgba(255, 255, 255, 0.8);
}
body.night-mode ul.PaginationUlList li.NoHover {
  background: transparent;
}
body.night-mode .CookieBar .__CookieBarLayout {
  background: var(--trendingBorderColor);
}
body.night-mode .NewsTickerTop {
  background: #0e1012 !important;
  border-bottom: 2px solid var(--trendingBorderColor);
}
body.night-mode .setImageBlack {
  -webkit-filter: invert(0%);
  filter: invert(0%);
}
body.night-mode .dailychangepercentage {
  color: #fff;
}
body.night-mode .web3modal-modal-card {
  background: linear-gradient(0deg, rgb(10, 10, 10) 0%, rgb(22, 26, 29) 100%) !important;
}
body.night-mode .web3modal-provider-container {
  background: transparent !important;
}
body.night-mode .web3modal-provider-container:hover {
  background: rgba(255, 255, 255, 0.02) !important;
}
body.night-mode {
  --pageMenuItemsColor: #566171;
  --pageMenuItemsHoverColor: #fff;
}
body.night-mode .discordFilled {
  fill: #fff;
}
body.night-mode .timerFilled {
  fill: #fff;
}
body.night-mode .newsFilledStroke {
  stroke: #fff;
}
body.night-mode {
  --headerBaseTitleColor: #1f2123;
  --headerMenuItemsBorderColor: #1f2123;
  --headerMenuItemsItem: #0e1012;
  --headerMenuItemsBackgroundColorTop:#161a1d;
  --headerMenuItemsBackgroundColor: #161a1d;
  --headerBackgroundColor: transparent;
  --footerFillIconColor: #fff;
  --footerLinkColor: #dfe5ec;
  --footerLinkColorHover: #0077ff;
  --footerLinkTitleColor: #fff;
  --inputTextColor: #fff;
  --smallButtonTextColor: #dfe5ec;
  --tableHeaderColor: transparent;
  color: #dfe5ec;
  --logoTextColor: #fff;
  --footerCopyrightText: #fff;
  --logoBackground: #3861fb;
  --newsCategoryColor: #fff;
  --newsTitleColor: #dfe5ec;
  --buttonGreenBackgroundColor: #111b13;
  --baseColorBlack: #ffffff;
  --trendingItemHoverColor: #161a1d;
  --bodyBackgroundColor: #000;
  --trendingBorderColor: #111;
  --borderColor: #111;
  --borderColorHover: #384a61;
  --swiper-pagination-bullet-inactive-color: #666;
}
body.night-mode .OptionsButton .__SelectItems .arrow_box .CurrencyItems span, body.night-mode .OptionsButton .__SelectItems .arrow_box .LanguageItems span:hover {
  background: var(--bodyBackgroundColor);
}
body.night-mode .HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .CurrencyItems span:hover, body.night-mode .HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .LanguageItems span:hover {
  background: var(--bodyBackgroundColor);
}
body.night-mode .deviceimg {
  opacity: 0.8;
}
body.night-mode .deviceimg:hover {
  opacity: 1;
}
body.night-mode .TrendingLayout .__Item .__ItemListItems .__ListItem span:nth-child(1) {
  color: rgba(255, 255, 255, 0.5);
}
body.night-mode .TableGameCategoryItems a {
  color: rgba(255, 255, 255, 0.6);
}
body.night-mode .TableGameItem .__TextView b {
  color: #fff;
}
body.night-mode .TableGameItem .__TextView span {
  color: rgba(255, 255, 255, 0.5);
}
body.night-mode .HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .CurrencyItemsSearch input {
  color: #fff;
}
body.night-mode .OptionsButton.Blue {
  background: #111c38;
  color: #0096FF !important;
}
body.night-mode table.SnowTable tbody tr:hover td:nth-child(1) {
  background: linear-gradient(-90deg, rgba(17, 17, 17, 0.5) 0%, rgba(18, 21, 24, 0) 100%);
}
body.night-mode table.SnowTable tbody tr:hover td:nth-child(2) {
  background: linear-gradient(-90deg, rgba(17, 17, 17, 0.5) 0%, rgba(18, 21, 24, 0.5) 100%);
}
body.night-mode table.SnowTable tbody tr:hover td:nth-child(3) {
  background: rgba(17, 17, 17, 0.5);
}
body.night-mode table.SnowTable tbody tr:hover td:nth-child(4) {
  background: linear-gradient(90deg, rgba(17, 17, 17, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
body.night-mode .HeaderLayout .__Right .__MenuLinks .__LinkItem:hover {
  background: #111;
}
body.night-mode table.SnowTable thead tr th {
  background: #000;
  color: #fff;
}
body.night-mode table.SnowTable thead tr th[sort=true] a {
  color: #fff;
}
body.night-mode table.SnowTable thead tr th.SortTrue a {
  color: #fff;
}
body.night-mode .HeaderLayout .__Left .__MenuItems .__Item:hover {
  color: #0096FF;
}
body.night-mode .__SearchResultItems .arrow_box .__SearchItemsList {
  scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
}
body.night-mode .HeaderLayoutInfoBar .__InfoItems .__Item {
  font-weight: 600;
}
body.night-mode .HeaderLayoutInfoBar {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
}
body.night-mode .HeaderLayoutInfoBar * i {
  font-weight: 900;
}
body.night-mode .HeaderLayoutInfoBar * b {
  font-weight: 600;
}
body.night-mode .HeaderLayoutInfoBar * {
  font-weight: 600;
}
body.night-mode .HeaderLayoutInfoBar a {
  color: #fff;
}
body.night-mode .HeaderLayoutInfoBar a:hover {
  color: #0096FF;
}
body.night-mode .HeaderLayout .__Right .__MenuLinks .__LinkItem {
  color: rgba(255, 255, 255, 0.8);
}
body.night-mode .HeaderLayout .__Right .__MenuLinks .__LinkItem i {
  color: rgba(255, 255, 255, 0.8);
}
body.night-mode .TrendingLayout .__Item .__ItemListItems .__ListItem span:nth-child(3) {
  color: #fff;
}
body.night-mode .NewsPlaceholderLayout .__TextView span:nth-child(1) a {
  color: #fff;
}
body.night-mode .NewsPlaceholderLayout .__TextView span:nth-child(2) {
  color: #fff;
}
body.night-mode .NewsPlaceholderLayout .__TextView span:nth-child(1) {
  color: #fff;
}
body.night-mode a {
  color: #0096FF;
}
body.night-mode a:hover {
  color: #0096FF;
}
body.night-mode .container {
  background: var(--bodyBackgroundColor);
}
body.night-mode footer {
  background: transparent !important;
  box-shadow: 0 0 0 0 !important;
  -webkit-box-shadow: 0 0 0 0 !important;
  border-top: 1px solid var(--borderColor);
}

input:focus, input:hover, input:active {
  outline: none;
}

a {
  color: #0077ff;
}

.OrLine span:nth-child(2),
.FormItems .FormItem span:nth-child(1) {
  color: #000 !important;
}

.AboutTabItems {
  display: flex;
  width: 100%;
  justify-content: center;
  position: sticky;
  background: #fff;
  top: 0;
  z-index: 1000;
}
.AboutTabItems .__View {
  display: flex;
  width: 1370px;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
.AboutTabItems .__View .TabItems {
  display: flex;
  gap: 0.2rem;
}
.AboutTabItems .__View .TabItems .__Item {
  cursor: pointer;
}
.AboutTabItems .__View .TabItems .__Item:hover {
  background: var(--trendingBorderColor);
  border-radius: 100px;
  -webkit-border-radius: 100px;
}
.AboutTabItems .__View .TabItems .__Item {
  display: flex;
  padding: 0.2rem 1rem;
  font-weight: 600;
  font-size: 16px;
}

.BrandRessouresLayout {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 2rem 0;
  box-shadow: inset 0px -300px 288px 0px #fff;
}
.BrandRessouresLayout .__View {
  display: flex;
  width: 1100px;
  flex-direction: column;
  gap: 1.5rem;
}
.BrandRessouresLayout .__View .__Description {
  display: flex;
  font-weight: 300;
  font-size: 24px;
}
.BrandRessouresLayout .__View .__Title {
  display: flex;
  font-weight: 800;
  font-size: 40px;
}

.PartnerHeaderLayout {
  display: flex;
  flex-direction: column;
  width: 70%;
}
.PartnerHeaderLayout .HeaderButton {
  padding-top: 2rem;
}
.PartnerHeaderLayout .HeaderTextView {
  padding-top: 1.5rem;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}
.PartnerHeaderLayout .HeaderTitle.Brand {
  font-size: 70px;
  font-weight: 800;
  line-height: 85px;
  background: radial-gradient(circle at left top, #099ef1 0%, #6863f8 18.82%, #d84ffa 32.6%, #f058c5 52.83%, #ff4f90 68.03%, #ff6558 87.66%, #ff891f 100%) padding-box text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.PartnerHeaderLayout .HeaderTitle {
  line-height: 140px;
  color: #fff;
  font-weight: 700;
  font-size: 130px;
}

.BecomePartner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
}
.BecomePartner span:nth-child(2) {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.BecomePartner span:nth-child(1) {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.BecomePartner span:nth-child(1) abbr {
  font-size: 18px;
}
.BecomePartner span:nth-child(1) b {
  font-size: 22px;
  font-weight: 600;
}

.TestGameHeader {
  display: flex;
  width: 100%;
  height: 800px;
  position: relative;
}
.TestGameHeader .__BaseBackgroundLine {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 800px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(231, 233, 236) 100%);
}
.TestGameHeader .__ImageView {
  display: flex;
  width: 100%;
  height: 100%;
}
.TestGameHeader .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.AboutUsContact {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 2rem 0;
  border-bottom: 1px solid var(--trendingBorderColor);
}
.AboutUsContact .__View {
  width: 1370px;
}

.__LoginButtonItems {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.DiscordLoginButton:hover {
  border: 1px solid #ccc;
}
.DiscordLoginButton {
  display: inline-flex;
  width: 200px;
  border: 1px solid #e7e9eb;
  border-radius: 6px;
  height: 40px;
  gap: 0.6rem;
  color: #000;
  align-items: center;
  padding: 0 0.5rem;
  justify-content: center;
}
.DiscordLoginButton span {
  display: flex;
  justify-content: center;
  flex: 1;
}

.PlayToEarnLoginLayout.Hide {
  display: none;
}
.PlayToEarnLoginLayout {
  position: fixed;
  z-index: 10000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.PlayToEarnLoginLayout .__LoginView .__LayoutLoginTitle {
  display: flex;
  justify-content: center;
  height: 60px;
  align-items: center;
  font-weight: 600;
  font-size: 20px;
  border-bottom: 1px solid var(--trendingBorderColor);
}
.PlayToEarnLoginLayout .__LoginView .__Close {
  position: absolute;
  right: 8px;
  top: 10px;
}
.PlayToEarnLoginLayout .__LoginView .__Close .__CloseButton {
  cursor: pointer;
  display: flex;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  align-items: center;
  justify-content: center;
  color: #666;
}
.PlayToEarnLoginLayout .__LoginView .__Close .__CloseButton i {
  font-size: 20px;
}
.PlayToEarnLoginLayout .__LoginView {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 400px;
  background: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
}
.PlayToEarnLoginLayout .__LoginView .LoginContainerMetaMaskInstallation.Hide {
  display: none;
}
.PlayToEarnLoginLayout .__LoginView .LoginContainerMetaMaskInstallation {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.PlayToEarnLoginLayout .__LoginView .LoginContainerMetaMaskInstallation .__BackButton {
  display: flex;
  padding: 1rem;
  border-top: 1px solid #eff2f5;
}
.PlayToEarnLoginLayout .__LoginView .LoginContainerMetaMaskInstallation .__InfoButton {
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.PlayToEarnLoginLayout .__LoginView .LoginContainerMetaMaskInstallation .__InfoButton .StartBlueButton {
  width: auto;
}
.PlayToEarnLoginLayout .__LoginView .LoginContainerMetaMaskInstallation .__InfoApp {
  display: flex;
  justify-content: center;
  padding: 3rem 0;
  gap: 1rem;
  flex-direction: column;
  align-items: center;
}
.PlayToEarnLoginLayout .__LoginView .LoginContainerMetaMaskInstallation .__InfoApp .__Name {
  display: inline-flex;
  font-weight: 600;
  font-size: 24px;
}
.PlayToEarnLoginLayout .__LoginView .LoginContainerMetaMaskInstallation .__InfoApp .__Image {
  display: inline-flex;
  width: 100px;
  height: 100px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  overflow: hidden;
}
.PlayToEarnLoginLayout .__LoginView .LoginContainerMetaMaskInstallation .__InfoApp .__Image img {
  width: 100%;
  height: 100%;
}
.PlayToEarnLoginLayout .__LoginView .LoginContainerMetaMaskInstallation .__InfoImageView.Phantom img {
  object-fit: cover;
  object-position: top left;
  width: 100%;
  height: 180px;
}
.PlayToEarnLoginLayout .__LoginView .LoginContainerMetaMaskInstallation .__InfoImageView {
  display: flex;
  border-bottom: 1px solid #eff2f5;
}
.PlayToEarnLoginLayout .__LoginView .LoginContainerMetaMaskInstallation .__InfoImageView img {
  width: 100%;
  height: auto;
}
.PlayToEarnLoginLayout .__LoginView .__LoginContainer.Hide {
  display: none;
}
.PlayToEarnLoginLayout .__LoginView .__LoginContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 1.5rem;
  flex-direction: column;
}
.PlayToEarnLoginLayout .__LoginView .__LoginContainer .__LoginPost {
  display: none;
  flex-direction: column;
  gap: 1rem;
  padding: 5rem 0;
  align-items: center;
  justify-content: center;
}
.PlayToEarnLoginLayout .__LoginView .__LoginContainer .__LoginWalletItems {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  padding: 0 1rem 1rem;
  gap: 0.5rem;
}
.PlayToEarnLoginLayout .__LoginView .__LoginContainer .__LoginWalletItems .__Item .__ItemImageView {
  display: flex;
  width: 50px;
  height: 50px;
  background: #f2f2f2;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
.PlayToEarnLoginLayout .__LoginView .__LoginContainer .__LoginWalletItems .__Item .__ItemImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.PlayToEarnLoginLayout .__LoginView .__LoginContainer .__LoginWalletItems .__Item:hover {
  border: 1px solid #ccc;
  cursor: pointer;
}
.PlayToEarnLoginLayout .__LoginView .__LoginContainer .__LoginWalletItems .__Item .__ItemName {
  color: #000;
  display: flex;
  font-weight: 600;
  font-size: 14px;
}
.PlayToEarnLoginLayout .__LoginView .__LoginContainer .__LoginWalletItems .__Item {
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 1rem;
  background: #fff;
  border: 1px solid #eff2f5;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 0.5rem;
}
.PlayToEarnLoginLayout .__LoginView .__LoginContainer .__LoginTitle {
  width: 100%;
  padding: 1.5rem 2rem 0;
  justify-content: center;
  align-items: center;
  color: #000;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  font-weight: 700;
  font-size: 24px;
}
.PlayToEarnLoginLayout .__LoginView .__LoginImageView .ImageViewDescription {
  display: inline-flex;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 2rem 3rem 0 3rem;
  font-weight: 300;
  font-size: 24px;
}
.PlayToEarnLoginLayout .__LoginView .__LoginImageView .ImageViewTitle {
  display: inline-flex;
  padding-top: 4rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 28px;
}
.PlayToEarnLoginLayout .__LoginView .__LoginImageView {
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 450px;
  background: #000 url("https://assets.playtoearn.com/img/community.png") center bottom no-repeat;
  background-size: 600px auto;
  border-radius: 18px 0 0 18px;
  -webkit-border-radius: 18px 0 0 18px;
}

.PartnerLayout {
  display: flex;
  width: 100%;
  padding: 2rem 0;
  flex-direction: column;
  gap: 2rem;
}
.PartnerLayout .PartnerLayoutGridView {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 4rem;
}
.PartnerLayout .PartnerLayoutGridView .PartnerItem {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
  width: 100%;
}
.PartnerLayout .PartnerLayoutGridView .PartnerItem .ImageView {
  display: flex;
  width: 100%;
  height: 300px;
  align-items: center;
  justify-content: center;
  background: #111;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.PartnerLayout .PartnerLayoutGridView .PartnerItem .ImageView a {
  text-align: center;
}
.PartnerLayout .PartnerLayoutGridView .PartnerItem .ImageView img {
  max-width: 80%;
  max-height: 300px;
}
.PartnerLayout .PartnerLayoutGridView .PartnerItem .__Description {
  display: flex;
  font-size: 18px;
  font-weight: 300;
}
.PartnerLayout .PartnerLayoutGridView .PartnerItem .__Name a, .PartnerLayout .PartnerLayoutGridView .PartnerItem .__Name h2 {
  color: var(--baseColorBlack);
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}
.PartnerLayout .PartnerLayoutGridView .PartnerItem .__Name {
  display: flex;
  font-weight: 700;
  font-size: 24px;
}
.PartnerLayout .__PartnerLayoutTitle {
  font-weight: 800;
  font-size: 36px;
}

.UsefulLinkItems.Three {
  grid-template-columns: repeat(3, 1fr);
}
.UsefulLinkItems {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 3rem;
  padding-top: 3rem;
}
.UsefulLinkItems .LinkItem {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.UsefulLinkItems .LinkItem:hover {
  cursor: pointer;
}
.UsefulLinkItems .LinkItem:hover span:nth-child(2) {
  color: var(--alink);
}
.UsefulLinkItems .LinkItem span:nth-child(3) {
  font-size: 16px;
}
.UsefulLinkItems .LinkItem span:nth-child(2) {
  padding-top: 0.6rem;
  font-weight: 700;
  font-size: 18px;
}
.UsefulLinkItems .LinkItem span:nth-child(1).Green {
  background: #58bd59;
}
.UsefulLinkItems .LinkItem span:nth-child(1).Violet {
  background: #651FFF;
}
.UsefulLinkItems .LinkItem span:nth-child(1).Blue {
  background: var(--blueColor);
}
.UsefulLinkItems .LinkItem span:nth-child(1).BlueShine {
  background: #71aeeb;
}
.UsefulLinkItems .LinkItem span:nth-child(1).Red {
  background-image: radial-gradient(circle 325px at 19.2% 64.8%, #fe3e65 9.7%, #a61892 91.3%);
}
.UsefulLinkItems .LinkItem span:nth-child(1) img {
  width: 50px;
  height: 50px;
}
.UsefulLinkItems .LinkItem span:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: #000;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  overflow: hidden;
}

.AboutUsefulLinks {
  display: flex;
  width: 100%;
  background: var(--trendingBorderColor);
  background: linear-gradient(0deg, #eff2f5 0%, #fff 100%);
  justify-content: center;
}
.AboutUsefulLinks .__View.Brand {
  width: 980px;
}
.AboutUsefulLinks .__View {
  display: flex;
  width: 1370px;
  padding: 0 0 2rem 0;
}

.ModalToolbarTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000 !important;
}
.ModalToolbarTitle .TitleClose {
  position: relative !important;
  right: inherit !important;
  left: inherit !important;
}
.ModalToolbarTitle .TitleClose .close {
  position: relative !important;
  top: inherit !important;
  right: inherit !important;
}

.ContactSuccess {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 450px;
  flex-direction: column;
}
.ContactSuccess span:nth-child(1) {
  font-size: 40px;
}
.ContactSuccess span:nth-child(3) {
  text-align: center;
}
.ContactSuccess span:nth-child(2) {
  font-weight: 600;
  font-size: 18px;
}

.__ContactButtons {
  display: flex;
  justify-content: center;
  padding: 0.5rem 0 0 0;
  gap: 0.5rem;
}

.OrLine {
  display: flex;
  align-items: center;
  padding: 0.2rem 0;
}
.OrLine span:nth-child(1), .OrLine span:nth-child(3) {
  flex: 1;
  background: #e2e2e2;
  height: 1px;
}
.OrLine span:nth-child(2) {
  font-weight: 600;
  padding: 0 1rem;
}

.FormItems {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.FormItems .FormItem {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.FormItems .FormItem span:nth-child(1) {
  font-weight: 600;
}

.ModalButtons {
  display: flex;
  justify-content: flex-end;
  padding: 0.6rem 0.6rem;
  border-top: 1px solid #e8e8e8;
  column-gap: 0.2rem;
}

.ModalToolbarContent.NoPadding {
  padding: 0;
}
.ModalToolbarContent.Disable {
  display: none;
}
.ModalToolbarContent {
  max-height: 600px;
  overflow: auto;
  padding: 1.5rem;
  scrollbar-width: thin;
}
.ModalToolbarContent.Gray {
  background: #f5f7f9;
}

.CleanerLayout {
  display: flex;
  width: 100%;
  justify-content: center;
}
.CleanerLayout .__Viewer {
  display: flex;
  flex-direction: column;
  width: 1300px;
}

.__NewsPressItemList {
  padding-top: 1rem;
}
.__NewsPressItemList a {
  color: var(--baseColorBlack);
}

.NewsYoutubeWithNewest {
  display: flex;
  width: 100%;
  padding-top: 2rem;
  gap: 2rem;
}
.NewsYoutubeWithNewest .__BigNewNewsItem .__BigNewsTop {
  position: absolute;
  top: 0;
  right: 0;
}
.NewsYoutubeWithNewest .__BigNewNewsItem .__BigNewsFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 1rem;
  color: #fff;
  flex-direction: column;
  display: flex;
}
.NewsYoutubeWithNewest .__BigNewNewsItem .__BigNewsFooter span:nth-child(2) {
  font-weight: 700;
  font-size: 36px;
}
.NewsYoutubeWithNewest .__BigNewNewsItem .__BigNewsFooter span:nth-child(1) {
  font-weight: 600;
  font-size: 16px;
}
.NewsYoutubeWithNewest .__BigNewNewsItem {
  flex: 1;
  background: var(--trendingBorderColor);
  height: 450px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.NewsYoutubeWithNewest .__BigNewNewsItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.NewsYoutubeWithNewest .__Youtube {
  display: flex;
  width: 350px;
  border: 2px solid var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  flex-direction: column;
}
.NewsYoutubeWithNewest .__Youtube .__Content a {
  color: var(--baseColorBlack);
}
.NewsYoutubeWithNewest .__Youtube .__Content {
  display: flex;
  flex-direction: column;
}
.NewsYoutubeWithNewest .__Youtube .__Content .__TextView {
  display: flex;
  padding: 1rem;
  font-weight: 600;
  font-size: 18px;
}
.NewsYoutubeWithNewest .__Youtube .__Content .__ImageView {
  display: flex;
}
.NewsYoutubeWithNewest .__Youtube .__Content .__ImageView img {
  width: 100%;
  height: 280px;
  object-fit: contain;
}
.NewsYoutubeWithNewest .__Youtube .__Content .__ImageView {
  background: #000;
}
.NewsYoutubeWithNewest .__Youtube .__TitleBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
  border-bottom: 2px solid var(--trendingBorderColor);
}
.NewsYoutubeWithNewest .__Youtube .__TitleBar span:nth-child(1) {
  font-weight: 600;
  font-size: 18px;
}

.__NewsPressItem {
  display: flex;
  width: 100%;
  gap: 1rem;
  align-items: center;
}
.__NewsPressItem .__TextView {
  display: flex;
  flex: 1;
}
.__NewsPressItem .__TextView span:nth-child(1) {
  font-weight: 600;
  font-size: 16px;
}
.__NewsPressItem .__ImageView {
  display: flex;
  width: 180px;
  height: 120px;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
.__NewsPressItem .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ContentPromtionButtons {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.ContentPromtionButtons .PromotionButtonItem:hover {
  filter: saturate(1.2);
  cursor: pointer;
}
.ContentPromtionButtons .PromotionButtonItem {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  gap: 0.5rem;
}
.ContentPromtionButtons .PromotionButtonItem span {
  font-weight: 700;
  font-size: 16px;
}
.ContentPromtionButtons .PromotionButtonItem {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: var(--trendingBorderColor);
}

.NoResultsPlaceholder.Black {
  border: 1px solid #111;
  color: #fff;
}
.NoResultsPlaceholder {
  display: flex;
  width: 100%;
  border: 2px solid var(--trendingBorderColor);
  margin-top: 1rem;
  padding: 2rem;
  justify-content: center;
  gap: 0.6rem;
  align-items: center;
  font-size: 24px;
}
.NoResultsPlaceholder span {
  font-weight: 600;
}

.NewsContentTags {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.NewsContentTags a {
  color: var(--baseColorBlack);
}
.NewsContentTags .__TagNews:hover {
  cursor: pointer;
  background: var(--trendingItemHoverColor);
}
.NewsContentTags .__TagNews {
  display: flex;
  padding: 0.2rem 0.6rem;
  background: var(--trendingBorderColor);
  font-weight: 600;
  font-size: 12px;
}

.NewsShareListener {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.NewsShareListener li {
  list-style: none;
}

.NewsContentTags .__TagNews {
  border-radius: 100px !important;
}

.NewsTagsAndRelevance {
  display: flex;
  width: 100%;
  padding: 1rem 0;
  gap: 1rem;
  flex-direction: column;
}

.NewsContentDisclaimer {
  display: flex;
  padding-bottom: 2rem;
  font-size: 11px;
}

.NewsContentDescription {
  display: flex;
  align-self: flex-start;
  gap: 2rem;
  width: 100%;
}
.NewsContentDescription .NewsContentShare {
  align-self: flex-start;
  position: sticky;
  top: 1rem;
  width: 40px;
}
.NewsContentDescription .NewsContentTextView figure.image {
  justify-content: center;
}
.NewsContentDescription .NewsContentTextView figure {
  text-align: center;
}
.NewsContentDescription .NewsContentTextView a {
  font-weight: 600;
}
.NewsContentDescription .NewsContentTextView h2, .NewsContentDescription .NewsContentTextView h3 {
  font-weight: 600;
  font-size: 20px;
}
.NewsContentDescription .NewsContentTextView {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.NewsContentDescription .NewsContentTextView img {
  max-width: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.ContentYoutube {
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 260px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: var(--trendingBorderColor);
  position: relative;
}
.ContentYoutube .__Title span:nth-child(1) {
  font-weight: 600;
}
.ContentYoutube .__Title {
  align-items: center;
  position: absolute;
  z-index: 1;
  padding: 0.6rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.ContentDisplay {
  display: flex;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
.ContentDisplay .banner_advertise_sidebar, .ContentDisplay .banner_advertise_sidebar_replace {
  padding: 0 !important;
}

.NewsContentUser {
  display: flex;
  width: 100%;
  border: 2px solid var(--trendingBorderColor);
  padding: 2rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  flex-direction: column;
  gap: 1rem;
}
.NewsContentUser .Social {
  display: flex;
  gap: 0.6rem;
}
.NewsContentUser h1 {
  font-weight: 700;
  font-size: 30px;
  margin: 0;
  padding: 0;
}

.ContentGameItems.NoTop {
  padding-top: 0;
  border-top: 0;
}
.ContentGameItems {
  display: flex;
  flex-direction: column;
  border-top: 2px solid var(--trendingBorderColor);
  padding-top: 1rem;
}
.ContentGameItems .__PlayGameItems {
  display: flex;
  padding-top: 1rem;
}
.ContentGameItems .__GameListItems {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
.ContentGameItems .__GameListItems .__GameListItemBlock {
  display: flex;
  width: 100%;
  cursor: pointer;
}
.ContentGameItems .__GameListItems .__GameListItemBlock .__BlockImageView .__Name {
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  width: 100%;
  padding: 0.6rem;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}
.ContentGameItems .__GameListItems .__GameListItemBlock .__BlockImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ContentGameItems .__GameListItems .__GameListItemBlock .__BlockImageView {
  position: relative;
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 140px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: var(--trendingBorderColor);
}
.ContentGameItems .__Title span:nth-child(1) {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 600;
}
.ContentGameItems .__Title {
  justify-content: space-between;
  display: flex;
  font-weight: 600;
}

.NewsContentItem {
  align-self: flex-start;
  top: 0;
  display: flex;
  width: 100%;
  padding-top: 2rem;
  gap: 4rem;
}
.NewsContentItem .NewsContentExtra .NewsContentExtraFixedElement {
  display: flex;
  bottom: 1rem;
  width: 300px;
  position: relative;
  flex-direction: column;
  gap: 1rem;
}
.NewsContentItem .NewsContentExtra {
  display: flex;
  width: 300px;
  align-self: flex-start;
  top: 1rem;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
}
.NewsContentItem .NewsContentExtra .ContentExtraRelatedNews {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.NewsContentItem .NewsContentExtra .ContentExtraRelatedNews .__RelatedItems {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
}
.NewsContentItem .NewsContentExtra .ContentExtraRelatedNews .__RelatedItems a {
  color: var(--baseColorBlack);
}
.NewsContentItem .NewsContentExtra .ContentExtraRelatedNews .__RelatedItems .__RelatedItem .__TextView {
  display: flex;
  flex: 1;
  font-weight: 600;
  font-size: 14px;
}
.NewsContentItem .NewsContentExtra .ContentExtraRelatedNews .__RelatedItems .__RelatedItem .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.NewsContentItem .NewsContentExtra .ContentExtraRelatedNews .__RelatedItems .__RelatedItem .__ImageView {
  overflow: hidden;
  display: flex;
  width: 100px;
  height: 80px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: var(--trendingBorderColor);
}
.NewsContentItem .NewsContentExtra .ContentExtraRelatedNews .__RelatedItems .__RelatedItem {
  display: flex;
  gap: 1rem;
}
.NewsContentItem .NewsContentExtra .ContentExtraRelatedNews .__RelatedTitle {
  display: flex;
  font-weight: 600;
}
.NewsContentItem .NewsContent {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1rem;
}
.NewsContentItem .NewsContent .NewsContentImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.NewsContentItem .NewsContent .NewsContentImageView {
  display: flex;
  width: 100%;
  height: 600px;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
.NewsContentItem .NewsContent .NewsContentTitle h1 {
  font-size: 40px;
  font-weight: 800;
}
.NewsContentItem .NewsContent .NewsContentCreator {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.NewsContentItem .NewsContent .NewsContentCreator a {
  color: var(--baseColorBlack);
}
.NewsContentItem .NewsContent .NewsContentCreator .__Creator {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
.NewsContentItem .NewsContent .NewsContentCreator .__Creator .__CreatorName {
  font-size: 16px;
  font-weight: 600;
}
.NewsContentItem .NewsContent .NewsContentCreator .__Creator .__CreatorImageView img {
  border: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.NewsContentItem .NewsContent .NewsContentCreator .__Creator .__CreatorImageView {
  overflow: hidden;
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: var(--trendingBorderColor);
}
.NewsContentItem .NewsContent .NewsContentCreator .__Date {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.NewsItems.NoTop {
  padding-top: 0;
}
.NewsItems {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 2rem;
  padding-bottom: 2rem;
  gap: 2rem;
}
.NewsItems a.Display {
  justify-content: center;
  align-items: center;
  background: var(--trendingBorderColor);
}
.NewsItems a:hover {
  border: 2px solid var(--blueColor);
}
.NewsItems a {
  display: flex;
  border: 2px solid var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
.NewsItems .__Item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  cursor: pointer;
}
.NewsItems .__Item .__ItemInfo {
  display: flex;
  width: 100%;
  height: 100%;
}
.NewsItems .__Item .__ItemInfo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.NewsItems .__Item:hover .__TextView span:nth-child(1) {
  color: var(--blueColor);
}
.NewsItems .__Item .__ImageView .__Label {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: flex;
  background: #000;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  color: #fff;
  padding: 0.1rem 0.6rem;
  font-weight: 600;
}
.NewsItems .__Item .__ImageView.Mini {
  height: 200px;
}
.NewsItems .__Item .__ImageView {
  position: relative;
  display: flex;
  width: 100%;
  height: 300px;
  background: var(--trendingBorderColor);
}
.NewsItems .__Item .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.NewsItems .__Item .__TextView {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  gap: 1rem;
}
.NewsItems .__Item .__TextView span {
  color: #000;
}
.NewsItems .__Item .__TextView span:nth-child(2) {
  display: flex;
  justify-content: space-between;
}
.NewsItems .__Item .__TextView span:nth-child(1) {
  font-weight: 600;
  font-size: 18px;
}

.NewsPressItems {
  display: flex;
  width: 400px;
}

.__BigNewsItem {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.__BigNewsItem .__TextView {
  position: absolute;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.5rem;
  flex-direction: column;
  display: flex;
}
.__BigNewsItem .__TextView .__Label {
  display: inline-block;
  padding: 0.3rem 0.8rem;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: #000;
  color: #fff;
  font-weight: 700;
}
.__BigNewsItem .__TextView span:nth-child(3) {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}
.__BigNewsItem .__TextView span:nth-child(2) {
  font-weight: 700;
  font-size: 40px;
}
.__BigNewsItem .__TextView span {
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
}
.__BigNewsItem .__ImageView {
  display: flex;
  width: 100%;
  height: 100%;
}
.__BigNewsItem .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.NewsPressAndGamesItem {
  display: flex;
  gap: 2rem;
  padding-top: 2rem;
}
.NewsPressAndGamesItem .__GameItems {
  display: flex;
  width: 400px;
  flex-direction: column;
}
.NewsPressAndGamesItem .__GameItems .__GameItemList {
  display: flex;
  padding-top: 1rem;
}
.NewsPressAndGamesItem .__GameItems .__GameItemList .__GameListItems {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
.NewsPressAndGamesItem .__GameItems .__GameItemList .__GameListItems .__GameListItemBlock {
  display: flex;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.NewsPressAndGamesItem .__GameItems .__GameItemList .__GameListItems .__GameListItemBlock .__BlockImageView .__Name {
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  width: 100%;
  padding: 0.6rem;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}
.NewsPressAndGamesItem .__GameItems .__GameItemList .__GameListItems .__GameListItemBlock .__BlockImageView {
  position: relative;
  overflow: hidden;
  display: flex;
  width: 120px;
  height: 120px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: var(--trendingBorderColor);
}
.NewsPressAndGamesItem .__GameItems .__Title span {
  display: flex;
  gap: 0.5rem;
}
.NewsPressAndGamesItem .__GameItems .__Title span:nth-child(1) {
  align-items: center;
  font-weight: 600;
  font-size: 18px;
}
.NewsPressAndGamesItem .__GameItems .__Title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
}

.NewsPressItems {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.NewsPressItems .__Title {
  display: flex;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
}

.__NewsDiscoverTags {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 0.6rem;
  flex-wrap: wrap;
  padding: 2rem 0;
  margin-top: 2rem;
  border-top: 2px solid var(--trendingBorderColor);
}
.__NewsDiscoverTags a {
  color: var(--baseColorBlack);
}
.__NewsDiscoverTags .__TagItem:hover {
  background: var(--trendingItemHoverColor);
}
.__NewsDiscoverTags .__TagItem {
  display: flex;
  padding: 0.3rem 0.8rem;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  background: var(--trendingBorderColor);
  font-weight: 600;
  font-size: 11px;
}

.NewsHeaderLayout {
  display: flex;
  width: 100%;
  gap: 2rem;
  padding-top: 2rem;
}
.NewsHeaderLayout .__BigNewsHolder {
  display: flex;
  flex: 1;
}
.NewsHeaderLayout .__BigNewsHolder .__BigNewsItems {
  display: flex;
  width: 100%;
  height: 600px;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
.NewsHeaderLayout .__BigNewsHolder .__BigNewsItems .topNewsSwiper {
  display: inline-block;
  width: 950px;
  overflow: hidden;
}
.NewsHeaderLayout .__NewsHolderItems {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.NewsHeaderLayout .__NewsHolderItems .__NewsHolderItemList.__Hide {
  display: none;
}
.NewsHeaderLayout .__NewsHolderItems .__NewsHolderItemList {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1.5rem;
}
.NewsHeaderLayout .__NewsHolderItems .__NewsHolderItemList .__ListItem:last-child {
  border-bottom: 0;
}
.NewsHeaderLayout .__NewsHolderItems .__NewsHolderItemList .__ListItem {
  border-bottom: 2px solid var(--trendingBorderColor);
  padding-bottom: 1rem;
}
.NewsHeaderLayout .__NewsHolderItems .__NewsHolderItemList .__ListItem:hover a {
  color: var(--blueColor);
  font-weight: 700;
}
.NewsHeaderLayout .__NewsHolderItems .__NewsHolderItemList .__ListItem a {
  color: #000;
}
.NewsHeaderLayout .__NewsHolderItems .__NewsHolderItemList .__ListItem {
  display: flex;
  font-weight: 600;
  font-size: 16px;
}
.NewsHeaderLayout .__NewsHolderItems .__NewsHolderTabItems {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.5rem;
}
.NewsHeaderLayout .__NewsHolderItems .__NewsHolderTabItems .TabItem {
  cursor: pointer;
}
.NewsHeaderLayout .__NewsHolderItems .__NewsHolderTabItems .TabItem.Active {
  background: var(--blueColor);
  color: #fff;
}
.NewsHeaderLayout .__NewsHolderItems .__NewsHolderTabItems .TabItem {
  color: var(--baseColorBlack);
  display: flex;
  padding: 0.5rem 1rem;
  text-align: center;
  justify-content: center;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  font-weight: 600;
  font-size: 16px;
}

.NewsCategoryTitle h1 {
  font-weight: 600;
  font-size: 24px;
}
.NewsCategoryTitle {
  display: flex;
  width: 100%;
  padding-top: 1rem;
  font-weight: 600;
  font-size: 24px;
}

.NewsCategoryTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
}
.NewsCategoryTop .NewsCategorySearch {
  display: flex;
  align-items: center;
}
.NewsCategoryTop .NewsCategorySearch input {
  background: var(--trendingBorderColor);
  border: 0;
  color: var(--inputTextColor);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  padding: 0.5rem 1rem;
  font-weight: 600;
  font-size: 13px !important;
}

.NewsCategoryItems {
  display: flex;
  width: 100%;
  gap: 0.3rem;
}
.NewsCategoryItems a {
  color: var(--baseColorBlack);
}
.NewsCategoryItems .__Item.Active {
  background: var(--trendingBorderColor);
  color: var(--baseColorBlack);
}
.NewsCategoryItems .__Item {
  display: flex;
  padding: 0.4rem 1rem;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  font-weight: 600;
}
.NewsCategoryItems .__Item:hover {
  cursor: pointer;
  background: #3861fb;
  color: #fff;
}

.AwardsLayout {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 2rem 0;
  flex-direction: column;
}
.AwardsLayout .AwardVideo {
  display: flex;
  padding-top: 2rem;
}
.AwardsLayout .AwardDescription.AddTop {
  padding-top: 1rem;
}
.AwardsLayout .AwardDescription {
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
}
.AwardsLayout .AwardSubTitle {
  display: flex;
  padding-top: 2rem;
  font-weight: 700;
  font-size: 20px;
}
.AwardsLayout .AwardGridView.Two {
  grid-template-columns: repeat(2, 1fr);
}
.AwardsLayout .AwardGridView a {
  display: flex;
}
.AwardsLayout .AwardGridView {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  padding-top: 2rem;
}
.AwardsLayout .AwardGridView .ViewItem {
  display: flex;
  width: 100%;
  flex-direction: column;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 2px solid var(--trendingBorderColor);
  overflow: hidden;
}
.AwardsLayout .AwardGridView .ViewItem .__Detail .__WinnerItems {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 0.5rem;
  padding: 0 1rem;
}
.AwardsLayout .AwardGridView .ViewItem .__Detail .__WinnerItems .__Item {
  display: flex;
  width: 100%;
  height: 42px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  overflow: hidden;
  background: var(--trendingBorderColor);
}
.AwardsLayout .AwardGridView .ViewItem .__Detail .__WinnerItems .__Item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.AwardsLayout .AwardGridView .ViewItem .__Detail .__Button {
  display: inline-flex;
  justify-content: center;
  border-top: 1px solid var(--trendingBorderColor);
  padding-top: 1rem;
}
.AwardsLayout .AwardGridView .ViewItem .__Detail.NormalGap {
  gap: 0.2rem;
}
.AwardsLayout .AwardGridView .ViewItem .__Detail {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}
.AwardsLayout .AwardGridView .ViewItem .__Detail .__DetailEnding {
  display: flex;
  padding: 0 1rem 0.5rem;
}
.AwardsLayout .AwardGridView .ViewItem .__Detail .__DetailDescription {
  display: flex;
  padding: 0 1rem;
  font-size: 20px;
  color: var(--baseColorBlack);
}
.AwardsLayout .AwardGridView .ViewItem .__Detail .__DetailItems {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem;
}
.AwardsLayout .AwardGridView .ViewItem .__Detail .__DetailItems .__DetailItem {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.AwardsLayout .AwardGridView .ViewItem .__Detail .__DetailItems .__DetailItem span:nth-child(3) {
  color: var(--baseColorBlack);
  font-size: 11px;
}
.AwardsLayout .AwardGridView .ViewItem .__Detail .__DetailItems .__DetailItem span:nth-child(2) {
  text-align: center;
  color: var(--baseColorBlack);
  font-weight: 700;
  font-size: 24px;
}
.AwardsLayout .AwardGridView .ViewItem .__Detail .__DetailName {
  padding: 0 1rem;
  color: var(--baseColorBlack);
  display: flex;
  font-weight: 700;
  font-size: 18px;
}
.AwardsLayout .AwardGridView .ViewItem .__ImageView {
  display: flex;
  width: 100%;
  height: 280px;
}
.AwardsLayout .AwardGridView .ViewItem .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.AwardsLayout .AwardTitle.AddTop {
  padding-top: 2rem;
}
.AwardsLayout .AwardTitle {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.AwardsLayout .AwardTitle h1 {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 60px;
}

.toppagead {
  background: #000 !important;
}

.toppagetextad {
  background: #000 !important;
  border-top: 1px solid #111;
  border-bottom: 2px solid #161a1d;
}

.banner_advertise_top * {
  box-shadow: 0 0 0 0 !important;
  -webkit-box-shadow: 0 0 0 0 !important;
}

img {
  vertical-align: middle;
}

.ScrollToTopLayout.Hide {
  display: none;
}
.ScrollToTopLayout {
  position: fixed;
  z-index: 1000;
  right: 0.5rem;
  bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.ScrollToTopLayout .__SocialIcon.Youtube {
  background: #ff0000;
}
.ScrollToTopLayout .__SocialIcon.Instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.ScrollToTopLayout .__SocialIcon.Twitter {
  background: #000;
}
.ScrollToTopLayout .__SocialIcon.Discord {
  background: #404eed;
}
.ScrollToTopLayout .__SocialIcon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}
.ScrollToTopLayout .__Text {
  padding-bottom: 0.5rem;
  writing-mode: vertical-rl;
  font-weight: 700;
  font-size: 16px;
}
.ScrollToTopLayout .__ScrollTopIcon {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.ScrollToTopLayout .__ScrollTopIcon i {
  font-size: 18px;
}

.mySwiperClass {
  width: 100% !important;
}
.mySwiperClass .swiper-slide.Selected {
  border: 3px solid #fab777;
}
.mySwiperClass .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  user-select: none;
}
.mySwiperClass .swiper-slide * {
  user-select: none;
}
.mySwiperClass .swiper-slide {
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.mySwiperClass .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.watchlist_star:hover {
  color: #ffcc67;
}
.watchlist_star .loadingSpinner {
  display: none;
}

.WatchListInfo {
  position: relative;
}
.WatchListInfo .__WatchListInfoBox {
  display: none;
  position: absolute;
  top: 34px;
  left: -1rem;
}
.WatchListInfo .__WatchListInfoBox .arrow_box .__WatchListTitle {
  font-size: 24px;
  font-weight: 700;
}
.WatchListInfo .__WatchListInfoBox .arrow_box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: #fff;
  padding: 2rem;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  width: 300px;
}
.WatchListInfo .__WatchListInfoBox .arrow_box:after {
  bottom: 100%;
  left: 25px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.loadingSpinner.Black {
  border: 2px solid #111;
  border-top-color: #0010fb;
}
.loadingSpinner._25 {
  width: 25px;
  height: 25px;
}
.loadingSpinner._16 {
  width: 16px;
  height: 16px;
}
.loadingSpinner {
  position: relative;
  transform: translate(-50%, -50%);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 2px solid #e2e2e2;
  border-top-color: #007bff;
  animation: spin 0.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.setImageBlack {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.__AwardItem {
  background: #eee2ff;
  padding-left: 1rem;
  color: #4f22cb !important;
  border-radius: 8px;
}

.__SearchResultItems.Left {
  right: inherit;
  left: 0;
}
.__SearchResultItems.Left .arrow_box:after {
  left: 20% !important;
}
.__SearchResultItems {
  display: none;
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 100;
}
.__SearchResultItems .arrow_box .__SearchItemsList.Small {
  max-height: 180px;
}
.__SearchResultItems .arrow_box .__SearchItemsList {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
  max-height: 250px;
  overflow: auto;
  scrollbar-width: thin;
}
.__SearchResultItems .arrow_box .__SearchItemsList .__SearchItem.Mini .__ImageView {
  width: 24px;
  height: 24px;
  background: transparent;
}
.__SearchResultItems .arrow_box .__SearchItemsList .__SearchItem:hover {
  cursor: pointer;
  background: var(--borderColor);
}
.__SearchResultItems .arrow_box .__SearchItemsList .__SearchItem .__Price .__PriceButton .SmallButtonRed {
  display: inline-flex;
}
.__SearchResultItems .arrow_box .__SearchItemsList .__SearchItem .__Price .__PriceButton {
  justify-content: flex-end;
  width: 60px;
  display: flex;
}
.__SearchResultItems .arrow_box .__SearchItemsList .__SearchItem .__Price {
  display: flex;
  font-size: 12px;
  font-weight: 600;
}
.__SearchResultItems .arrow_box .__SearchItemsList .__SearchItem .__TextView {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.1rem;
}
.__SearchResultItems .arrow_box .__SearchItemsList .__SearchItem .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.__SearchResultItems .arrow_box .__SearchItemsList .__SearchItem .__ImageView {
  overflow: hidden;
  display: flex;
  width: 46px;
  height: 46px;
  background: var(--borderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.__SearchResultItems .arrow_box .__SearchItemsList .__SearchItem {
  gap: 1rem;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
}
.__SearchResultItems .arrow_box .__SearchItemsTitle.Top {
  border-top: 1px solid var(--headerMenuItemsBorderColor);
}
.__SearchResultItems .arrow_box .__SearchItemsTitle {
  display: flex;
  padding: 0.6rem 1rem;
  border-bottom: 1px solid var(--headerMenuItemsBorderColor);
  font-weight: 600;
}
.__SearchResultItems .arrow_box .__LoadingResults {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 200px;
  align-items: center;
  justify-content: center;
}
.__SearchResultItems .arrow_box {
  width: 400px;
  min-height: 100px;
  position: relative;
  background: var(--headerMenuItemsBackgroundColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
}
.__SearchResultItems .arrow_box:after {
  bottom: 100%;
  left: 80%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--headerMenuItemsBackgroundColorTop);
  border-width: 8px;
  margin-left: -8px;
}

.NewsTickerItems {
  width: 100%;
  height: 38px;
  overflow: hidden;
}
.NewsTickerItems .swiper-slide {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.NewsTickerTop {
  display: flex;
  width: 100%;
  background: #000;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem;
}
.NewsTickerTop span a {
  color: #fff;
}
.NewsTickerTop span {
  display: flex;
}
.NewsTickerTop span:nth-child(1) {
  flex: 1;
}
.NewsTickerTop span:nth-child(2) {
  flex: 4;
}
.NewsTickerTop span:nth-child(3) {
  flex: 1;
  cursor: pointer;
  justify-content: flex-end;
  padding-right: 0.6rem;
}

.TopDisplay {
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
}
.TopDisplay .__InnerView {
  display: flex;
  width: 1370px;
}

.GainersLayout {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 1rem 0;
}
.GainersLayout .GainersTabItems {
  display: flex;
  gap: 0.2rem;
  padding: 1rem 0;
}
.GainersLayout .GainersTabItems .__Item.active, .GainersLayout .GainersTabItems .__Item:hover {
  cursor: pointer;
  background: var(--trendingBorderColor);
  font-weight: 700;
}
.GainersLayout .GainersTabItems .__Item {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 0.4rem 1rem;
  display: flex;
}
.GainersLayout .GainersDescription {
  display: flex;
  font-size: 16px;
  color: var(--textColor000);
}
.GainersLayout .GainersItems.Hide {
  display: none;
}
.GainersLayout .GainersItems.Two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
  padding-top: 1rem;
}
.GainersLayout .GainersItems {
  padding-top: 2rem;
  display: flex;
  width: 100%;
  gap: 2rem;
}
.GainersLayout .GainersItems .__TableItems {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
}
.GainersLayout .GainersItems .__TableItems .__TableItemList {
  display: flex;
  width: 100%;
}
.GainersLayout .GainersItems .__TableItems .__TableItemTitle.View span {
  font-size: 14px;
}
.GainersLayout .GainersItems .__TableItems .__TableItemTitle.View {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.GainersLayout .GainersItems .__TableItems .__TableItemTitle a {
  color: var(--baseColorBlack);
}
.GainersLayout .GainersItems .__TableItems .__TableItemTitle {
  font-size: 20px;
  font-weight: 700;
}
.GainersLayout .GainersTitle h1 {
  font-weight: 700;
  font-size: 24px;
}

.ErrorPage {
  display: flex;
  width: 100%;
  height: 600px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5rem;
}
.ErrorPage .ErrorPageImageView {
  font-size: 100px;
}
.ErrorPage .ErrorPageDescription {
  font-weight: 600;
  font-size: 20px;
}
.ErrorPage .ErrorPageButton {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding-top: 2rem;
}
.ErrorPage .ErrorPageTitle {
  font-weight: 700;
  font-size: 46px;
}

.GameGallerySlider {
  display: inline-block;
  width: 870px;
  overflow: hidden;
}

.GameSimilarItems {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
.GameSimilarItems .__Item:hover {
  border: 2px solid var(--blueColor);
}
.GameSimilarItems .__Item {
  display: flex;
  border: 2px solid var(--trendingBorderColor);
  flex-direction: column;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
.GameSimilarItems .__Item .__TextView {
  padding: 1rem;
  color: var(--baseColorBlack);
  font-weight: 600;
  font-size: 18px;
}
.GameSimilarItems .__Item .__ImageView {
  display: flex;
  width: 100%;
  height: 160px;
  background: var(--trendingBorderColor);
  position: relative;
}
.GameSimilarItems .__Item .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.GameSimilarItems .__Item .__ImageView .__ImageSocialScore {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  display: flex;
  background: #000;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 0.2rem 0.6rem;
  color: #fff;
  font-weight: 600;
  font-size: 11px;
}
.GameSimilarItems .__Item .__ImageView .__ImageViewProfilePicture {
  overflow: hidden;
  position: absolute;
  display: flex;
  width: 60px;
  height: 60px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: var(--trendingBorderColor);
  border: 4px solid #fff;
  bottom: -1rem;
  left: 1rem;
}
.GameSimilarItems .__Item .__ImageView .__ImageViewProfilePicture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.PointsLayout {
  display: flex;
  width: 100%;
  padding: 2rem 0;
  gap: 2rem;
}
.PointsLayout .__PointsMenu {
  display: flex;
  width: 320px;
}
.PointsLayout .__PointsMenu .__PointMenuItems {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 100%;
}
.PointsLayout .__PointsMenu .__PointMenuItems .__Item {
  width: 100%;
}
.PointsLayout .__PointsMenu .__PointMenuItems .__Item:hover {
  background: var(--trendingBorderColor);
}
.PointsLayout .__PointsMenu .__PointMenuItems .__Item {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 600;
}
.PointsLayout .__PointsMenu .__PointMenuItems .__Item i {
  font-size: 18px;
}
.PointsLayout .__PointsMenu .__PointMenuItems .__Item {
  padding: 0.5rem 0.6rem;
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.PointsLayout .__PointsHolder {
  display: flex;
  padding-top: 1rem;
}
.PointsLayout .__PointsLayoutCollect {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.PointsLayout .__PointsLayoutCollect .btn-success {
  background: var(--alink);
  font-weight: 600;
}
.PointsLayout .__PointTabs {
  display: flex;
  padding-top: 1rem;
  gap: 0.4rem;
}
.PointsLayout .__PointTabs .__TabItem {
  cursor: pointer;
}
.PointsLayout .__PointTabs .__TabItem.Active, .PointsLayout .__PointTabs .__TabItem:hover {
  background: #f0f6ff;
  color: rgb(56, 97, 251) !important;
}
.PointsLayout .__PointTabs .__TabItem {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 0.3rem 0.6rem;
  display: flex;
  font-weight: 600;
  font-size: 13px;
}
.PointsLayout .__PointTaskItems {
  display: flex;
  flex-direction: column;
}
.PointsLayout .__PointTaskItems .__TaskItem {
  border-top: 1px solid var(--trendingBorderColor);
  display: flex;
  width: 100%;
  padding: 0.6rem 0;
  gap: 1rem;
  align-items: center;
}
.PointsLayout .__PointTaskItems .__TaskItem .__ItemButton {
  display: flex;
}
.PointsLayout .__PointTaskItems .__TaskItem .__ItemTextView {
  flex: 1;
  display: flex;
  font-weight: 600;
  font-size: 16px;
}
.PointsLayout .__PointTaskItems .__TaskItem .__ItemImageView {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: var(--trendingBorderColor);
  overflow: hidden;
}
.PointsLayout .__PointTaskItems .__TaskItem .__ItemImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.PointsLayout .__PointItems {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 1rem;
  padding-top: 1rem;
}
.PointsLayout .__PointItems .__PointItem {
  position: relative;
}
.PointsLayout .__PointItems .__PointItem .__PointItemChecked {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: var(--alink);
  color: #fff;
}
.PointsLayout .__PointItems .__PointItem.checkedItem .__PointItemChecked {
  display: flex;
}
.PointsLayout .__PointItems .__PointItem.checkedItem {
  border: 2px solid var(--alink);
  background: rgba(56, 97, 251, 0.1);
}
.PointsLayout .__PointItems .__PointItem span:nth-child(3) {
  font-weight: 700;
  font-size: 24px;
}
.PointsLayout .__PointItems .__PointItem span:nth-child(1) {
  font-weight: 600;
  font-size: 11px;
  color: var(--textColor000);
}
.PointsLayout .__PointItems .__PointItem {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: var(--trendingBorderColor);
  width: 100%;
  height: 160px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.PointsLayout .__PointTitleView.AddBottom {
  padding-bottom: 1rem;
}
.PointsLayout .__PointTitleView {
  display: flex;
  justify-content: space-between;
  padding-top: 1rem;
}
.PointsLayout .__PointTitleView span {
  display: flex;
  flex-direction: column;
}
.PointsLayout .__PointTitleView span:nth-child(1) abbr {
  color: var(--textColor000);
  font-size: 16px;
}
.PointsLayout .__PointTitleView span:nth-child(1) b {
  font-weight: 700;
  font-size: 18px;
}
.PointsLayout .PointsHolder {
  display: flex;
  width: 300px;
  height: 160px;
  background: var(--alink) url("https://assets.playtoearn.com/img/points_bg.png") center no-repeat;
  background-size: cover;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  padding: 1.5rem;
  color: #fff;
  flex-direction: column;
}
.PointsLayout .PointsHolder .__Number {
  font-weight: 700;
  font-size: 42px;
}
.PointsLayout .PointsHolder .__MiniTitle {
  font-weight: 600;
}
.PointsLayout .__PointsContent {
  flex-direction: column;
  gap: 0.5rem;
}
.PointsLayout .__PointsContent .__PointsDescription {
  font-weight: 600;
  font-size: 16px;
}
.PointsLayout .__PointsContent .__PointTitle {
  font-weight: 700;
  font-size: 32px;
}
.PointsLayout .__PointsContent {
  display: flex;
  flex: 1;
}

.AddGameHeader {
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
}
.AddGameHeader span {
  display: flex;
}
.AddGameHeader span:nth-child(2) b {
  font-weight: 600;
}
.AddGameHeader span:nth-child(2) {
  justify-content: flex-end;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-end;
}
.AddGameHeader span:nth-child(1) h1 {
  font-weight: 700;
  font-size: 30px;
}
.AddGameHeader span:nth-child(1) {
  font-weight: 700;
  font-size: 30px;
}

.CookieBar {
  display: none;
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 10000;
}
.CookieBar .__CookieBarLayout {
  display: flex;
  width: 320px;
  min-height: 150px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  position: relative;
}
.CookieBar .__CookieBarLayout .__BarImageView {
  position: absolute;
  right: -30px;
  top: -35px;
}
.CookieBar .__CookieBarLayout .__BarLink a {
  font-weight: 600;
}
.CookieBar .__CookieBarLayout .__BarLink {
  padding: 0.5rem 1rem 0 1rem;
}
.CookieBar .__CookieBarLayout .__BarButton {
  display: flex;
  padding: 1rem;
}
.CookieBar .__CookieBarLayout .__BarText {
  display: flex;
  padding: 1rem 1rem 0 1rem;
}
.CookieBar .__CookieBarLayout .__BarTitle {
  border-bottom: 1px solid var(--trendingBorderColor);
  display: flex;
  width: 100%;
  padding: 1rem;
  font-weight: 700;
  font-size: 18px;
}

.FeaturedAppsListItems {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
  padding: 1rem 0;
}
.FeaturedAppsListItems a {
  display: flex;
}
.FeaturedAppsListItems .__FeaturedItem {
  cursor: pointer;
  display: flex;
  width: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 2px solid var(--trendingBorderColor);
  overflow: hidden;
  flex-direction: column;
}
.FeaturedAppsListItems .__FeaturedItem .__TextViewDescription {
  color: var(--baseColorBlack);
  display: flex;
  padding: 0 1rem 1rem;
  font-size: 14px;
}
.FeaturedAppsListItems .__FeaturedItem .__TextView {
  color: var(--baseColorBlack);
  display: flex;
  padding: 1rem 1rem 0.5rem;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
}
.FeaturedAppsListItems .__FeaturedItem .__ImageView {
  display: flex;
  width: 100%;
  height: 200px;
  background: var(--trendingBorderColor);
  position: relative;
}
.FeaturedAppsListItems .__FeaturedItem .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.FeaturedAppsListItems .__FeaturedItem .__ImageView .__Label img {
  width: 100px !important;
}
.FeaturedAppsListItems .__FeaturedItem .__ImageView .__Label {
  position: absolute;
  right: 0;
  top: 0;
}

.__LoginBox {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1rem;
  border-bottom: 1px solid var(--trendingBorderColor);
}

.HeaderLayout.FullWidthPadding {
  padding: 0 1rem;
}
.HeaderLayout.fixed {
  position: sticky;
  top: -1px;
  z-index: 100;
  align-self: flex-start;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.8);
}
.HeaderLayout {
  display: flex;
  width: 100%;
  height: 64px;
  border-bottom: 1px solid var(--borderColor);
  justify-content: space-between;
  align-items: center;
}
.HeaderLayout .__UserAccount {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.HeaderLayout .__HeaderTitle {
  display: none;
}
.HeaderLayout .__HeaderTitle b {
  padding: 0.2rem 0.6rem;
  background: var(--headerBaseTitleColor);
  color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
}
.HeaderLayout .__Left {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.HeaderLayout .__Left .__MenuItems {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems.GamesLeft {
  left: -180px !important;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems.GamesLeft .__BoxItems:after {
  left: 41%;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems.Two {
  left: calc(50% - 250px);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems.Two .__BoxItems {
  width: 500px;
  flex-direction: inherit;
  gap: 0.5rem;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems.Two .__BoxItems .__BoxLeftItems {
  width: 250px;
  display: flex;
  flex-direction: column;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems.Two .__BoxItems .__BoxRightItems.NoPadding .__BoxRightItems {
  padding-left: 0;
  border-left: 0;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems.Two .__BoxItems .__BoxRightItems.NoPadding {
  border-left: 0;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems.Two .__BoxItems .__BoxRightItems .__BoxRightItems {
  display: flex;
  flex-direction: column;
  padding-left: 0.6rem;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems.Two .__BoxItems .__BoxRightItems .__BoxRightTitle {
  color: var(--baseColorBlack);
  display: flex;
  padding: 0.5rem 1rem;
  font-size: 14px;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems.Two .__BoxItems .__BoxRightItems {
  flex: 1;
  border-left: 1px solid var(--borderColor);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems {
  position: absolute;
  display: none;
  padding-top: 28px;
  top: 16px;
  left: calc(50% - 125px);
  z-index: 10000;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems.NoPadding {
  padding: 0;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxItemsInner {
  display: flex;
  padding: 0.5rem;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid var(--trendingBorderColor);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__Learn {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__Learn .__LearnDescription {
  display: flex;
  padding: 0 1rem 1rem 1rem;
  font-weight: 400;
  font-size: 12px;
  color: var(--baseColorBlack);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__Learn .__LearnButton {
  border-top: 1px solid var(--trendingBorderColor);
  padding: 1rem;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__Learn .__LearnTitle {
  padding: 1rem 1rem 0 1rem;
  display: flex;
  width: 100%;
  color: var(--baseColorBlack);
  font-weight: 600;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem {
  display: flex;
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem a span.Telegram {
  background: #0176c3 !important;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem a span.Youtube {
  background: #f70000 !important;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem a span.Twitter {
  background: #4ea6e9 !important;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem a span.Discord {
  background: #4b5cdb !important;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem:nth-child(1) a span:nth-child(1) {
  color: #fff;
  background-color: #0093E9;
  background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem:nth-child(2) a span:nth-child(1) {
  color: #fff;
  background-color: #FBAB7E;
  background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem:nth-child(3) a span:nth-child(1) {
  color: #fff;
  background-color: #FF9A8B;
  background-image: linear-gradient(90deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem:nth-child(4) a span:nth-child(1) {
  color: #fff;
  background-color: #FF3CAC;
  background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem:nth-child(5) a span:nth-child(1) {
  color: #fff;
  background-color: #F4D03F;
  background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem:nth-child(6) a span:nth-child(1) {
  color: #fff;
  background-color: #FEE140;
  background-image: linear-gradient(90deg, #FEE140 0%, #FA709A 100%);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem a .fa-star {
  color: #fff;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem a {
  width: 100%;
  padding: 0.6rem 0.6rem;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem a span:nth-child(1) i {
  font-size: 18px;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem a span:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: var(--borderColor);
  border-radius: 100px;
  -webkit-border-radius: 100px;
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem a {
  align-items: center;
  display: flex;
  gap: 1rem;
  color: var(--footerLinkColor);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems .__BoxListItem:hover {
  background: var(--headerMenuItemsItem);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  width: 250px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  position: relative;
  background: var(--headerMenuItemsBackgroundColor);
  min-height: 80px;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
}
.HeaderLayout .__Left .__MenuItems .__Item .__MenuBoxItems .__BoxItems:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--headerMenuItemsBackgroundColorTop);
  border-width: 8px;
  margin-left: -8px;
}
.HeaderLayout .__Left .__MenuItems .__Item.Big i {
  font-size: 18px;
}
.HeaderLayout .__Left .__MenuItems .__Item:hover {
  cursor: pointer;
  color: var(--alink);
}
.HeaderLayout .__Left .__MenuItems .__Item {
  color: var(--baseColorBlack);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}
.HeaderLayout .__Left .__MenuItems .__Item i {
  font-size: 12px;
}
.HeaderLayout .__Left .__MenuItems .__Item {
  font-size: 15px;
  font-weight: 600;
}
.HeaderLayout .__Left .__Logo {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.HeaderLayout .__Left .__Logo b {
  flex: 1;
  color: var(--logoTextColor);
  font-weight: 700;
  font-size: 18px;
}
.HeaderLayout .__Left .__Logo .__LogoIcon {
  background: #3861fb;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.HeaderLayout .__Left .__Search {
  position: relative;
  display: flex;
}
.HeaderLayout .__Left .__Search .__SearchInputBox {
  position: relative;
}
.HeaderLayout .__Left .__Search .__SearchInputBox .__Icon {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 41.6px;
  height: 41.6px;
  align-items: center;
  justify-content: center;
}
.HeaderLayout .__Left .__Search .__SearchInputBox input {
  font-weight: 600;
  font-size: 16px !important;
  border: 0;
  width: 240px;
  padding: 0.5rem 0.8rem 0.5rem 2.5rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: var(--trendingBorderColor);
  color: var(--inputTextColor);
}
.HeaderLayout .__Right {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.HeaderLayout .__Right .__UserPoints {
  display: flex;
}
.HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__UserButtonEarn {
  height: 38.4px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  border-left: 1px solid #e2e2e2;
  padding: 0.2rem 0.8rem;
  font-weight: 800;
  font-size: 12px;
}
.HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__UserPointsHolderTextView {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}
.HeaderLayout .__Right .__UserPoints .__UserPointsHolder {
  padding: 0;
}
.HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__UserPointsText {
  display: flex;
  padding: 0.2rem;
  gap: 0.6rem;
  align-items: center;
}
.HeaderLayout .__Right .__UserPoints .__UserPointsHolder {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: linear-gradient(90deg, rgba(69, 64, 54, 0.5) 0%, rgb(0, 0, 0) 100%);
  display: flex;
  gap: 0.5rem;
  align-items: center;
  position: relative;
}
.HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__InfoHolder {
  position: absolute;
  display: none;
  top: 42px;
  right: 0;
  z-index: 100;
}
.HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__InfoHolder .arrow_box {
  position: relative;
  background: #fff;
  display: flex;
  padding: 1.5rem;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__InfoHolder .arrow_box .__BasketTitle {
  justify-content: center;
  display: flex;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
}
.HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__InfoHolder .arrow_box .__BasketItems {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}
.HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__InfoHolder .arrow_box .__BasketItems .__ImgItem {
  display: flex;
  padding: 1rem;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__InfoHolder .arrow_box .__BasketItems .__ColletButton {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1rem;
}
.HeaderLayout .__Right .__UserPoints .__UserPointsHolder .__InfoHolder .arrow_box:after {
  bottom: 100%;
  left: 88%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.HeaderLayout .__Right .__Search {
  position: relative;
  display: flex;
}
.HeaderLayout .__Right .__Search .__SearchInputBox {
  position: relative;
}
.HeaderLayout .__Right .__Search .__SearchInputBox .__Icon {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 35.2px;
  height: 35.2px;
  align-items: center;
  justify-content: center;
}
.HeaderLayout .__Right .__Search .__SearchInputBox input {
  font-weight: 600;
  font-size: 12px !important;
  border: 0;
  width: 200px;
  padding: 0.5rem 0.8rem 0.5rem 2rem;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: var(--trendingBorderColor);
  color: var(--inputTextColor);
}
.HeaderLayout .__Right .__MenuLinks {
  display: flex;
  gap: 0.3rem;
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox {
  display: none;
  position: absolute;
  z-index: 10;
  top: 33px;
  padding-top: 20px;
  left: calc(50% - 200px);
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box .__BlockchainItems {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box .__BlockchainItems .__BlockItem:hover {
  background: var(--borderColor);
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box .__BlockchainItems .__BlockItem {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  display: flex;
  color: var(--baseColorBlack);
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box .__BlockchainItems .__BlockItem a {
  padding: 0.5rem 0.6rem;
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box .__BlockchainItems .__BlockItem a span:nth-child(1) i {
  font-size: 16px;
  color: var(--footerLinkColor);
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box .__BlockchainItems .__BlockItem a span:nth-child(1) {
  width: 36px;
  height: 36px;
  background: var(--borderColor);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box .__BlockchainItems .__BlockItem a {
  display: flex;
  gap: 0.6rem;
  color: var(--footerLinkColor);
  align-items: center;
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box .__BlockchainTitle {
  display: flex;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--headerMenuItemsBorderColor);
  align-items: center;
  gap: 0.6rem;
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box {
  width: 400px;
  min-height: 100px;
  position: relative;
  background: var(--headerMenuItemsBackgroundColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem .__LinkItemBox .arrow_box:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--headerMenuItemsBackgroundColorTop);
  border-width: 8px;
  margin-left: -8px;
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem {
  position: relative;
  color: #000;
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem i {
  color: #000;
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem:hover {
  cursor: pointer;
  background: var(--trendingItemHoverColor);
}
.HeaderLayout .__Right .__MenuLinks .__LinkItem {
  font-size: 14px;
  font-weight: 600;
  align-items: center;
  gap: 0.5rem;
  display: flex;
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
  -webkit-border-radius: 8px;
}

/**
  @old
 */
.banner_advertise_top, .banner_advertise_top_ad, .banner_advertise_top_replace {
  position: relative;
}

.banner_advertise_top_ad a {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
}

.top_banner_info {
  position: absolute;
  right: 0.3rem;
  bottom: 0.7rem;
  width: auto;
  height: auto;
}
.top_banner_info a {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 0.2rem 0.6rem;
  position: relative;
  color: #fff;
}
.top_banner_info a i {
  color: #fff;
}

.PriceAlert {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

#btn-connect {
  margin-top: 0;
  background: #007afc;
  color: #fff;
  font-size: 0.9rem;
  padding: 0 1rem;
}

.FeaturedBlockchainGamesLayout {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2rem 0;
}
.FeaturedBlockchainGamesLayout .GamesItemList.Silver {
  grid-template-columns: repeat(3, 1fr);
}
.FeaturedBlockchainGamesLayout .GamesItemList.Silver .__Item {
  border: 3px solid var(--trendingBorderColor);
}
.FeaturedBlockchainGamesLayout .GamesItemList.Silver .__Item .__Title {
  font-size: 20px;
}
.FeaturedBlockchainGamesLayout .GamesItemList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
  padding-top: 1rem;
}
.FeaturedBlockchainGamesLayout .GamesItemList .__Item {
  cursor: pointer;
  overflow: hidden;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  display: flex;
  border: 2px solid #ffe533;
  flex-direction: column;
}
.FeaturedBlockchainGamesLayout .GamesItemList .__Item .__Tags {
  padding: 0.5rem 1.5rem 1.5rem;
  display: flex;
  gap: 0.4rem;
}
.FeaturedBlockchainGamesLayout .GamesItemList .__Item .__Tags .__TagItem {
  display: flex;
  background: var(--trendingBorderColor);
  padding: 0.1rem 0.4rem;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
}
.FeaturedBlockchainGamesLayout .GamesItemList .__Item .__Description {
  display: flex;
  padding: 0 1.5rem 0.5rem;
  font-size: 16px;
}
.FeaturedBlockchainGamesLayout .GamesItemList .__Item .__Title {
  display: flex;
  padding: 1.5rem 1.5rem 0.5rem;
  font-size: 30px;
  font-weight: 700;
}
.FeaturedBlockchainGamesLayout .GamesItemList .__Item .__ImageView {
  display: flex;
  width: 100%;
  height: 300px;
  position: relative;
}
.FeaturedBlockchainGamesLayout .GamesItemList .__Item .__ImageView .__Icon {
  position: absolute;
  top: 0;
  right: 0rem;
}
.FeaturedBlockchainGamesLayout .GamesItemList .__Item .__ImageView .__Icon img {
  width: 120px;
}
.FeaturedBlockchainGamesLayout .GamesItemList .__Item .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.FeaturedBlockchainGamesLayout .GamesTitle.AddTop {
  padding-top: 2rem;
}
.FeaturedBlockchainGamesLayout .GamesTitle {
  display: flex;
}
.FeaturedBlockchainGamesLayout .GamesTitle h2 {
  color: var(--baseColorBlack);
  font-weight: 700;
  font-size: 36px;
}
.FeaturedBlockchainGamesLayout .GamesTitle h1 {
  color: var(--baseColorBlack);
  font-weight: 700;
  font-size: 36px;
}

.SiteskinBoxViewer {
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  transform: scale(1.05);
}
.SiteskinBoxViewer img {
  width: auto !important;
}

.StatisticTopLayout {
  padding-top: 3rem;
  display: flex;
  width: 100%;
  gap: 4rem;
}
.StatisticTopLayout .__BoxItems {
  align-self: flex-start;
  position: sticky;
  top: 2rem;
  display: flex;
  width: 400px;
  flex-direction: column;
  gap: 1rem;
}
.StatisticTopLayout .__BoxItems .__BoxItem {
  display: flex;
  width: 100%;
  padding: 0.6rem 1rem;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  gap: 1rem;
  justify-content: space-between;
}
.StatisticTopLayout .__BoxItems .__BoxItem span {
  display: flex;
  align-items: center;
}
.StatisticTopLayout .__BoxItems .__BoxItem span:nth-child(2) {
  font-weight: 700;
  font-size: 30px;
}
.StatisticTopLayout .__BoxItems .__BoxItem span:nth-child(1) {
  font-weight: 600;
  font-size: 18px;
}
.StatisticTopLayout .__Chart {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1rem;
}
.StatisticTopLayout .__Chart .__ChartTitle {
  font-weight: 600;
  font-size: 24px;
}

.PlayToEarnDisplay {
  display: flex;
  padding: 1rem 0 0 0 !important;
  width: 100%;
  margin: 0 !important;
}
.PlayToEarnDisplay.bottommad {
  padding: 1rem 0 !important;
}
.PlayToEarnDisplay .__Display {
  display: flex;
  width: 100%;
  height: 90px;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  position: relative;
}
.PlayToEarnDisplay .__Display .__Create {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  display: flex;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  align-items: center;
  gap: 0.4rem;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  padding: 0.2rem 0.6rem;
}

.HeaderLayoutInfoBar.FullWidthPadding {
  padding: 0 0.8rem;
}
.HeaderLayoutInfoBar {
  display: flex;
  height: 48px;
  border-bottom: 1px solid var(--borderColor);
  align-items: center;
  justify-content: space-between;
}
.HeaderLayoutInfoBar .__OptionBoxItemSplitter {
  display: flex;
  width: 1px;
  background: var(--trendingBorderColor);
  height: 32px;
}
.HeaderLayoutInfoBar .__OptionBoxItems.Filled {
  margin-left: 0.5rem;
  height: 32px;
  padding: 0 0.6rem;
  font-size: 12px;
  background: var(--trendingBorderColor);
}
.HeaderLayoutInfoBar .__OptionBoxItems.Red {
  margin-left: 0.3rem;
  padding: 0 0.6rem;
  height: 32px;
}
.HeaderLayoutInfoBar .__OptionBoxItems.Red:hover {
  background-image: radial-gradient(circle 325px at 19.2% 64.8%, rgb(254, 62, 101) 9.7%, rgb(166, 24, 146) 91.3%);
  color: #fff;
}
.HeaderLayoutInfoBar .__OptionBoxItems.Red {
  background-image: radial-gradient(circle 325px at 19.2% 64.8%, rgb(254, 62, 101) 9.7%, rgb(166, 24, 146) 91.3%);
  color: #fff;
}
.HeaderLayoutInfoBar .__OptionBoxItems:hover {
  cursor: pointer;
  background: var(--trendingItemHoverColor);
}
.HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect.Hide {
  display: none;
}
.HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect {
  position: absolute;
  top: 36px;
  right: 0;
  z-index: 100;
}
.HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box {
  width: 200px;
  position: relative;
  background: var(--headerMenuItemsBackgroundColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
}
.HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .CurrencyItemsSearch {
  border-bottom: 1px solid var(--trendingBorderColor);
  display: flex;
  padding: 0.5rem;
}
.HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .CurrencyItemsSearch input {
  width: 100%;
  position: relative;
  background: var(--trendingBorderColor);
  border: 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 0.3rem 0.6rem;
  color: var(--textColorGray);
  font-weight: 400;
  font-size: 14px;
}
.HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .CurrencyItems, .HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .LanguageItems {
  padding: 0.4rem;
  max-height: 300px;
  overflow: auto;
  scrollbar-width: thin;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .CurrencyItems span[selected] .__ShowSelected, .HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .LanguageItems span[selected] .__ShowSelected {
  display: inline-flex;
}
.HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .CurrencyItems span:hover, .HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .LanguageItems span:hover {
  background: var(--trendingItemHoverColor);
}
.HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .CurrencyItems span, .HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .LanguageItems span {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0.6rem;
}
.HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .CurrencyItems span .__ShowSelected, .HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box .LanguageItems span .__ShowSelected {
  display: none;
}
.HeaderLayoutInfoBar .__OptionBoxItems .__OptionBoxSelect .arrow_box:after {
  bottom: 100%;
  left: 80%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--headerMenuItemsBackgroundColorTop);
  border-width: 8px;
  margin-left: -8px;
}
.HeaderLayoutInfoBar .__OptionBoxItems {
  position: relative;
  display: flex;
  padding: 0.2rem 0.4rem;
  align-items: center;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  gap: 0.4rem;
  color: var(--smallButtonTextColor);
}
.HeaderLayoutInfoBar .__OptionBoxItems i {
  font-size: 12px;
}
.HeaderLayoutInfoBar .__OptionBoxItems {
  font-size: 12px;
  font-weight: 600;
}
.HeaderLayoutInfoBar .__Options {
  display: flex;
  gap: 0.3rem;
}
.HeaderLayoutInfoBar .__InfoItems {
  display: flex;
  gap: 1rem;
}
.HeaderLayoutInfoBar .__InfoItems .__ItemSwiper .swiper-slide {
  display: flex;
  align-items: center;
  height: 40px;
  gap: 1rem;
}
.HeaderLayoutInfoBar .__InfoItems .__ItemSwiper {
  height: 40px;
  overflow: hidden;
}
.HeaderLayoutInfoBar .__InfoItems .__Item span i {
  font-size: 14px;
}
.HeaderLayoutInfoBar .__InfoItems .__Item.BorderLeft {
  border-left: 1px solid var(--borderColor);
  padding-left: 1rem;
}
.HeaderLayoutInfoBar .__InfoItems .__Item {
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.YoutubeSubscribeButton.Twitch {
  background: #9147ff;
}
.YoutubeSubscribeButton {
  display: inline-flex;
  color: #fff;
  align-items: center;
  gap: 0.6rem;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
}
.YoutubeSubscribeButton i {
  font-size: 18px;
}
.YoutubeSubscribeButton {
  padding: 0.4rem 0.6rem;
  background: #ff233a;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.GameButton.Green {
  background-image: linear-gradient(to right, #56ab2f 0%, #a8e063 51%, #56ab2f 100%);
  box-shadow: 0 4px 15px 0 rgba(86, 171, 47, 0.75);
  -webkit-box-shadow: 0 4px 15px 0 rgba(86, 171, 47, 0.75);
}
.GameButton.Blue {
  background-image: linear-gradient(to right, #00c6ff 0%, #0072ff 51%, #00c6ff 100%);
  box-shadow: 0 4px 15px 0 rgba(0, 114, 255, 0.75);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 114, 255, 0.75);
}
.GameButton.Cyan {
  background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
  box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
  -webkit-box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}
.GameButton.Violet {
  background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7);
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
  -webkit-box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}
.GameButton.Orange {
  background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
  box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
  -webkit-box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}
.GameButton:hover {
  background-position: 100% 0;
}
.GameButton.SuperMini {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  padding: 0 1.2rem !important;
  height: 30px;
  font-size: 14px;
}
.GameButton.Mini {
  height: 40px;
  font-size: 16px;
}
.GameButton.NoPadding {
  height: auto;
  padding: 0;
}
.GameButton.NoPadding .__Button {
  font-weight: 600;
  font-size: 16px;
  column-gap: 0.5rem;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.GameButton.NoPadding .__Button i {
  font-size: 18px;
}
.GameButton.NoPadding .__TextView {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
  height: 50px;
  padding: 0 1rem 0 1.5rem;
}
.GameButton {
  background-size: 300% 100% !important;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 65px;
  width: auto;
  padding: 0 2rem;
  font-weight: 600;
  font-size: 22px;
}

@keyframes GlowYellow {
  0% {
    text-shadow: 0 0 5px rgba(255, 171, 64, 0.2);
  }
  100% {
    text-shadow: 0 0 15px rgba(255, 171, 64, 0.6);
  }
}
b.Glow {
  font-size: inherit;
  color: #faa046 !important;
  animation: GlowYellow 1s ease-in-out infinite alternate;
}

.TableLayoutItems.PaddingBottom {
  padding-bottom: 1.5rem;
}

.TourInfo {
  display: flex;
  width: 100%;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  flex-direction: column;
  gap: 0.3rem;
}
.TourInfo span:nth-child(3) a {
  font-weight: 600;
}
.TourInfo span:nth-child(3) {
  line-height: 11px;
  font-size: 12px;
}
.TourInfo span:nth-child(2) {
  font-size: 18px;
}
.TourInfo span:nth-child(1) {
  font-weight: 800;
  font-size: 30px;
}

.TourTitle {
  display: flex;
  padding-top: 2rem;
  padding-bottom: 2rem;
  flex-direction: column;
  gap: 0.2rem;
}
.TourTitle h1, .TourTitle h2 {
  margin: 0;
  padding: 0;
}
.TourTitle h2 {
  font-weight: 600;
  font-size: 24px;
}
.TourTitle h1 {
  font-weight: 800;
  font-size: 50px;
}

.TokenLinkItems {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding-bottom: 2rem;
}
.TokenLinkItems .__LinkItem {
  display: flex;
}

.TourLayout {
  display: flex;
  gap: 3rem;
}
.TourLayout .TourLayoutMenu {
  align-self: flex-start;
  width: 300px;
  padding: 2rem 0;
  position: sticky;
  top: 0rem;
}
.TourLayout .TourLayoutMenu .__TournamentTitle {
  display: flex;
  padding-bottom: 1rem;
  font-size: 18px;
  font-weight: 300;
}
.TourLayout .TourLayoutMenu .__TournamentItems {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.TourLayout .TourLayoutMenu .__TournamentItems .__TourItem:hover {
  cursor: pointer;
  background: var(--trendingBorderColor);
}
.TourLayout .TourLayoutMenu .__TournamentItems .__TourItem {
  align-items: center;
  display: flex;
  gap: 1rem;
  padding: 0.2rem;
  border-radius: 100px;
  -webkit-border-radius: 100px;
}
.TourLayout .TourLayoutMenu .__TournamentItems .__TourItem .__ItemName {
  display: flex;
  font-weight: 600;
  font-size: 16px;
}
.TourLayout .TourLayoutMenu .__TournamentItems .__TourItem .__ItemImageView {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  overflow: hidden;
}
.TourLayout .TourLayoutContent {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.AboutOfficeImageBlocks {
  display: flex;
  gap: 2rem;
  width: 100%;
}
.AboutOfficeImageBlocks .__BlockFirstImage {
  display: flex;
  flex: 1;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.AboutOfficeImageBlocks .__BlockLastImages {
  display: flex;
  width: 400px;
  flex-direction: column;
  gap: 2rem;
}
.AboutOfficeImageBlocks .__BlockLastImages .__Image {
  display: flex;
  width: 100%;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  height: 280px;
}

.TeamItems {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
  width: 100%;
}
.TeamItems .TeamItem {
  display: flex;
  flex-direction: column;
}
.TeamItems .TeamItem .TeamSocial {
  padding-top: 1rem;
  display: flex;
  gap: 0.6rem;
}
.TeamItems .TeamItem .TeamSocial span.Blue {
  background: #0a66c2;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}
.TeamItems .TeamItem .TeamPosition {
  font-size: 18px;
}
.TeamItems .TeamItem .TeamName {
  padding-top: 1rem;
  font-weight: 700;
  font-size: 22px;
  display: flex;
}
.TeamItems .TeamItem .TeamInfo {
  padding-top: 0.5rem;
  display: flex;
  width: 100%;
  font-size: 11px;
  font-weight: 300;
}
.TeamItems .TeamItem .TeamItemImageView {
  display: flex;
  width: 100%;
  height: 350px;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
.TeamItems .TeamItem .TeamItemImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.AboutWorkedItems {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 2rem;
  width: 100%;
}
.AboutWorkedItems a {
  color: var(--baseColorBlack);
}
.AboutWorkedItems .__WorkItem {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
}
.AboutWorkedItems .__WorkItem .__ItemName {
  font-weight: 700;
  font-size: 20px;
}
.AboutWorkedItems .__WorkItem .__ItemImageView.Number {
  background: #000;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 24px;
}
.AboutWorkedItems .__WorkItem .__ItemImageView {
  display: flex;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}

.AboutBlockItemBlocks {
  margin-bottom: 2rem;
  border-top: 1px solid var(--trendingBorderColor);
  padding-top: 2rem;
  display: flex;
  gap: 2rem;
  width: 100%;
}
.AboutBlockItemBlocks .__BlockItem:hover {
  border: 1px solid var(--alink);
  cursor: pointer;
}
.AboutBlockItemBlocks .__BlockItem {
  width: 100%;
  display: flex;
  border: 1px solid var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1.5rem;
  align-items: center;
  gap: 2rem;
}
.AboutBlockItemBlocks .__BlockItem .__Go {
  display: flex;
}
.AboutBlockItemBlocks .__BlockItem .__Go i {
  font-size: 36px;
}
.AboutBlockItemBlocks .__BlockItem .__TextView {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.AboutBlockItemBlocks .__BlockItem .__TextView span:nth-child(2) {
  font-size: 16px;
}
.AboutBlockItemBlocks .__BlockItem .__TextView span:nth-child(1) {
  font-weight: 600;
  font-size: 20px;
}
.AboutBlockItemBlocks .__BlockItem .__ImageView .RoundIcon.Violet {
  background: #72cf73;
}
.AboutBlockItemBlocks .__BlockItem .__ImageView .RoundIcon {
  width: 80px;
  height: 80px;
  background: #000;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  background: #0077ff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.AboutBlockItemBlocks .__BlockItem .__ImageView .RoundIcon i {
  font-size: 32px;
}
.AboutBlockItemBlocks .__BlockItem .__ImageView {
  display: inline-block;
}

.__ClientHeaderImage {
  display: flex;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  overflow: hidden;
}
.__ClientHeaderImage img {
  width: 100%;
}

.ClientsReview .ClientItem a {
  color: #000;
}
.ClientsReview .ClientItem {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.ClientsReview .ClientItem .__ClientReview b {
  font-weight: 600;
}
.ClientsReview .ClientItem .__ClientReview article {
  font-style: italic;
  font-size: 20px;
}
.ClientsReview .ClientItem .__ClientReview {
  font-weight: 300;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.ClientsReview .ClientItem .__ClientItemTop {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.ClientsReview .ClientItem .__ClientItemTop .__Name {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ClientsReview .ClientItem .__ClientItemTop .__Name span {
  font-weight: 300;
  font-size: 16px;
}
.ClientsReview .ClientItem .__ClientItemTop .__Name b {
  font-weight: 700;
  font-size: 18px;
}
.ClientsReview .ClientItem .__ClientItemTop .__ImageView {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  overflow: hidden;
  background: #000;
}
.ClientsReview .ClientItem .__ClientItemTop .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
}
.ClientsReview {
  display: flex;
  width: 90%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding-top: 2rem;
}

.PromotePlaceHolder {
  display: flex;
  gap: 3rem;
  padding: 2rem 0;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.PromotePlaceHolder .__DetailStart {
  padding-top: 2rem;
}
.PromotePlaceHolder .__DetailPoints.One {
  grid-template-columns: repeat(1, 1fr);
}
.PromotePlaceHolder .__DetailPoints {
  padding-top: 1rem;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
.PromotePlaceHolder .__DetailPoints .__DetailPointItem {
  display: flex;
  gap: 1rem;
}
.PromotePlaceHolder .__DetailPoints .__DetailPointItem .__PointTextView {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  flex: 1;
}
.PromotePlaceHolder .__DetailPoints .__DetailPointItem span {
  font-size: 24px;
  font-weight: 300;
}
.PromotePlaceHolder .__DetailPoints .__DetailPointItem b {
  font-weight: 600;
  font-size: 18px;
}
.PromotePlaceHolder .__DetailPoints .__PointImageView.Violet {
  background: #651FFF;
}
.PromotePlaceHolder .__DetailPoints .__PointImageView.Gray {
  background: #67798c;
}
.PromotePlaceHolder .__DetailPoints .__PointImageView.Blue {
  background: #0A84FF;
}
.PromotePlaceHolder .__DetailPoints .__PointImageView {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: #2ac90b;
}
.PromotePlaceHolder .__DetailView {
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}
.PromotePlaceHolder .__DetailView .__DetailDescription {
  display: flex;
  font-size: 24px;
  font-weight: 300;
}
.PromotePlaceHolder .__DetailView .__DetailViewTitle {
  display: flex;
  font-weight: 700;
  font-size: 32px;
}
.PromotePlaceHolder .__DetailView {
  display: flex;
  flex: 1;
}
.PromotePlaceHolder .__ImageView.Desktop {
  width: 790px;
}
.PromotePlaceHolder .__ImageView.DesktopMini {
  width: 790px;
  height: 450px;
}
.PromotePlaceHolder .__ImageView.DesktopMini img {
  object-position: top left;
}
.PromotePlaceHolder .__ImageView {
  display: flex;
  width: 560px;
  height: 560px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  background: var(--trendingBorderColor);
  padding: 1rem;
}
.PromotePlaceHolder .__ImageView img {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.AboutBlockItem .View {
  display: flex;
  width: 1200px;
  flex-direction: column;
}
.AboutBlockItem .BlockSwiper {
  overflow: hidden;
  width: 100%;
  display: flex;
}
.AboutBlockItem .BasicBlockItems {
  display: flex;
  padding-top: 2rem;
  align-items: stretch;
  justify-content: stretch;
  justify-items: stretch;
  width: 100%;
}
.AboutBlockItem .BasicBlockItems .BlockItem {
  padding: 2rem;
  display: flex;
  border: 2px solid var(--trendingBorderColor);
  flex-direction: column;
  height: 340px;
  gap: 1rem;
}
.AboutBlockItem .BasicBlockItems .BlockItem span:nth-child(3) {
  font-size: 18px;
}
.AboutBlockItem .BasicBlockItems .BlockItem span:nth-child(2) {
  font-weight: 700;
  font-size: 30px;
}
.AboutBlockItem .BasicBlockItems .BlockItem span:nth-child(1) {
  width: 60px;
  height: 60px;
  background: #67798c;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.AboutBlockItem .BlockItems {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  padding-top: 3rem;
}
.AboutBlockItem .BlockItems .BlockItem {
  padding: 2rem;
  display: flex;
  border: 2px solid var(--trendingBorderColor);
  flex-direction: column;
  gap: 1rem;
}
.AboutBlockItem .BlockItems .BlockItem span:nth-child(3) {
  font-size: 18px;
}
.AboutBlockItem .BlockItems .BlockItem span:nth-child(2) {
  font-weight: 700;
  font-size: 30px;
}
.AboutBlockItem .BlockItems .BlockItem span:nth-child(1) {
  width: 60px;
  height: 60px;
  background: #67798c;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.AboutBlockItem.Bottom {
  padding-bottom: 6rem;
}
.AboutBlockItem.Center {
  align-items: center;
}
.AboutBlockItem {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 3rem 0;
}
.AboutBlockItem .BlockContent .swiper {
  width: 100%;
}
.AboutBlockItem .BlockContent .swiper-slide {
  font-size: 18px;
  display: flex;
  padding-bottom: 6rem;
  flex-direction: column;
}
.AboutBlockItem .BlockContent .swiper-slide .SlideYear {
  padding-top: 1rem;
  font-weight: 700;
  font-size: 24px;
}
.AboutBlockItem .BlockContent .swiper-slide .SlideTopRoundIcon {
  display: flex;
  width: 20px;
  height: 20px;
  background: #0A84FF;
  border-radius: 100px;
  -webkit-border-radius: 100px;
}
.AboutBlockItem .BlockContent {
  display: flex;
  width: 100%;
  padding-top: 2rem;
}
.AboutBlockItem .BlockTitle {
  display: flex;
  font-weight: 700;
  font-size: 30px;
}

.AdvertImageGallery {
  display: flex;
  width: 100%;
  min-height: 700px;
  background: var(--trendingBorderColor);
}

.AdvertSwiperTopItems {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.AdvertSwiperTopItems .__Item:hover {
  cursor: pointer;
  background: var(--trendingItemHoverColor);
}
.AdvertSwiperTopItems .__Item {
  display: flex;
  padding: 1rem 2rem;
  background: var(--trendingBorderColor);
  flex-direction: column;
}
.AdvertSwiperTopItems .__Item span:nth-child(3) {
  font-weight: 300;
  font-size: 18px;
}
.AdvertSwiperTopItems .__Item span:nth-child(2) {
  font-weight: 700;
  font-size: 20px;
}
.AdvertSwiperTopItems .__Item span:nth-child(1) {
  font-weight: 800;
  font-size: 24px;
}

.AdvertBlockItems.NoTop {
  padding-top: 0;
}
.AdvertBlockItems {
  display: flex;
  width: 100%;
  padding: 3rem 0;
  flex-direction: column;
}
.AdvertBlockItems .AdvertSubTitle {
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: 600;
  font-size: 24px;
}
.AdvertBlockItems .AdvertTitle {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 42px;
}

.AboutUsHeader.BrandView {
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.AboutUsHeader.BrandView * {
  color: #000;
}
.AboutUsHeader.Brand {
  align-items: center;
}
.AboutUsHeader .View.Brand {
  width: 1100px;
}
.AboutUsHeader .View.BrandAssets {
  width: 980px;
}
.AboutUsHeader .View {
  display: flex;
  width: 1370px;
  padding: 4rem 0;
  flex-direction: column;
  gap: 2rem;
}
.AboutUsHeader .View .AboutNumberItems {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.AboutUsHeader .View .AboutNumberItems .NumberItem {
  display: flex;
  flex-direction: column;
}
.AboutUsHeader .View .AboutNumberItems .NumberItem span:nth-child(2) {
  font-size: 18px;
}
.AboutUsHeader .View .AboutNumberItems .NumberItem span:nth-child(1) {
  font-weight: 700;
  font-size: 60px;
}
.AboutUsHeader .View .AboutHeader.Big .__TextView span:nth-child(1) {
  line-height: 100px;
  font-size: 80px;
}
.AboutUsHeader .View .AboutHeader {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
.AboutUsHeader .View .AboutHeader .__ImageView {
  display: flex;
  width: 600px;
  position: relative;
}
.AboutUsHeader .View .AboutHeader .__ImageView .AbsoluteImageView {
  position: absolute;
  margin-left: -100px;
}
.AboutUsHeader .View .AboutHeader .__ImageView .AbsoluteImageView img {
  height: 620px;
}
.AboutUsHeader .View .AboutHeader .__TextView {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.AboutUsHeader .View .AboutHeader .__TextView span {
  display: flex;
  flex-direction: column;
}
.AboutUsHeader .View .AboutHeader .__TextView span:nth-child(2) {
  padding-top: 2rem;
  font-size: 20px;
}
.AboutUsHeader .View .AboutHeader .__TextView span:nth-child(1) b {
  background: #f0f5fb;
  color: #0077ff;
}
.AboutUsHeader .View .AboutHeader .__TextView span:nth-child(1) {
  line-height: 80px;
  font-weight: 800;
  font-size: 60px;
}
.AboutUsHeader {
  justify-content: center;
  display: flex;
  width: 100%;
  border-bottom: 2px solid var(--trendingBorderColor);
  background: rgb(239, 242, 245);
  background: linear-gradient(0deg, rgb(239, 242, 245) 0%, rgb(255, 255, 255) 100%);
}

.TourBlockItems {
  padding-top: 0rem;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1.5rem;
}
.TourBlockItems .BlockItem {
  display: flex;
  border-bottom: 2px solid var(--trendingBorderColor);
  padding: 1.5rem 0rem;
  flex-direction: column;
}
.TourBlockItems .BlockItem span:nth-child(1) {
  font-size: 50px;
  font-weight: 800;
}
.TourBlockItems .BlockItem span:nth-child(2) {
  font-size: 24px;
  font-weight: 700;
}

.TourHeader {
  display: flex;
  width: 100%;
}
.TourHeader img {
  width: 100%;
}

.SupportedCryptoTokens.Two {
  grid-template-columns: repeat(2, 1fr);
}
.SupportedCryptoTokens {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
.SupportedCryptoTokens a {
  color: var(--baseColorBlack);
}
.SupportedCryptoTokens .__TokenItem:hover {
  border: 2px solid var(--alink);
}
.SupportedCryptoTokens .__TokenItem {
  display: flex;
  border: 2px solid var(--trendingBorderColor);
  border-radius: 14px;
  -webkit-border-radius: 14px;
  padding: 1rem;
  gap: 1rem;
  align-items: center;
}
.SupportedCryptoTokens .__TokenItem .__TextView {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.SupportedCryptoTokens .__TokenItem .__TextView span:nth-child(2) {
  color: var(--baseColorBlack);
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
.SupportedCryptoTokens .__TokenItem .__TextView span:nth-child(1) {
  color: var(--baseColorBlack);
  font-weight: 600;
  font-size: 16px;
}
.SupportedCryptoTokens .__TokenItem .__ImageView.Yellow {
  background: linear-gradient(62deg, rgba(251, 171, 126, 0.5) 0%, rgba(247, 206, 104, 0.5) 100%);
}
.SupportedCryptoTokens .__TokenItem .__ImageView {
  display: flex;
  width: 60px;
  height: 60px;
  background: var(--trendingBorderColor);
  overflow: hidden;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  padding: 0.4rem;
}
.SupportedCryptoTokens .__TokenItem .__ImageView img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.DataLayout {
  display: flex;
  gap: 4rem;
}
.DataLayout .GameLinkItems {
  border: 2px solid var(--trendingBorderColor);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  flex-direction: column;
}
.DataLayout .GameLinkItems .__LinkItem:first-child {
  grid-column: 1/-1;
}
.DataLayout .GameLinkItems .__LinkItem.Title {
  font-weight: 600;
  font-size: 16px;
}
.DataLayout .GameLinkItems .__LinkItem {
  border-bottom: 2px solid var(--trendingBorderColor);
}
.DataLayout .GameLinkItems .__LinkItem img {
  width: 32px;
  height: 32px;
}
.DataLayout .GameLinkItems .__LinkItem span {
  font-weight: 600;
  color: #fff;
}
.DataLayout .GameLinkItems .__LinkItem {
  align-items: center;
  gap: 0.6rem;
  display: flex;
  padding: 1rem;
  width: 100%;
}
.DataLayout .GameAboutText {
  font-size: 18px;
}
.DataLayout .GameBlockListItems.MiniView {
  grid-template-columns: repeat(8, 1fr) !important;
}
.DataLayout .GameBlockListItems.MiniView .__Item .__ImageView:hover img {
  filter: saturate(1.4) !important;
}
.DataLayout .GameBlockListItems.MiniView .__Item .__ImageView img {
  height: 112px !important;
}
.DataLayout .GameBlockListItems.Grids a {
  color: var(--baseColorBlack);
}
.DataLayout .GameBlockListItems.Grids {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.DataLayout .GameBlockListItems.Grids .__Item .__TextView {
  text-align: center;
  flex-direction: column;
}
.DataLayout .GameBlockListItems.Grids .__Item .__TextView span {
  margin-top: 0.5rem;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  background: var(--trendingBorderColor);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  padding: 0.2rem 1rem;
}
.DataLayout .GameBlockListItems.Grids .__Item .__ImageView .__RankIcon {
  position: absolute;
  top: -8px;
  right: -8px;
}
.DataLayout .GameBlockListItems.Grids .__Item .__ImageView .__RankIcon img {
  width: 36px !important;
  height: 36px !important;
}
.DataLayout .GameBlockListItems.Grids .__Item .__ImageView {
  position: relative;
}
.DataLayout .GameBlockListItems.Grids .__Item .__ImageView img {
  width: 100%;
  height: 150px;
}
.DataLayout .GameBlockListItems {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.DataLayout .GameBlockListItems .__Item {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.DataLayout .GameBlockListItems .__Item .__TextView a {
  color: #fff;
}
.DataLayout .GameBlockListItems .__Item .__TextView {
  display: flex;
  font-weight: 600;
  font-size: 16px;
}
.DataLayout .GameBlockListItems .__Item .__ImageView {
  width: 100%;
  display: flex;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1rem;
}
.DataLayout .GameBlockListItems .__Item .__ImageView img {
  height: 64px;
  width: 100px;
  object-fit: contain;
}
.DataLayout .GameBlockTitle {
  display: flex;
  font-weight: 700;
  font-size: 24px;
  color: #fff;
}
.DataLayout .InfoGameScoreItem {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  align-items: center;
}
.DataLayout .InfoGameScoreItem span:nth-child(2) {
  font-weight: 600;
  font-size: 16px;
}
.DataLayout .InfoGameScoreItem span:nth-child(1) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  font-size: 30px;
}
.DataLayout .InfoGameLayout .__GameInfoHeader {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 2rem;
}
.DataLayout .InfoGameLayout {
  flex-direction: column;
}
.DataLayout .InfoGameLayout .InfoGameScore {
  display: flex;
}
.DataLayout .InfoGameLayout .InfoGameName {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  flex: 1;
}
.DataLayout .InfoGameLayout .InfoGameName span:nth-child(2) {
  font-size: 18px;
}
.DataLayout .InfoGameLayout .InfoGameName span:nth-child(1) {
  color: #fff;
  font-weight: 700;
  font-size: 30px;
}
.DataLayout .InfoGameLayout .InfoGameImageView {
  flex-direction: column;
  display: flex;
  width: 100px;
  height: 100px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: var(--trendingBorderColor);
  overflow: hidden;
}
.DataLayout .InfoGameLayout .InfoGameImageView img {
  width: 100%;
  height: 100%;
}
.DataLayout .InfoGameLayout {
  gap: 2rem;
  position: sticky;
  top: 0rem;
  z-index: 100;
  display: flex;
  width: 100%;
  background: #000;
  border-bottom: 2px solid var(--trendingBorderColor);
  padding: 0 0 1rem 0;
}
.DataLayout .InfoGameLayout.Top {
  padding: 1rem 0;
}
.DataLayout .TabItemLayout {
  display: flex;
  width: 100%;
}
.DataLayout .TabLayout {
  display: flex;
  gap: 0.3rem;
}
.DataLayout .TabLayout .TabItem.Active, .DataLayout .TabLayout .TabItem:hover {
  background: #111;
  cursor: pointer;
  color: #fff;
}
.DataLayout .TabLayout .TabItem {
  font-weight: 700;
  display: flex;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  padding: 0.5rem 1rem;
}
.DataLayout .GameDetailsInfo {
  display: flex;
}
.DataLayout .__Right {
  position: sticky;
  align-self: flex-start;
  top: 1rem;
  flex-direction: column;
  gap: 1rem;
  display: flex;
  width: 300px;
}
.DataLayout .__Right .SponsorBox {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
}
.DataLayout .__Right .SponsorBox .SponsorBoxBanner {
  width: 300px;
  height: 250px;
  overflow: hidden;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.DataLayout .__Right .SponsorBox .SponsorBoxBanner .cz-sidebar {
  position: relative !important;
  margin: 0 !important;
  right: 0 !important;
}
.DataLayout .__Right .SponsorBox .SponsorBoxTitle {
  width: 100%;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
}
.DataLayout .__Left {
  flex: 1;
  gap: 2rem;
  flex-direction: column;
  display: flex;
  width: 100%;
}

.SocialLayout {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 2rem;
}
.SocialLayout .__SocialItems {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.SocialLayout .__SocialItems .__Item #reddit * {
  font-family: "Inter";
}
.SocialLayout .__SocialItems .__Item #reddit {
  border: 0 !important;
}
.SocialLayout .__SocialItems .__Item #reddit .rembeddit-content span.unvoted {
  color: #fff !important;
}
.SocialLayout .__SocialItems .__Item #reddit .rembeddit {
  border: 0 !important;
}
.SocialLayout .__SocialItems .__Item #reddit .reddit-header {
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  padding: 1rem 0.5rem !important;
  font-weight: 700;
}
.SocialLayout .__SocialItems .__Item #reddit .reddit-header h4 {
  font-weight: 600;
}
.SocialLayout .__SocialItems .__Item #reddit .reddit-header h4 a {
  color: #fff !important;
}
.SocialLayout .__SocialItems .__Item #reddit .reddit-entry.entry.unvoted a {
  color: #fff !important;
  font-weight: 600;
}
.SocialLayout .__SocialItems .__Item .rembeddit {
  padding: 0 1rem 1rem 1rem !important;
  background: transparent !important;
}
.SocialLayout .__SocialItems .__Item.Standard {
  background: linear-gradient(0deg, #191d27 0%, #1f2531 100%);
}
.SocialLayout .__SocialItems .__Item.Twitter {
  background: #000;
}
.SocialLayout .__SocialItems .__Item .twitter-timeline {
  width: 100%;
  border: 0 !important;
}
.SocialLayout .__SocialItems .__Item .customisable-border {
  border: medium none;
}
.SocialLayout .__SocialItems .__Item #twitter-widget-0 {
  border: 0;
}
.SocialLayout .__SocialItems .__Item {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.SocialLayout .__SocialItems .__Item .__ItemBox {
  display: flex;
}
.SocialLayout .__SocialItems .__Item .__ItemTitle {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1rem 1.4rem;
  font-weight: 700;
  font-size: 20px;
}
.SocialLayout .__Title {
  background: linear-gradient(100.51deg, #f087ff 27.61%, #6e1fce 62.14%, rgba(110, 31, 206, 0.2) 113.78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  font-size: 32px;
  font-weight: 800;
}

.PlayButtonAssets {
  display: flex;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  width: 100%;
  gap: 1rem;
}
.PlayButtonAssets .__Google:hover {
  cursor: pointer;
}
.PlayButtonAssets .__Google {
  transition: all 0.2s ease;
  display: flex;
  gap: 1rem;
  width: 64px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(50, 58, 74, 0.5);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  font-weight: 700;
  font-size: 18px;
}
.PlayButtonAssets .__PlayButton {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  display: inline-flex;
  padding: 0.5rem 2rem;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  font-weight: 700;
  font-size: 30px;
}
.PlayButtonAssets .__PlayButton:hover {
  background-position: 100% 0;
}
.PlayButtonAssets .__PlayButton {
  cursor: pointer;
  background-image: linear-gradient(to right, #00c6ff 0%, #0072ff 51%, #00c6ff 100%);
  box-shadow: 0 4px 15px 0 rgba(0, 114, 255, 0.75);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 114, 255, 0.75);
  background-size: 300% 100% !important;
  transition: all 0.4s ease-in-out;
}

#loading-bar-spinner.spinner {
  display: inline-block;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite;
}

#loading-bar-spinner.spinner .spinner-icon {
  width: 16px;
  height: 16px;
  border: solid 2px transparent;
  border-top-color: #666 !important;
  border-left-color: #666 !important;
  border-radius: 50%;
}

@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.GameTopHeaderLayout .__LeftShadow.Right {
  right: 0;
  left: inherit;
  background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 23, 68, 0) 100%);
}
.GameTopHeaderLayout .__LeftShadow.Top {
  left: 0;
  right: 0;
  width: 100%;
  height: 300px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 23, 68, 0) 100%);
}
.GameTopHeaderLayout .__LeftShadow.Bottom {
  left: 0;
  right: 0;
  top: 400px;
  bottom: 0;
  width: 100%;
  height: 400px;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 23, 68, 0) 100%);
}
.GameTopHeaderLayout .__LeftShadow {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 30%;
  z-index: 1;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 23, 68, 0) 100%);
}
.GameTopHeaderLayout {
  position: absolute;
  width: 100%;
  z-index: -1;
  height: 800px;
  top: 56px;
  background: #000;
  overflow: hidden;
}
.GameTopHeaderLayout .OverFlowed {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.GameTopHeaderLayout img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.GameViewLayout {
  display: flex;
  width: 100%;
  padding: 2rem 0;
  flex-direction: column;
  gap: 2rem;
  position: relative;
}
.GameViewLayout .__GameInfoReport {
  display: flex;
  justify-content: space-between;
}
.GameViewLayout .__GameInfoReport .__LastUpdated {
  display: flex;
}
.GameViewLayout .__GameInfoReport .__Actions {
  display: flex;
  gap: 1rem;
}
.GameViewLayout .__GameInfoReport .__Actions a {
  color: var(--baseColorBlack);
  font-weight: 600;
  font-size: 14px;
}
.GameViewLayout .__WatchListButtonBackground {
  padding: 1px;
  background: transparent !important;
  border-radius: 100px;
  -webkit-border-radius: 100px;
}
.GameViewLayout .__WatchListButtonBackground:hover {
  background: linear-gradient(0deg, rgb(128, 28, 255) 0%, rgb(91, 106, 255) 100%);
}
.GameViewLayout .__WatchListButtonBackground {
  transition: all 0.2s ease;
}
.GameViewLayout .__WatchListButton i {
  color: #fff !important;
}
.GameViewLayout .__WatchListButton span {
  padding: 0.3rem 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.GameViewLayout .__WatchListButton span.LeftBorder {
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}
.GameViewLayout .__WatchListButton {
  align-items: center;
  display: flex;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 100px;
  -webkit-border-radius: 100px;
}
.GameViewLayout .__WatchListButton:hover {
  cursor: pointer;
  background: var(--trendingItemHoverColor);
}
@keyframes spinlike {
  from {
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.GameViewLayout {
  --border-radius: 1.5rem;
  --border-size: 0.5rem;
  --border-bg: conic-gradient(black, black, black, #FF4081, #E040FB, #7C4DFF, #448AFF, black, black, black);
}
@-webkit-keyframes gradientbg {
  0% {
    background-position: 0% 7%;
  }
  50% {
    background-position: 100% 94%;
  }
  100% {
    background-position: 0% 7%;
  }
}
@-moz-keyframes gradientbg {
  0% {
    background-position: 0% 7%;
  }
  50% {
    background-position: 100% 94%;
  }
  100% {
    background-position: 0% 7%;
  }
}
@keyframes gradientbg {
  0% {
    background-position: 0% 7%;
  }
  50% {
    background-position: 100% 94%;
  }
  100% {
    background-position: 0% 7%;
  }
}
.GameViewLayout .PromoteButtons {
  display: flex;
  gap: 0.5rem;
  position: relative;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent {
  display: none;
  position: absolute;
  z-index: 20;
  right: 0;
  top: 38px;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems a:last-child {
  border-bottom: 0;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems a {
  border-bottom: 1px solid #eee;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems a:hover .PromoteItem .__TextView .PromoteTitle {
  color: var(--alink);
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems .PromoteItem {
  color: #000;
  display: flex;
  width: 100%;
  gap: 1rem;
  padding: 1rem;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems .PromoteItem .__TextView {
  flex: 1;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems .PromoteItem .__TextView .__TextTitle {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems .PromoteItem .__TextView .__TextTitle span:nth-child(1) {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems .PromoteItem .__TextView .__TextTitle span:nth-child(2) {
  font-size: 11px;
  color: #666;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems .PromoteItem .__TextView .PromoteText {
  font-size: 12px;
  font-weight: 400;
  color: #555;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems .PromoteItem .__TextView .PromoteTitle {
  font-weight: 600;
  font-size: 16px;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems .PromoteItem .__TextView {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems .PromoteItem .__TextView b {
  font-weight: 600;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box .PromoteItems .PromoteItem .__ImageView {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box {
  position: relative;
  display: flex;
  background: #fff;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  width: 400px;
  min-width: 250px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.GameViewLayout .PromoteButtons .PromoteButtonContent .arrow_box:after {
  bottom: 100%;
  left: 90%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.GameViewLayout .PromoteButtons .PromoteButtonBackground {
  display: flex;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  padding: 2px;
  overflow: hidden;
  background: radial-gradient(circle farthest-side at bottom right, #FF1744, #D500F9, #00E5FF, #651FFF);
  background-size: 1000% 500%;
  -webkit-animation: gradientbg 6s ease infinite;
  -moz-animation: gradientbg 6s ease infinite;
  animation-name: gradientbg;
  animation-duration: 6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.GameViewLayout .PromoteButtons .PromoteButton.Shining:hover {
  background: transparent;
}
.GameViewLayout .PromoteButtons .PromoteButton.Shining {
  background: transparent;
  color: #fff;
}
.GameViewLayout .PromoteButtons .PromoteButton {
  position: relative;
  padding: calc(0.3rem - 2px) 1rem;
  align-items: center;
  display: flex;
  font-weight: 600;
  gap: 0.5rem;
  background: var(--trendingBorderColor);
  border-radius: 100px;
  -webkit-border-radius: 100px;
}
.GameViewLayout .PromoteButtons .PromoteButton:hover {
  cursor: pointer;
  background: var(--trendingItemHoverColor);
}
.GameViewLayout .__GameMiniInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.GameViewLayout .__GameMiniInfo .__MiniInfoGameWatchlist {
  display: flex;
  gap: 1rem;
}
.GameViewLayout .__GameMiniInfo .__MiniInfoGameItem {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.GameViewLayout .__GameMiniInfo .__MiniInfoGameItem .__Name {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  font-size: 18px;
}
.GameViewLayout .__GameMiniInfo .__MiniInfoGameItem .__ImageView {
  display: flex;
  width: 40px;
  height: 40px;
  background: var(--trendingBorderColor);
  border-radius: 200px;
  -webkit-border-radius: 200px;
  overflow: hidden;
  border: 3px solid var(--trendingBorderColor);
}
.GameViewLayout .__GameMiniInfo .__MiniInfoGameItem .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.GameViewLayout .__GameHeader {
  display: flex;
  width: 100%;
  background: rgb(25, 29, 39);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(31, 37, 49) 100%);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  overflow: hidden;
}
.GameViewLayout .__GameHeader .__GameGallery {
  display: flex;
  flex: 1;
  height: 490px;
  background: #000;
  position: relative;
}
.GameViewLayout .__GameHeader .__GameGallery .__GalleryTopBar {
  display: flex;
  gap: 0.5rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 10;
}
.GameViewLayout .__GameHeader .__GameGallery .__GalleryTopBar .TopTrendingGame.Yellow {
  background-color: #FAD961;
  background-image: linear-gradient(90deg, rgba(247, 107, 28, 0.6) 0%, #F76B1C 100%);
}
.GameViewLayout .__GameHeader .__GameGallery .__GalleryTopBar .TopTrendingGame {
  display: flex;
  height: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: linear-gradient(11deg, rgb(209, 25, 83) 0%, rgb(220, 41, 114) 100%);
  padding: 0 0.8rem;
  align-items: center;
  gap: 0.4rem;
  font-size: 16px;
  font-weight: 600;
}
.GameViewLayout .__GameHeader .__GameGallery .__GalleryTopBar .DeviceItems {
  display: flex;
  gap: 0.5rem;
}
.GameViewLayout .__GameHeader .__GameGallery .__GalleryTopBar .DeviceItems .__DeviceItem {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #000;
  padding: 0.6rem;
}
.GameViewLayout .__GameHeader .__GameGallery .__GalleryTopBar .DeviceItems .__DeviceItem img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.GameViewLayout .__GameHeader .__GameInfo {
  display: flex;
  width: 500px;
  flex-direction: column;
  justify-content: space-between;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #323a4a transparent;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinksTitle {
  display: flex;
  font-weight: 600;
  font-size: 16px;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItems {
  display: flex;
  gap: 0.5rem;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links {
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding: 1.5rem 2rem;
  gap: 1rem;
  flex-wrap: wrap;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem.Github {
  background: #000;
  padding: 0.3rem;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem.Home {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem.Home i {
  font-size: 20px;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem.Home {
  background: #3861fb;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem.Twitch {
  padding: 0.3rem;
  background: #8c45f7;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem.Reddit {
  background: #ff4500;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem.Telegram {
  background: #34aadf;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem.Youtube {
  background: #ff0000;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem.Facebook {
  background: #1877f2;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem.Discord {
  background: #4b5cdb;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem {
  overflow: hidden;
  border: 3px solid #323a4a;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem:hover {
  border: 3px solid #fff;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem {
  transition: all 0.2s ease;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.GameViewLayout .__GameHeader .__GameInfo .__Links .__LinkItem {
  display: flex;
  background: #323a4a;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.GameViewLayout .__GameHeader .__GameInfo .__Top {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  padding: 3rem 3rem 0 3rem;
}
.GameViewLayout .__GameHeader .__GameInfo .__Bottom {
  padding: 3rem;
  display: flex;
  width: 100%;
}
.GameViewLayout .__GameHeader .__GameInfo .__InfoCategory {
  display: flex;
  gap: 0.4rem;
}
.GameViewLayout .__GameHeader .__GameInfo .__InfoCategory .__CategoryItem {
  display: flex;
  background: #323a4a;
  color: #fff;
  padding: 0.2rem 0.8rem;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  font-weight: 600;
  font-size: 12px;
}
.GameViewLayout .__GameHeader .__GameInfo .__InfoTeaser {
  color: #fff;
  display: flex;
  font-size: 18px;
}
.GameViewLayout .__GameHeader .__GameInfo .__InfoStatus {
  display: flex;
}
.GameViewLayout .__GameHeader .__GameInfo .__InfoStatus span a {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  padding: 0.2rem 0.6rem;
  font-weight: 800;
}
.GameViewLayout .__GameHeader .__GameInfo .__InfoStats {
  display: flex;
  padding-top: 2rem;
}
.GameViewLayout .__GameHeader .__GameInfo .__InfoStats .__StatItem {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.GameViewLayout .__GameHeader .__GameInfo .__InfoStats .__StatItem span:nth-child(2) {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
}
.GameViewLayout .__GameHeader .__GameInfo .__InfoStats .__StatItem span:nth-child(1) {
  font-weight: 600;
  font-size: 16px;
}
.GameViewLayout .__GameHeader .__GameInfo .__InfoTitle {
  word-break: break-word;
  color: #fff;
  display: flex;
  line-height: 64px;
  font-weight: 800;
  font-size: 60px;
}

.BadgeNew {
  display: flex;
  padding: 0.1rem 0.3rem;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  background: var(--buttonGreenBackgroundColor);
  color: var(--buttonGreenTextColor);
  font-size: 12px;
  font-weight: 700;
}

.GameNftInfos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 100%;
}
.GameNftInfos .__InfoItem {
  display: flex;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1.5rem;
  flex-direction: column;
  gap: 0.5rem;
}
.GameNftInfos .__InfoItem span:nth-child(2) {
  font-size: 24px;
}
.GameNftInfos .__InfoItem span:nth-child(1) {
  font-weight: 700;
  font-size: 18px;
}

.Button.GreenFilled {
  background: #F1F8E9;
  color: #2E7D32;
  padding: 0.1rem 0.6rem;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  font-size: 12px;
}
.Button.RedFilled {
  background: #FFEBEE;
  color: #FF1744;
  padding: 0.1rem 0.6rem;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  font-size: 12px;
}
.Button.YellowFilled {
  background: #ffe360;
  color: #8f481e;
  padding: 0.1rem 0.6rem;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  font-size: 12px;
}
.Button.Flex {
  align-items: center;
  gap: 0.4rem;
}
.Button.daily-login-timer {
  display: none;
}
.Button.BlueFilled {
  background: var(--alink);
  color: #fff;
  padding: 0.3rem 0.8rem;
  border: 0;
}
.Button.Blue:hover {
  border: 2px solid var(--alink);
  color: var(--alink);
}
.Button.Blue {
  background: transparent;
  color: var(--baseColorBlack);
  border: 2px solid var(--trendingBorderColor);
  padding-left: 0.8rem;
}
.Button {
  display: flex;
  padding: 0.3rem 0.6rem;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  font-weight: 600;
  font-size: 15px;
  color: var(--baseColorBlack);
  cursor: pointer;
}
.Button.Gray:hover {
  background: var(--trendingBorderColor);
}
.Button.Gray {
  background: var(--trendingBorderColor);
}

.TwitterBox {
  display: flex;
  width: 100%;
}
.TwitterBox .__ItemBox {
  width: 100%;
  display: flex;
}
.TwitterBox .twitter-timeline {
  border: 0 !important;
  width: 100% !important;
}
.TwitterBox #twitter-widget-0 {
  border: 0;
}

.NewsItemsTitle {
  display: flex;
  font-weight: 700;
  font-size: 24px;
}

.NewsItemsButton {
  display: flex;
  justify-content: center;
  padding: 1rem 0 2rem;
}

.NewsItemsLayout {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1.5rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.NewsItemsLayout .__NewsItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.NewsItemsLayout .__NewsItem:hover .__ImageView img {
  filter: saturate(1.5);
}
.NewsItemsLayout .__NewsItem .__NewsCategory {
  color: var(--newsCategoryColor);
  display: flex;
  font-weight: 600;
  font-size: 15px;
}
.NewsItemsLayout .__NewsItem .__NewsTitle {
  color: var(--newsTitleColor);
  display: flex;
  font-weight: 700;
  font-size: 1.2rem;
}
.NewsItemsLayout .__NewsItem .__ImageView {
  display: flex;
  width: 100%;
  height: 200px;
  background: var(--borderColor);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
}
.NewsItemsLayout .__NewsItem .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.StartBlueButton {
  display: flex;
  background: #0012ff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  color: #fff;
  padding: 0.3rem 1.2rem;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
}

.CommunityStartUp {
  display: flex;
  justify-content: center;
  padding: 2rem 0 4rem 0;
}
.CommunityStartUp .StartButton {
  display: flex;
  background: #0012ff;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  color: #fff;
  padding: 0.2rem 1.2rem;
  font-weight: 700;
  font-size: 24px;
}

.CommunityTitle.Top {
  padding-top: 4rem;
}
.CommunityTitle {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  padding-top: 2rem;
  color: #fff;
  font-weight: 800;
  font-size: 42px;
}

.CommunityDiscoverGridView {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
  padding-top: 3rem;
}
.CommunityDiscoverGridView .GridViewBeforeItem.Points {
  background: radial-gradient(100rem circle at var(--xPos) var(--yPos), #ffca5f, transparent 15%);
}
.CommunityDiscoverGridView .GridViewBeforeItem.Giveaway {
  background: radial-gradient(100rem circle at var(--xPos) var(--yPos), #3cd9fb, transparent 15%);
}
.CommunityDiscoverGridView .GridViewBeforeItem.Discord {
  background: radial-gradient(100rem circle at var(--xPos) var(--yPos), #688dfc, transparent 15%);
}
.CommunityDiscoverGridView .GridViewBeforeItem.Stay {
  background: radial-gradient(100rem circle at var(--xPos) var(--yPos), #beaaff, transparent 15%);
}
.CommunityDiscoverGridView .GridViewBeforeItem {
  padding: 0.2rem;
  display: inline-block;
  height: calc(550px + 0.4rem);
  background: #000;
  background: radial-gradient(100rem circle at var(--xPos) var(--yPos), rgba(213, 0, 249, 0.4), transparent 15%);
}
.CommunityDiscoverGridView .GridViewItem::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  background: radial-gradient(150rem circle at var(--xPos) var(--yPos), rgba(213, 0, 249, 0.1), transparent 15%);
  opacity: 0;
  transition: all 0.15s ease-in-out;
}
.CommunityDiscoverGridView .GridViewItem.Stay::before {
  background: radial-gradient(150rem circle at var(--xPos) var(--yPos), rgba(190, 170, 255, 0.05), transparent 15%);
}
.CommunityDiscoverGridView .GridViewItem.Points::before {
  background: radial-gradient(150rem circle at var(--xPos) var(--yPos), rgba(255, 202, 95, 0.05), transparent 15%);
}
.CommunityDiscoverGridView .GridViewItem.Giveaway::before {
  background: radial-gradient(150rem circle at var(--xPos) var(--yPos), rgba(60, 217, 251, 0.05), transparent 15%);
}
.CommunityDiscoverGridView .GridViewItem.Discord::before {
  background: radial-gradient(150rem circle at var(--xPos) var(--yPos), rgba(104, 141, 252, 0.1), transparent 15%);
}
.CommunityDiscoverGridView .GridViewItem:hover::before {
  opacity: 1;
}
.CommunityDiscoverGridView .GridViewItem {
  position: relative;
  background: #000;
}
.CommunityDiscoverGridView .GridViewItem.Stay .TextView b {
  color: #beaaff;
}
.CommunityDiscoverGridView .GridViewItem.Points .TextView b {
  color: #ffca5f;
}
.CommunityDiscoverGridView .GridViewItem.Giveaway .TextView b {
  color: #3cd9fb;
}
.CommunityDiscoverGridView .GridViewItem.Discord .TextView b {
  color: #688dfc;
}
.CommunityDiscoverGridView .GridViewItem {
  transition: all 0.2s ease;
  display: flex;
  width: 100%;
  min-height: 550px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  align-items: center;
  justify-content: center;
}
.CommunityDiscoverGridView .GridViewItem .TextView {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 0 3rem;
  color: #fff;
}
.CommunityDiscoverGridView .GridViewItem .TextView span {
  text-align: center;
  font-weight: 300;
  font-size: 30px;
}
.CommunityDiscoverGridView .GridViewItem .TextView b {
  font-weight: 700;
  font-size: 60px;
}

.OptionsButton .__SelectItems {
  display: none;
  position: absolute;
  z-index: 100;
  top: 40px;
  left: 0;
}
.OptionsButton .__SelectItems .arrow_box {
  width: 200px;
  position: relative;
  background: var(--headerMenuItemsBackgroundColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
}
.OptionsButton .__SelectItems .arrow_box .CurrencyItemsSearch {
  border-bottom: 1px solid var(--trendingBorderColor);
  display: flex;
  padding: 0.5rem;
}
.OptionsButton .__SelectItems .arrow_box .CurrencyItemsSearch input {
  width: 100%;
  position: relative;
  background: var(--trendingBorderColor);
  border: 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 0.3rem 0.6rem;
  color: var(--baseColorBlack);
  font-weight: 400;
  font-size: 14px;
}
.OptionsButton .__SelectItems .arrow_box .CurrencyItems, .OptionsButton .__SelectItems .arrow_box .LanguageItems {
  padding: 0.4rem;
  max-height: 300px;
  overflow: auto;
  scrollbar-width: thin;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.OptionsButton .__SelectItems .arrow_box .CurrencyItems span a, .OptionsButton .__SelectItems .arrow_box .LanguageItems span a {
  display: flex;
  width: 100%;
  color: var(--baseColorBlack);
}
.OptionsButton .__SelectItems .arrow_box .CurrencyItems span[selected] .__ShowSelected, .OptionsButton .__SelectItems .arrow_box .LanguageItems span[selected] .__ShowSelected {
  display: inline-flex;
}
.OptionsButton .__SelectItems .arrow_box .CurrencyItems span:hover, .OptionsButton .__SelectItems .arrow_box .LanguageItems span:hover {
  background: var(--trendingItemHoverColor);
}
.OptionsButton .__SelectItems .arrow_box .CurrencyItems span, .OptionsButton .__SelectItems .arrow_box .LanguageItems span {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0.6rem;
}
.OptionsButton .__SelectItems .arrow_box .CurrencyItems span .__ShowSelected, .OptionsButton .__SelectItems .arrow_box .LanguageItems span .__ShowSelected {
  display: none;
}
.OptionsButton .__SelectItems .arrow_box:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--headerMenuItemsBackgroundColorTop);
  border-width: 8px;
  margin-left: -8px;
}
.OptionsButton.BorderLeft {
  border-left: 1px solid var(--borderColor);
}
.OptionsButton.Violet:hover {
  background: #f4f0f9;
}
.OptionsButton.Violet {
  background: #EDE7F6;
  color: #6200EA !important;
}
.OptionsButton.Violet i {
  font-size: 16px;
}
.OptionsButton.Hovered {
  background: var(--trendingItemHoverColor);
}
.OptionsButton.Blue {
  background: #f0f6ff;
  color: rgb(56, 97, 251) !important;
}
.OptionsButton.Blue i {
  font-size: 16px;
}
.OptionsButton:hover {
  background: var(--trendingItemHoverColor);
  cursor: pointer;
}
.OptionsButton.Normal {
  display: inline-block;
  height: inherit;
  padding: 0.2rem 0.4rem;
}
.OptionsButton {
  position: relative;
  gap: 0.5rem;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.6rem;
  color: var(--baseColorBlack);
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.OptionsButton i {
  font-size: 14px;
}
.OptionsButton {
  font-weight: 600;
  font-size: 14px;
}

.TableLayoutItems {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.StepItem {
  display: flex;
  width: 140px;
  margin-top: 0.4rem;
  height: 6px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: var(--trendingBorderColor);
  overflow: hidden;
}
.StepItem .StepItemInner {
  display: flex;
  height: 6px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: var(--alink);
}

.TableGameBlockchainItems {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0.3rem;
}

.TableGameCategoryItems {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.TableGameCategoryItems a {
  text-align: right;
  font-weight: 600;
  font-size: 12px;
  color: #000;
}

.ShareItems {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
}
.ShareItems .ShareItem:hover {
  background: var(--trendingBorderColor);
}
.ShareItems .ShareItem {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 0.5rem 0.5rem;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.ShareItems .ShareItem span:nth-child(2) {
  color: var(--baseColorBlack);
  font-weight: 600;
}

.TableGameItem.Center {
  align-items: center;
}
.TableGameItem {
  display: flex;
  gap: 1rem;
}
.TableGameItem .__ImageView.NoBackground {
  background: transparent;
}
.TableGameItem .__ImageView {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
  background: var(--borderColor);
}
.TableGameItem .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.TableGameItem .__TextView b {
  font-weight: 600;
}
.TableGameItem .__TextView {
  flex: 1;
  flex-direction: column;
  display: flex;
}
.TableGameItem .__TextView span.Base {
  color: var(--baseColorBlack);
  font-size: 12px;
}
.TableGameItem .__TextView span {
  color: #000;
  font-size: 13px;
}

:root {
  --color-bg1: rgb(0,0,0);
  --color-bg2: rgb(0,0,0);
  --color1: 18, 113, 255;
  --color2: 221, 74, 255;
  --color3: 100, 220, 255;
  --color4: 200, 50, 50;
  --color5: 180, 180, 50;
  --color-interactive: 140, 100, 255;
  --circle-size: 80%;
  --blending: hard-light;
}

@keyframes moveInCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%);
  }
  50% {
    transform: translateX(50%) translateY(10%);
  }
  100% {
    transform: translateX(-50%) translateY(-10%);
  }
}
.BackgroundEffect.Fixed {
  position: fixed;
  height: 450px;
}
.BackgroundEffect {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  right: 0;
}

.gradient-bg.White {
  --color-bg1: #fff;
  --color-bg2: #fff;
}
.gradient-bg {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: linear-gradient(40deg, var(--color-bg1), var(--color-bg2));
  top: 0;
  left: 0;
}
.gradient-bg svg {
  display: none;
}
.gradient-bg .gradients-container {
  filter: url(#goo) blur(40px);
  width: 100%;
  height: 100%;
}
.gradient-bg .gradients-container.NoAnimations * {
  animation: none !important;
}
.gradient-bg .g1 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(18, 113, 255, 0.2) 0, rgba(18, 113, 255, 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: center center;
  animation: moveVertical 10s ease infinite;
  opacity: 1;
}
.gradient-bg .g2 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(221, 74, 255, 0.2) 0, rgba(221, 74, 255, 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: calc(50% - 400px);
  animation: moveInCircle 10s reverse infinite;
  opacity: 1;
}
.gradient-bg .g3 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(100, 220, 255, 0.1) 0, rgba(100, 220, 255, 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2 + 200px);
  left: calc(50% - var(--circle-size) / 2 - 500px);
  transform-origin: calc(50% + 400px);
  animation: moveInCircle 20s linear infinite;
  opacity: 1;
}
.gradient-bg .g4 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(200, 50, 50, 0.2) 0, rgba(200, 50, 50, 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: calc(50% - 200px);
  animation: moveHorizontal 20s ease infinite;
  opacity: 0.7;
}
.gradient-bg .g5 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(180, 180, 50, 0.1) 0, rgba(180, 180, 50, 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: calc(var(--circle-size) * 2);
  height: calc(var(--circle-size) * 2);
  top: calc(50% - var(--circle-size));
  left: calc(50% - var(--circle-size));
  transform-origin: calc(50% - 800px) calc(50% + 200px);
  animation: moveInCircle 10s ease infinite;
  opacity: 1;
}
.gradient-bg .interactive {
  position: absolute;
  background: radial-gradient(circle at center, rgba(140, 100, 255, 0.2) 0, rgba(140, 100, 255, 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: 100%;
  height: 100%;
  top: -50%;
  left: -50%;
  opacity: 0.7;
}

.PlayersCommunityLayout {
  display: flex;
  position: relative;
  width: 100%;
  height: calc(100vh - 70px);
  justify-content: center;
  padding-top: 6rem;
  background: url("https://assets.playtoearn.com/img/community.png") center bottom no-repeat;
  background-size: 1500px auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.PlayersCommunityLayout .PlayersTitle {
  width: 1200px;
  text-align: center;
  line-height: 100px;
  color: #fff;
  font-weight: 800;
  font-size: 80px;
}

.ButtonSmall {
  display: flex;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}
.ButtonSmall i {
  font-size: 14px;
}
.ButtonSmall {
  background: var(--trendingBorderColor);
  padding: 0.2rem 0.6rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  align-items: center;
  gap: 0.2rem;
}

.UserProfileLayout .__UserMenu {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 100000;
  display: none;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems {
  display: flex;
  border-top: 1px solid var(--trendingBorderColor);
  padding: 0.4rem;
  gap: 0.2rem;
  flex-direction: column;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountSearchDetails.Hide {
  display: none;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountSearchDetails {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--trendingBorderColor);
  border-bottom: 1px solid var(--trendingBorderColor);
  padding: 0.3rem 0rem;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountSearchDetails .CurrencyItems {
  max-height: 300px;
  overflow: auto;
  scrollbar-width: thin;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountSearchDetails .CurrencyItems span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountSearchDetails .LanguageItems, .UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountSearchDetails .CurrencyItems {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.3rem 0;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountSearchDetails .LanguageItems span, .UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountSearchDetails .CurrencyItems span {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  display: flex;
  padding: 0.2rem 0.8rem;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountSearchDetails .LanguageItems span:hover, .UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountSearchDetails .CurrencyItems span:hover {
  background: var(--trendingBorderColor);
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountSearchDetails .CurrencyItemsSearch input {
  width: 100%;
  color: var(--baseColorBlack);
  border: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 0.5rem 1rem;
  background: var(--trendingBorderColor);
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountItemSplit:hover {
  background: var(--trendingBorderColor);
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountItemSplit {
  color: var(--baseColorBlack);
  display: flex;
  padding: 0.6rem 1rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountItemSplit span:nth-child(1) {
  font-weight: 600;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountItemSplit span {
  font-size: 12px;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountItem {
  display: flex;
  padding: 0.6rem 1rem;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  font-weight: 600;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserAccountItems .__AccountItem:hover {
  background: var(--trendingBorderColor);
}
.UserProfileLayout .__UserMenu .arrow_box .__UserProfileName {
  display: flex;
  justify-content: center;
  padding-top: 0.6rem;
  font-weight: 600;
  font-size: 20px;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserProfileImageView {
  display: flex;
  width: 100%;
  justify-content: center;
  padding-top: 1rem;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserProfileImageView .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.UserProfileLayout .__UserMenu .arrow_box .__UserProfileImageView .__ImageView {
  overflow: hidden;
  display: flex;
  width: 100px;
  height: 100px;
  border-radius: 150px;
  -webkit-border-radius: 150px;
  background: var(--trendingBorderColor);
  background-color: #4158D0;
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
  background-color: #FBAB7E;
  background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
}
.UserProfileLayout .__UserMenu .arrow_box {
  width: 300px;
  min-height: 100px;
  position: relative;
  background: var(--headerMenuItemsBackgroundColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}
.UserProfileLayout .__UserMenu .arrow_box .__LogoutButton {
  padding: 1rem;
}
.UserProfileLayout .__UserMenu .arrow_box .__Address {
  border-top: 1px solid var(--borderColor);
  display: flex;
  padding-top: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
}
.UserProfileLayout .__UserMenu .arrow_box .__Points {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
  align-items: center;
  flex-direction: column;
  gap: 0.6rem;
}
.UserProfileLayout .__UserMenu .arrow_box .__Points .__PointsDescription {
  text-align: center;
  font-size: 18px;
  color: var(--baseColorBlack);
}
.UserProfileLayout .__UserMenu .arrow_box .__Points .__PointsNumber {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.UserProfileLayout .__UserMenu .arrow_box .__Points .__PointsNumber .PointsLogo {
  align-items: center;
  justify-content: center;
  background: #0012ff;
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
}
.UserProfileLayout .__UserMenu .arrow_box .__Points .__PointsNumber {
  font-weight: 700;
  font-size: 24px;
  color: var(--baseColorBlack);
}
.UserProfileLayout .__UserMenu .arrow_box:after {
  bottom: 100%;
  left: 86.5%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--headerMenuItemsBackgroundColorTop);
  border-width: 8px;
  margin-left: -8px;
}
.UserProfileLayout {
  position: relative;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  cursor: pointer;
}
.UserProfileLayout .__ImageViewer {
  display: flex;
  width: 36px;
  height: 36px;
  background: #000;
  background-color: #4158D0;
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
  background-color: #FBAB7E;
  background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  overflow: hidden;
}
.UserProfileLayout .__ImageViewer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.FirstTopPlacement {
  display: flex;
  width: 100%;
  background: #000;
  justify-content: center;
  align-items: center;
  position: relative;
}
.FirstTopPlacement .__Close {
  color: #fff;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  padding: 0;
  margin: 0;
}

.CryptoTokenLayout {
  display: flex;
  gap: 2rem;
  padding-top: 2rem;
}
.CryptoTokenLayout .LayoutTitle {
  font-weight: 700;
  font-size: 24px;
}
.CryptoTokenLayout .CryptoTokenChart {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.CryptoTokenLayout .CryptoTokenChart .ChartTabLayout {
  width: 100%;
}
.CryptoTokenLayout .CryptoTokenTopLayout {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.CryptoTokenLayout .CryptoTokenTopLayout .__ImageView {
  width: 100px;
  height: 100px;
}
.CryptoTokenLayout .CryptoTokenTopLayout .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.CryptoTokenLayout .CryptoTokenTopLayout .__Price {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 0.3rem;
}
.CryptoTokenLayout .CryptoTokenTopLayout .__Price span:nth-child(1) {
  font-weight: 700;
  font-size: 24px;
}
.CryptoTokenLayout .CryptoTokenTopLayout .__Name {
  display: flex;
  flex: 1;
  align-items: center;
  font-weight: 700;
  font-size: 32px;
}
.CryptoTokenLayout .LeftLayout {
  flex: 1;
  flex-direction: column;
  gap: 2rem;
  display: flex;
}
.CryptoTokenLayout .RightLayout {
  align-self: flex-start;
  width: 300px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  top: 1rem;
}
.CryptoTokenLayout .RightLayout .BoxItem {
  display: flex;
  width: 100%;
  background: var(--trendingItemHoverColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  flex-direction: column;
}
.CryptoTokenLayout .RightLayout .BoxItem .BoxItems {
  display: flex;
  flex-direction: column;
  padding: 0 1rem 1rem 1rem;
  gap: 0.5rem;
  width: 100%;
}
.CryptoTokenLayout .RightLayout .BoxItem .BoxItems .__BoxItemList {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.CryptoTokenLayout .RightLayout .BoxItem .BoxItems .__BoxItemList span:nth-child(1) {
  font-weight: 600;
}
.CryptoTokenLayout .RightLayout .BoxItem .BoxItemTitle {
  padding: 1rem;
  border-bottom: 1px solid var(--trendingItemHoverColor);
  font-size: 20px;
  font-weight: 600;
}

.PriceVersusScore .Icon {
  position: absolute;
  top: -34px;
  left: calc(50% - 50px);
}
.PriceVersusScore {
  display: flex;
  position: relative;
  justify-content: space-between;
  width: 220px;
  background: #f9f9f9;
}
.PriceVersusScore span:nth-child(1) {
  border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
}
.PriceVersusScore span:nth-child(2) {
  border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
}
.PriceVersusScore span.LeftGreen {
  background: linear-gradient(90deg, #e8fcc9 0%, rgba(255, 255, 255, 0) 100%);
  color: #35af00;
}
.PriceVersusScore span.LeftRed {
  background: linear-gradient(90deg, #fff3f2 0%, rgba(255, 255, 255, 0) 100%);
  color: #FF1744;
}
.PriceVersusScore span.RightGreen {
  background: linear-gradient(-90deg, #e8fcc9 0%, rgba(255, 255, 255, 0) 100%);
  color: #35af00;
}
.PriceVersusScore span.RightRed {
  background: linear-gradient(-90deg, #fff3f2 0%, rgba(255, 255, 255, 0) 100%);
  color: #FF1744;
}
.PriceVersusScore span {
  font-weight: 600;
  font-size: 12px;
  padding: 0.4rem 0.5rem;
}
.PriceVersusScore {
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.CircualatingSupply {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.CircualatingSupply .SupplyScale .ScaleFilled {
  height: 5px;
  width: 30%;
  background: rgba(165, 168, 169, 0.4);
}
.CircualatingSupply .SupplyScale {
  display: flex;
  width: 100%;
  background: var(--trendingItemHoverColor);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  height: 5px;
  overflow: hidden;
}
.CircualatingSupply .SupplyCount {
  font-size: 14px;
  font-weight: 600;
}

table.SnowTable.SmallTitles thead tr th {
  font-weight: 700;
  font-size: 12px !important;
}
table.SnowTable.FixedHeader thead tr {
  top: 68px;
}
table.SnowTable {
  width: 100%;
  border-collapse: collapse;
}
table.SnowTable tbody tr.TopListing td:nth-child(1) {
  background: linear-gradient(-90deg, #FFF8E1 0%, rgba(255, 255, 255, 0) 80%);
}
table.SnowTable tbody tr.TopListing td:nth-child(2), table.SnowTable tbody tr.TopListing td:nth-child(3), table.SnowTable tbody tr.TopListing td:nth-child(4), table.SnowTable tbody tr.TopListing td:nth-child(5) {
  background: #FFF8E1;
}
table.SnowTable tbody tr.TopListing td:nth-child(6) {
  background: linear-gradient(90deg, #FFF8E1 0%, rgba(255, 255, 255, 0) 80%);
}
table.SnowTable tbody tr.TopListing td:nth-child(7), table.SnowTable tbody tr.TopListing td:nth-child(8), table.SnowTable tbody tr.TopListing td:nth-child(9), table.SnowTable tbody tr.TopListing td:nth-child(10), table.SnowTable tbody tr.TopListing td:nth-child(11), table.SnowTable tbody tr.TopListing td:nth-child(12) {
  background: var(--bodyBackgroundColor);
}
table.SnowTable tbody tr td .dailychangepercentage {
  font-weight: 700;
  font-size: 18px;
}
table.SnowTable tbody tr td {
  border-top: 1px solid var(--borderColor);
  padding: 0.8rem;
}
table.SnowTable thead tr {
  position: sticky;
  top: -1px;
  z-index: 10;
  align-self: flex-start;
}
table.SnowTable thead tr th[align=center] {
  text-align: center;
}
table.SnowTable thead tr th[align=right] {
  text-align: right !important;
}
table.SnowTable thead tr th[sort=true]:hover, table.SnowTable thead tr th.SortTrue:hover {
  cursor: pointer;
  border-bottom: 2px solid var(--alink);
}
table.SnowTable thead tr th[sort=true]:hover a, table.SnowTable thead tr th.SortTrue:hover a {
  color: var(--alink);
}
table.SnowTable thead tr th a {
  color: #000;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  align-items: center;
}
table.SnowTable thead tr th {
  padding: 0.8rem 0.8rem;
  background: var(--tableHeaderColor);
  border-top: 2px solid var(--trendingBorderColor);
  border-bottom: 2px solid var(--trendingBorderColor);
  font-weight: 600;
}

.TableListFilterItems {
  display: flex;
  padding: 1rem 0;
  justify-content: space-between;
}
.TableListFilterItems .__Search {
  display: flex;
}
.TableListFilterItems .__Search input {
  color: var(--baseColorBlack);
  height: 32px;
  border: 0;
  background: var(--trendingBorderColor);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 0 0.8rem;
  font-size: 12px !important;
}
.TableListFilterItems .__Options {
  gap: 0.4rem;
  display: flex;
}

.NoFoundGamesInfo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
  height: 400px;
}
.NoFoundGamesInfo b {
  font-weight: 600;
  font-size: 20px;
}

.ListItemsSubTitle {
  display: flex;
  color: rgb(88, 102, 126);
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  font-size: 16px;
}

.ListItemsTitle {
  display: flex;
  padding-top: 1.5rem;
}
.ListItemsTitle p {
  font-weight: 300;
  font-size: 16px;
}
.ListItemsTitle h1 {
  font-weight: 700;
  font-size: 24px;
  margin: 0;
  padding: 0;
}

.NewsPlaceholderLayout {
  display: flex;
  gap: 1rem;
}
.NewsPlaceholderLayout .__ImageView {
  width: 200px;
  height: 120px;
  background: var(--borderColor);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
}
.NewsPlaceholderLayout .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.NewsPlaceholderLayout .__TextView {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.NewsPlaceholderLayout .__TextView span:nth-child(2), .NewsPlaceholderLayout .__TextView span:nth-child(3) {
  color: var(--baseColorBlack);
  font-size: 12px;
}
.NewsPlaceholderLayout .__TextView span:nth-child(1) {
  display: flex;
  flex: 1;
  line-height: 18px;
  font-weight: 600;
  font-size: 14px;
}

img {
  vertical-align: middle;
}

.AwardGameItems {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.AwardGameItems .GameItem .GameTextView {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  padding: 1rem;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
}
.AwardGameItems .GameItem .GameThumbUp {
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: flex;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  width: 60px;
  height: 80px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.2rem;
}
.AwardGameItems .GameItem .GameThumbUp span {
  color: #000;
}
.AwardGameItems .GameItem .GameThumbUp span:nth-child(1) {
  padding-bottom: 0.2rem;
  border-bottom: 2px solid var(--trendingBorderColor);
}
.AwardGameItems .GameItem .GameThumbUp span:nth-child(1) i {
  font-size: 24px;
}
.AwardGameItems .GameItem .GameThumbUp span:nth-child(2) {
  font-weight: 600;
  font-size: 18px;
}
.AwardGameItems .GameItem .GameItemPlace {
  color: #000;
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: flex;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  width: 40px;
  height: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  align-items: center;
  justify-content: center;
}
.AwardGameItems .GameItem .GameItemPlace img {
  object-fit: contain;
}
.AwardGameItems .GameItem .GameItemPlace {
  font-weight: 600;
  font-size: 16px;
}
.AwardGameItems .GameItem {
  position: relative;
  display: flex;
  width: 100%;
  height: 290px;
  border: 2px solid var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
.AwardGameItems .GameItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.AwardGameItems .GameItem .__Header {
  display: flex;
  width: 100%;
}

.AwardBlockItems {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
}
.AwardBlockItems .__AwardBlockItem {
  display: flex;
  border: 2px solid var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1.5rem 2rem;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.AwardBlockItems .__AwardBlockItem .Number {
  font-size: 40px;
  font-weight: 700;
}
.AwardBlockItems .__AwardBlockItem .Name {
  font-weight: 600;
  font-size: 24px;
}

.AwardsBackLayout {
  border-bottom: 2px solid var(--trendingBorderColor);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.AwardsBackLayout .__Action {
  display: flex;
  flex: 2;
}
.AwardsBackLayout .__HeaderLinks {
  display: flex;
  flex: 6;
  justify-content: center;
  gap: 1.5rem;
}
.AwardsBackLayout .__HeaderLinks a {
  color: var(--baseColorBlack);
}
.AwardsBackLayout .__HeaderLinks .LinkTab {
  padding: 1rem 0;
  border-bottom: 2px solid transparent;
}
.AwardsBackLayout .__HeaderLinks .LinkTab:hover, .AwardsBackLayout .__HeaderLinks .LinkTab.active {
  font-weight: 600;
  color: #0A84FF;
  border-bottom: 2px solid #0A84FF;
}

.AirdropPlaceholderLayout .__Price {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: flex;
  background: #fff;
  color: #000;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 0.1rem 0.3rem;
  font-weight: 600;
  font-size: 12px;
}
.AirdropPlaceholderLayout {
  display: flex;
  background: var(--borderColor);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  height: 120px;
  overflow: hidden;
  position: relative;
}
.AirdropPlaceholderLayout img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.LoginButton {
  cursor: pointer;
  display: flex;
  height: 35.2px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: var(--blueColor) !important;
  color: #fff !important;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
}

:root {
  --xPos: 1500px;
  --yPos: 1500px;
}

.TrendingLayout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  padding-top: 1.5rem;
}
.TrendingLayout .__OuterItem.Points {
  background: var(--trendingBorderColor);
  background: radial-gradient(100rem circle at var(--xPos) var(--yPos), #ffca5f, var(--trendingBorderColor) 15%);
}
.TrendingLayout .__OuterItem.Giveaway {
  background: var(--trendingBorderColor);
  background: radial-gradient(100rem circle at var(--xPos) var(--yPos), #3cd9fb, var(--trendingBorderColor) 15%);
}
.TrendingLayout .__OuterItem.Discord {
  background: var(--trendingBorderColor);
  background: radial-gradient(100rem circle at var(--xPos) var(--yPos), #688dfc, var(--trendingBorderColor) 15%);
}
.TrendingLayout .__OuterItem.Stay {
  background: var(--trendingBorderColor);
  background: radial-gradient(100rem circle at var(--xPos) var(--yPos), #beaaff, var(--trendingBorderColor) 15%);
}
.TrendingLayout .__OuterItem {
  display: inline-block;
  width: 100%;
  padding: 0.1rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: var(--trendingBorderColor);
}
.TrendingLayout .__Item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  background: radial-gradient(150rem circle at var(--xPos) var(--yPos), transparent, transparent 15%);
  opacity: 1;
  transition: all 0.15s ease-in-out;
}
.TrendingLayout .__Item.Stay::before {
  background: radial-gradient(150rem circle at var(--xPos) var(--yPos), transparent, transparent 15%);
}
.TrendingLayout .__Item.Points::before {
  background: radial-gradient(150rem circle at var(--xPos) var(--yPos), transparent, transparent 15%);
}
.TrendingLayout .__Item.Giveaway::before {
  background: radial-gradient(150rem circle at var(--xPos) var(--yPos), transparent, transparent 15%);
}
.TrendingLayout .__Item.Discord::before {
  background: radial-gradient(150rem circle at var(--xPos) var(--yPos), transparent, transparent 15%);
}
.TrendingLayout .__Item:hover::before {
  opacity: 1;
}
.TrendingLayout .__Item {
  position: relative;
  background: var(--trendingBoxItemBackgroundColor);
  background: var(--bodyBackgroundColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.TrendingLayout .__Item .__ItemListItems.NormalPadding {
  padding: 0 0.8rem 0rem;
}
.TrendingLayout .__Item .__ItemListItems {
  display: flex;
  flex-direction: column;
  padding: 0 0.4rem 0.6rem;
}
.TrendingLayout .__Item .__ItemListItems .__ListItem.YellowPage {
  background: linear-gradient(90deg, rgb(255, 248, 225) 0%, rgba(255, 255, 255, 0) 60%);
}
.TrendingLayout .__Item .__ItemListItems .__ListItem:hover {
  background: var(--trendingItemHoverColor);
}
.TrendingLayout .__Item .__ItemListItems .__ListItem {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 0.4rem 0.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}
.TrendingLayout .__Item .__ItemListItems .__ListItem span:nth-child(1) {
  text-align: center;
  color: var(--baseColorBlack);
  font-weight: 600;
  width: 1rem;
}
.TrendingLayout .__Item .__ItemListItems .__ListItem span:nth-child(2) {
  width: 30px;
  height: 30px;
  background: var(--trendingBorderColor);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  overflow: hidden;
}
.TrendingLayout .__Item .__ItemListItems .__ListItem span:nth-child(2) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.TrendingLayout .__Item .__ItemListItems .__ListItem span:nth-child(3) {
  font-weight: 600;
}
.TrendingLayout .__Item .__ItemListItems .__ListItem span:nth-child(3) {
  flex: 1;
}
.TrendingLayout .__Item .__ItemListItems .__ListItem span:nth-child(4) {
  color: var(--colorGreen);
  font-weight: 600;
}
.TrendingLayout .__Item .__ItemTitle {
  display: flex;
  justify-content: space-between;
  padding: 0.8rem;
}
.TrendingLayout .__Item .__ItemTitle span:nth-child(2) a {
  font-weight: 600;
}
.TrendingLayout .__Item .__ItemTitle span:nth-child(1) {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 600;
  font-size: 16px;
}

.EmailButton {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e2e2e2;
  padding: 0.3rem 1rem;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  color: #000;
  font-weight: 600;
}

.TelegramButton {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  background: #258dfe;
  background-image: linear-gradient(83.2deg, rgb(150, 93, 233) 10.8%, rgb(99, 88, 238) 94.3%);
  padding: 0.3rem 1rem;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  color: #fff;
  font-weight: 600;
}

.__PartnerItems {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.__PartnerItems .__Item {
  display: flex;
  padding: 1.5rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 2px solid var(--borderColor);
  gap: 2rem;
}
.__PartnerItems .__Item .__ImageView {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  padding: 2rem;
}
.__PartnerItems .__Item .__ImageView img {
  max-height: 160px;
  max-width: 100%;
}
.__PartnerItems .__Item .__TextView h2 a {
  color: var(--baseColorBlack);
  font-size: 24px;
}
.__PartnerItems .__Item .__TextView {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.PageNavigatorItems.Contact {
  gap: 1rem;
}
.PageNavigatorItems.Contact span.addTop {
  padding-top: 0.5rem;
  border-top: 1px solid var(--borderColor);
}
.PageNavigatorItems {
  position: sticky;
  z-index: 1;
  top: 0;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  padding: 2rem 0 2rem;
  width: 200px;
}
.PageNavigatorItems .__Item:hover, .PageNavigatorItems .__Item.Active {
  cursor: pointer;
  color: var(--pageMenuItemsHoverColor);
  border-color: var(--pageMenuItemsHoverColor);
  font-weight: 600;
}
.PageNavigatorItems .__Item {
  transition: all 0.1s ease;
  color: var(--pageMenuItemTextColor);
  display: flex;
  padding: 0.2rem 1rem;
  border-left: 2px solid var(--pageMenuItemsColor);
}

.privacy_policy {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 2rem 0;
  flex: 1;
}
.privacy_policy p {
  display: inline-block;
}
.privacy_policy h2 {
  color: var(--baseColorBlack);
}
.privacy_policy h2, .privacy_policy h3 {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
}
.privacy_policy h1 {
  color: var(--baseColorBlack);
  font-size: 42px;
  font-weight: 700;
}

.SubPageTitle {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--borderColor);
  font-weight: 700;
  font-size: 30px;
}

.PageContainerLayout {
  display: flex;
  gap: 2rem;
}

.SubPageController {
  display: flex;
  flex-direction: column;
  width: 200px;
  padding: 2rem 0;
  position: sticky;
  align-self: flex-start;
  top: 0px;
  z-index: 10;
}
.SubPageController .__PageItemTitle.Top {
  padding-top: 1rem;
}
.SubPageController .__PageItemTitle {
  padding-bottom: 1rem;
  font-weight: 700;
  font-size: 20px;
}
.SubPageController .__PageItem {
  display: flex;
  padding: 0.4rem 1rem;
  cursor: pointer;
  font-weight: 600;
  color: var(--footerLinkColor);
  border-left: 2px solid var(--trendingBorderColor);
}
.SubPageController .__PageItem:hover, .SubPageController .__PageItem.active {
  border-left: 2px solid var(--footerLinkColorHover);
  color: var(--footerLinkColorHover);
}

.BrandAssetsView {
  display: flex;
  justify-content: center;
  padding: 2rem 0 2rem 0;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.BrandAssetsView .__Help {
  display: flex;
  width: 100%;
  padding-top: 2rem;
  border-top: 1px solid var(--borderColor);
  justify-content: center;
}
.BrandAssetsView .__Help .__ContactForm {
  align-items: center;
  justify-content: center;
}
.BrandAssetsView .__Help .__ContactForm .__Button {
  display: inline-flex;
  flex-direction: column;
  gap: 0.5rem;
}
.BrandAssetsView .__Help .__ContactForm .__Button a {
  font-size: 11px;
}
.BrandAssetsView .__Help .__ContactForm .__TextView b {
  font-weight: 600;
  font-size: 18px;
}
.BrandAssetsView .__Help .__ContactForm .__TextView {
  max-width: 50%;
}
.BrandAssetsView .__Help .__ContactForm {
  display: inline-flex;
  gap: 2rem;
}
.BrandAssetsView .__View {
  display: flex;
  width: 980px;
  flex-direction: column;
}

.PressKitItems {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
.PressKitItems.Three {
  grid-template-columns: repeat(3, 1fr);
}
.PressKitItems .KitItem {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.PressKitItems .KitItem .Name {
  font-weight: 700;
  font-size: 24px;
}
.PressKitItems .KitItem .Image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.PressKitItems .KitItem .Image.WithBorder {
  border: 2px solid var(--trendingBorderColor);
}
.PressKitItems .KitItem .Image {
  display: flex;
  height: 280px;
}

.AssetKitItem {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: 1rem 0;
}
.AssetKitItem .__FontBlockItems {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.AssetKitItem .__FontBlockItems .__FontItem {
  display: flex;
  border: 2px solid var(--trendingBorderColor);
  padding: 1.5rem;
  flex-direction: column;
}
.AssetKitItem .__FontBlockItems .__FontItem span:nth-child(3) {
  padding-top: 1rem;
}
.AssetKitItem .__FontBlockItems .__FontItem span:nth-child(3) a {
  font-weight: 600;
  font-size: 24px;
}
.AssetKitItem .__FontBlockItems .__FontItem span:nth-child(2) {
  font-weight: 700;
  font-size: 16px;
  color: #ccc;
}
.AssetKitItem .__FontBlockItems .__FontItem span:nth-child(1) {
  font-weight: 700;
  font-size: 24px;
}
.AssetKitItem .__ColorBlockItems {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
}
.AssetKitItem .__ColorBlockItems .__BlockItem.Main {
  background: #3861fb;
}
.AssetKitItem .__ColorBlockItems .__BlockItem.Dark1 {
  background: #111;
}
.AssetKitItem .__ColorBlockItems .__BlockItem.White {
  background: #eff2f5;
  color: #000;
}
.AssetKitItem .__ColorBlockItems .__BlockItem span {
  font-size: 24px;
  font-weight: 600;
}
.AssetKitItem .__ColorBlockItems .__BlockItem {
  gap: 0.05rem;
  width: 100%;
  height: 200px;
  background: #000;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  color: #fff;
  justify-content: flex-end;
  align-content: flex-end;
  align-items: flex-start;
}
.AssetKitItem .__Items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.AssetKitItem .__Items.Three {
  grid-template-columns: repeat(3, 1fr);
}
.AssetKitItem .__Items .__Item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.AssetKitItem .__Items .__Item .__TextView {
  font-weight: 700;
  font-size: 24px;
}
.AssetKitItem .__Items .__Item .__ImageView.Dark {
  background: #000;
}
.AssetKitItem .__Items .__Item .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.AssetKitItem .__Items .__Item .__ImageView {
  display: flex;
  width: 100%;
  padding: 2rem;
  height: 200px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: var(--trendingBorderColor);
}
.AssetKitItem .__Description {
  width: 60%;
  font-size: 18px;
}
.AssetKitItem .__Title {
  font-weight: 700;
  font-size: 36px;
}

.BrandAssetsLayout {
  display: flex;
  width: 100%;
  height: 400px;
  background: #fff url("https://assets.playtoearn.com/img/presskit_background.png?4") right center;
  background-size: auto 100%;
  justify-content: center;
  align-self: center;
}
.BrandAssetsLayout .__View {
  display: flex;
  align-self: center;
  width: 980px;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}
.BrandAssetsLayout .__View .__ViewSubTitle {
  width: 55%;
  color: #fff;
  display: flex;
}
.BrandAssetsLayout .__View .__ViewTitle {
  color: #fff;
  line-height: 54px;
  width: 55%;
  display: flex;
  font-size: 50px;
  font-weight: 700;
}

.SuccessOkayMessage {
  position: fixed;
  z-index: 100000;
  right: 1rem;
  bottom: 1rem;
  display: none;
  background: #64DD17;
  padding: 0.6rem 1rem;
  color: #fff;
  gap: 1rem;
  cursor: pointer;
}
.SuccessOkayMessage .__Close {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 1rem;
}
.SuccessOkayMessage {
  font-weight: 600;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.ErrorMessage {
  position: fixed;
  z-index: 100000;
  right: 1rem;
  bottom: 1rem;
  display: none;
  background: #FF1744;
  padding: 0.6rem 1rem;
  color: #fff;
  gap: 1rem;
  cursor: pointer;
}
.ErrorMessage .__Close {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 1rem;
}
.ErrorMessage {
  font-weight: 600;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.FooterLayout {
  display: flex;
  width: 100%;
  justify-content: center;
  background: #000;
}
.FooterLayout .FooterBasicLayout {
  display: flex;
  gap: 2rem;
}
.FooterLayout .FooterBasicLayout .__Logo {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.FooterLayout .FooterBasicLayout .__SocialItems {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
.FooterLayout .FooterBasicLayout .__SocialItems .__SocialItem {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.FooterLayout .FooterBasicLayout .__SocialItems .__SocialItem span {
  display: flex;
}
.FooterLayout .FooterBasicLayout .__SocialItems .__SocialItem span:nth-child(2) {
  font-weight: 600;
  font-size: 16px;
}
.FooterLayout .FooterBasicLayout .__LinkItems {
  display: flex;
  flex: 1;
  gap: 4rem;
}
.FooterLayout .FooterBasicLayout .__LinkItems .__LinkItemList {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.FooterLayout .FooterBasicLayout .__LinkItems .__LinkItemList a {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}
.FooterLayout .FooterBasicLayout .__LinkItems .__LinkItemList a:hover {
  color: #82d2e9;
}
.FooterLayout .FooterBasicLayout .__LinkItems .__LinkItemList .__Titles {
  display: flex;
  font-weight: 400;
  font-size: 16px;
}
.FooterLayout .CopyrightLayout {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.FooterLayout .CopyrightLayout .__Left {
  color: rgba(255, 255, 255, 0.6);
}
.FooterLayout .CopyrightLayout .__Right {
  display: flex;
  gap: 1rem;
}
.FooterLayout .CopyrightLayout .__Right a {
  color: rgba(255, 255, 255, 0.6);
}
.FooterLayout .CopyrightLayout .__Right a:hover {
  color: #82d2e9;
}
.FooterLayout.Base .__View {
  padding: 2rem 0 1.5rem;
}
.FooterLayout.NewsletterFooter {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.FooterLayout.NewsletterFooter .__View {
  padding: 1.8rem 0;
}
.FooterLayout.NewsletterFooter .__View .Newsletter {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.FooterLayout.NewsletterFooter .__View .Newsletter .__NewsletterInfo {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.FooterLayout.NewsletterFooter .__View .Newsletter .__NewsletterTitle {
  font-weight: 700;
  font-size: 20px;
}
.FooterLayout.NewsletterFooter .__View .Newsletter .__NewsletterTextView {
  width: auto;
  color: #9a9a9a;
  font-weight: 300;
  font-size: 15px;
}
.FooterLayout.NewsletterFooter .__View .Newsletter .__NewsletterRegister {
  padding-top: 0;
  flex-shrink: 0;
}
.FooterLayout.NewsletterFooter .__View .Newsletter .__NewsletterRegister .NewsletterRegisterButton {
  font-size: 16px;
}
.FooterLayout.NewsletterFooter .__View .Newsletter .__NewsletterRegister input[type=text] {
  width: 300px;
  padding: 0.6rem 1rem;
  font-size: 16px !important;
}
.FooterLayout .__View {
  padding: 4rem 0;
  display: flex;
  width: 1370px;
  flex-direction: column;
  color: #fff;
}
.FooterLayout .__View .Newsletter {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.2rem;
}
.FooterLayout .__View .Newsletter .__NewsletterRegister {
  padding-top: 1rem;
  display: flex;
  gap: 0.5rem;
}
.FooterLayout .__View .Newsletter .__NewsletterRegister .NewsletterRegisterButton {
  display: flex;
  cursor: pointer;
  background: #0012ff;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
}
.FooterLayout .__View .Newsletter .__NewsletterRegister input[type=text] {
  background: #111;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #fff;
  padding: 0.5rem 1rem;
  border: 0;
  width: 400px;
  font-size: 18px !important;
}
.FooterLayout .__View .Newsletter .__NewsletterTextView {
  display: flex;
  width: 50%;
  font-weight: 300;
  font-size: 22px;
}
.FooterLayout .__View .Newsletter .__NewsletterTitle {
  font-weight: 700;
  font-size: 34px;
}

.FooterLayout-OldBeta.Mini {
  padding: 1.5rem 0;
}
.FooterLayout-OldBeta {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 2rem 0;
  border-top: 2px solid var(--borderColor);
  z-index: 10;
  position: relative;
  background: var(--bodyBackgroundColor);
}
.FooterLayout-OldBeta .__View {
  display: flex;
  width: 1370px;
  flex-direction: column;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems {
  display: flex;
  gap: 4rem;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems {
  display: grid;
  grid-template-columns: auto auto auto;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item.Socials {
  width: 400px;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item {
  display: flex;
  width: 240px;
  flex-direction: column;
  gap: 1rem;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item .__Items.Socials {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item .__Items.Socials span {
  gap: 0.8rem;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item .__Items {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item .__Items a:hover {
  color: var(--footerLinkColorHover);
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item .__Items a {
  color: var(--footerLinkColor);
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item .__Items a span svg.fillWhite {
  fill: var(--footerFillIconColor);
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item .__Items span b {
  font-weight: 600;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item .__Items span a:hover {
  color: var(--footerLinkColorHover);
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item .__Items span a {
  color: var(--footerLinkColor);
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item .__Items span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__LinkItems .__Item .__ItemTitle {
  color: var(--footerLinkTitleColor);
  display: flex;
  font-size: 18px;
  font-weight: 600;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__About {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__About .AboutTextView {
  display: flex;
  font-size: 16px;
  font-weight: 300;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__About .__Logo {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__About .__Logo .LogoAsset {
  display: flex;
  background: var(--logoBackground);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 0.4rem;
}
.FooterLayout-OldBeta .__View .__FooterBlockItems .__About .__Logo span {
  color: var(--logoTextColor);
  font-size: 24px;
  font-weight: 700;
}
.FooterLayout-OldBeta .__View .__NewsletterRegister {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.FooterLayout-OldBeta .__View .__NewsletterRegister .__NewsletterInput {
  display: flex;
  gap: 0.6rem;
}
.FooterLayout-OldBeta .__View .__NewsletterRegister .__NewsletterInput input[type=text] {
  height: 33.6px;
  width: 220px;
  border: 0;
  padding: 0 1rem;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  color: var(--inputTextColor);
  background: var(--trendingBorderColor);
}
.FooterLayout-OldBeta .__View .__NewsletterRegister .__NewsletterTitle b {
  font-size: 16px;
}
.FooterLayout-OldBeta .__View .__NewsletterRegister .__NewsletterTitle {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.FooterLayout-OldBeta .__View .__Copyright {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.FooterLayout-OldBeta .__View .__Copyright .__CopyrightTextView {
  font-weight: 600;
  color: var(--footerCopyrightText);
  display: flex;
}
.FooterLayout-OldBeta .__View .__Copyright .__App {
  gap: 0.5rem;
  display: flex;
}
.FooterLayout-OldBeta .__View .__SmallFooter {
  display: none;
  flex-wrap: wrap;
  gap: 1.2rem;
}
.FooterLayout-OldBeta .__View .__SmallFooter a {
  font-weight: 600;
  color: var(--footerLinkColor);
}
.FooterLayout-OldBeta .__View .__SmallFooter a:hover {
  color: var(--footerLinkColorHover);
}

.MobileDataInformationBar {
  display: none;
  justify-content: center;
  background: #fff;
  color: #000;
  border-bottom: 2px solid var(--trendingBorderColor);
  padding: 0 0.5rem;
  height: 40px;
  overflow: hidden;
}
.MobileDataInformationBar .swiper-slide {
  justify-content: center;
}
.MobileDataInformationBar .swiper-slide {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-size: 11px;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1rem;
}
.MobileDataInformationBar .swiper-slide a {
  color: #000;
}

.MobileDrawerMenu.Hide {
  display: none;
}
.MobileDrawerMenu {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  background: #000;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.MobileDrawerMenu .__Discord {
  display: flex;
  padding: 2rem 1rem;
  width: 100%;
  justify-content: center;
}
.MobileDrawerMenu .__Discord .__DiscordButton {
  cursor: pointer;
  display: flex;
  padding: 0.4rem 0.8rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  align-items: center;
  background: #4b5cdb;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  gap: 0.5rem;
}
.MobileDrawerMenu .MobileDrawerFooter {
  display: flex;
  padding: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.MobileDrawerMenu .MobileDrawerFooter .__SocialItems {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 0.6rem;
}
.MobileDrawerMenu .MobileDrawerFooter .__SocialItems a:hover {
  color: #999;
}
.MobileDrawerMenu .MobileDrawerFooter .__SocialItems a {
  color: #444;
}
.MobileDrawerMenu .MobileDrawerFooter .__FooterLinkItems a:hover {
  color: #fff;
}
.MobileDrawerMenu .MobileDrawerFooter .__FooterLinkItems a {
  font-size: 12px;
  font-weight: 700;
  color: #999;
}
.MobileDrawerMenu .MobileDrawerFooter .__FooterLinkItems {
  gap: 0.4rem;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.MobileDrawerMenu .MobileDrawerFooter {
  flex-wrap: wrap;
  gap: 0.6rem;
}
.MobileDrawerMenu .MobileDrawerItems {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems.__allSubItems {
  display: none;
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem {
  display: flex;
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem a span.Telegram {
  background: #0176c3 !important;
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem a span.Youtube {
  background: #f70000 !important;
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem a span.Twitter {
  background: #4ea6e9 !important;
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem a span.Discord {
  background: #4b5cdb !important;
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem:nth-child(1) a span:nth-child(1) {
  color: #fff;
  background-color: #0093E9;
  background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem:nth-child(2) a span:nth-child(1) {
  color: #fff;
  background-color: #FBAB7E;
  background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem:nth-child(3) a span:nth-child(1) {
  color: #fff;
  background-color: #FF9A8B;
  background-image: linear-gradient(90deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem:nth-child(4) a span:nth-child(1) {
  color: #fff;
  background-color: #FF3CAC;
  background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem:nth-child(5) a span:nth-child(1) {
  color: #fff;
  background-color: #F4D03F;
  background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%);
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem:nth-child(6) a span:nth-child(1) {
  color: #fff;
  background-color: #FEE140;
  background-image: linear-gradient(90deg, #FEE140 0%, #FA709A 100%);
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem a .fa-star {
  color: #fff;
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem a {
  width: 100%;
  padding: 0.6rem 1rem;
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem a span:nth-child(2) {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem a span:nth-child(1) i {
  font-size: 18px;
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem a span:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: var(--borderColor);
  border-radius: 100px;
  -webkit-border-radius: 100px;
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem a {
  align-items: center;
  display: flex;
  gap: 1rem;
  color: var(--footerLinkColor);
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems .__BoxListItem:hover {
  background: var(--headerMenuItemsItem);
}
.MobileDrawerMenu .MobileDrawerItems .__SubItems .__BoxItems {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
.MobileDrawerMenu .MobileDrawerItems .__Item {
  display: flex;
  padding: 1rem 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  align-items: center;
  justify-content: space-between;
}
.MobileDrawerMenu .MobileDrawerItems .__Item span:nth-child(2) {
  color: #999;
}
.MobileDrawerMenu .MobileDrawerItems .__Item span:nth-child(1) {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}
.MobileDrawerMenu .MobileDrawerTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  gap: 1rem;
}
.MobileDrawerMenu .MobileDrawerTitle .__Logo {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 0.6rem;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.MobileDrawerMenu .MobileDrawerTitle .__Close {
  font-size: 18px;
  color: #fff;
}

.MobileSearchLayout {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 1000000;
  display: none;
  flex-direction: column;
}
.MobileSearchLayout .MobileSearchResults {
  flex: 1;
  overflow: auto;
}
.MobileSearchLayout .__SearchItemsList.Small {
  max-height: 180px;
}
.MobileSearchLayout .__SearchItemsList {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
}
.MobileSearchLayout .__SearchItemsList .__SearchItem.Mini .__ImageView {
  width: 24px;
  height: 24px;
  background: transparent;
}
.MobileSearchLayout .__SearchItemsList .__SearchItem:hover {
  cursor: pointer;
  background: var(--borderColor);
}
.MobileSearchLayout .__SearchItemsList .__SearchItem .__Price .__PriceButton .SmallButtonRed {
  display: inline-flex;
}
.MobileSearchLayout .__SearchItemsList .__SearchItem .__Price .__PriceButton {
  justify-content: flex-end;
  width: 60px;
  display: flex;
}
.MobileSearchLayout .__SearchItemsList .__SearchItem .__Price {
  display: flex;
  font-size: 12px;
  font-weight: 600;
}
.MobileSearchLayout .__SearchItemsList .__SearchItem .__TextView {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.1rem;
}
.MobileSearchLayout .__SearchItemsList .__SearchItem .__ImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.MobileSearchLayout .__SearchItemsList .__SearchItem .__ImageView {
  overflow: hidden;
  display: flex;
  width: 46px;
  height: 46px;
  background: var(--borderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.MobileSearchLayout .__SearchItemsList .__SearchItem {
  gap: 1rem;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
}
.MobileSearchLayout .__SearchItemsTitle.Top {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.MobileSearchLayout .__SearchItemsTitle {
  display: flex;
  padding: 0.6rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-weight: 600;
}
.MobileSearchLayout .__LoadingResults {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 200px;
  align-items: center;
  justify-content: center;
}
.MobileSearchLayout .MobileSearchLayoutInput {
  display: flex;
  height: 60px;
  border-bottom: 2px solid var(--trendingBorderColor);
}
.MobileSearchLayout .MobileSearchLayoutInput span:nth-child(1) {
  flex: 1;
}
.MobileSearchLayout .MobileSearchLayoutInput span:nth-child(2) {
  align-items: center;
  justify-content: center;
  display: flex;
  width: 50px;
  color: #333;
}
.MobileSearchLayout .MobileSearchLayoutInput span:nth-child(2) i {
  font-size: 20px;
}
.MobileSearchLayout .MobileSearchLayoutInput input {
  width: 100%;
  background: transparent;
  border: 0;
  color: #000;
  height: 60px !important;
  padding: 0 1rem;
  font-weight: 600;
}

.MobileHeaderLayout {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-bottom: 2px solid var(--trendingBorderColor);
  height: 60px;
  z-index: 1000;
  display: none;
  align-items: center;
  padding: 0 0.7rem;
  gap: 0.8rem;
}
.MobileHeaderLayout .__Logo span {
  background: #3861fb;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.MobileHeaderLayout .__Logo span img {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.MobileHeaderLayout .__Logo {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 16px;
  color: #000;
}
.MobileHeaderLayout .__Drawer {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #898e9b;
}
.MobileHeaderLayout .__Drawer i {
  font-size: 22px;
}
.MobileHeaderLayout .__Search {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #898e9b;
}
.MobileHeaderLayout .__Search i {
  font-size: 22px;
}

.TrendingMobileLayout {
  display: none;
  flex-direction: column;
  width: 100%;
  padding-top: 1rem;
}
.TrendingMobileLayout .__TopGames {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.TrendingMobileLayout .__TopGames .__TopGamesHolderItems {
  display: flex;
  width: 100%;
  overflow: auto;
  padding: 1rem 0 1rem 0.2rem;
}
.TrendingMobileLayout .__TopGames .__TopGamesHolderItems .__Items {
  display: grid;
  grid-gap: 0.6rem;
  grid-template-columns: 140px 140px 140px;
}
.TrendingMobileLayout .__TopGames .__TopGamesHolderItems .__Items .__Item.Promote {
  background: #ffbb00;
}
.TrendingMobileLayout .__TopGames .__TopGamesHolderItems .__Items .__Item .__ItemPercent.RedButtonBackground {
  background: #FF1744;
  color: #fff;
}
.TrendingMobileLayout .__TopGames .__TopGamesHolderItems .__Items .__Item .__ItemPercent {
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  padding: 0.1rem 0.4rem;
  font-size: 9px;
  font-weight: 700;
}
.TrendingMobileLayout .__TopGames .__TopGamesHolderItems .__Items .__Item .__ItemTextView {
  padding: 0 0.2rem;
  display: flex;
  font-weight: 600;
  font-size: 14px;
}
.TrendingMobileLayout .__TopGames .__TopGamesHolderItems .__Items .__Item .__ItemImageView {
  display: flex;
  width: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.TrendingMobileLayout .__TopGames .__TopGamesHolderItems .__Items .__Item .__ItemImageView .__Text {
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  bottom: 0rem;
  left: 0rem;
  padding: 0.6rem;
  width: 100%;
  display: flex;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.TrendingMobileLayout .__TopGames .__TopGamesHolderItems .__Items .__Item .__ItemImageView .__Percent {
  position: absolute;
  right: 0.4rem;
  top: 0.4rem;
}
.TrendingMobileLayout .__TopGames .__TopGamesHolderItems .__Items .__Item .__ItemImageView img {
  width: 100%;
  height: 125px;
  object-fit: cover;
}
.TrendingMobileLayout .__TopGames .__TopGamesHolderItems .__Items .__Item {
  flex-direction: column;
  gap: 0.2rem;
  background: #fff;
  padding: 0.3rem;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  display: flex;
  width: 140px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
}
.TrendingMobileLayout .__TopGames .__TopGamesTitle {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.TrendingMobileLayout .__TopGames .__TopGamesTitle span:nth-child(2) a {
  font-weight: 600;
}
.TrendingMobileLayout .__TopGames .__TopGamesTitle span:nth-child(1) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 20px;
}
.TrendingMobileLayout .SmartLinkItems {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.6rem;
  width: 100%;
  padding-bottom: 1rem;
}
.TrendingMobileLayout .SmartLinkItems a {
  color: var(--baseColorBlack);
}
.TrendingMobileLayout .SmartLinkItems .__Item {
  display: flex;
  padding: 0.6rem;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  align-items: center;
  gap: 0.6rem;
}
.TrendingMobileLayout .SmartLinkItems .__Item .__ItemIcon.TopGames {
  background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
}
.TrendingMobileLayout .SmartLinkItems .__Item .__ItemIcon.Gainers {
  background: linear-gradient(132deg, #F4D03F 0%, #16A085 100%);
}
.TrendingMobileLayout .SmartLinkItems .__Item .__ItemIcon {
  align-items: center;
  justify-content: center;
  color: #fff;
}
.TrendingMobileLayout .SmartLinkItems .__Item .__ItemIcon i {
  font-size: 16px;
}
.TrendingMobileLayout .SmartLinkItems .__Item .__ItemIcon {
  display: flex;
  width: 30px;
  height: 30px;
  background: #000;
  border-radius: 100px;
  -webkit-border-radius: 100px;
}
.TrendingMobileLayout .SmartLinkItems .__Item .__ItemName {
  flex: 1;
  font-weight: 600;
  display: flex;
}

.FooterNavigationBar {
  display: none;
}

.ShowDesktop {
  display: inline-block;
}

.ShowMobile {
  display: none;
}

@media screen and (max-width: 1470px) {
  .FooterLayout .FooterBasicLayout .__Logo {
    display: none;
  }
  .TrendingLayout .__Item .swiper {
    width: 340px !important;
  }
  .NewsItemsLayout {
    grid-template-columns: repeat(3, 1fr);
  }
  .NewsItemsLayout a:last-child {
    display: none !important;
  }
  .removeOnTablet {
    display: none !important;
  }
  .FooterLayout .__View {
    width: 1100px;
  }
  .TopDisplay .__InnerView {
    width: 1100px;
  }
}
@media screen and (max-width: 1081px) {
  .PageNavigatorItems {
    display: none;
  }
}
@media screen and (max-width: 812px) {
  .TrendingMobileLayout .__TopGames .__TopGamesHolderItems .__Items .__Item .__ItemPercent {
    backdrop-filter: none !important;
    background: rgba(0, 0, 0, 0.4);
  }
  * {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .GameViewLayout .__GameHeader .__GameInfo {
    width: 100%;
  }
  .GameViewLayout .__GameHeader .__GameGallery .__GalleryTopBar .TopTrendingGame {
    display: none;
  }
  .PlayButtonAssets {
    flex-direction: column;
  }
  .PlayButtonAssets .__PlayButton {
    text-align: center;
    justify-content: center;
  }
  .PlayButtonAssets .__Google {
    display: none;
  }
  .GameViewLayout .__GameHeader .__GameInfo .__Bottom {
    padding: 1.5rem;
    flex-direction: column;
  }
  .GameViewLayout .__GameHeader .__GameInfo .__InfoTitle {
    font-size: 40px;
  }
  .GameViewLayout .__GameHeader .__GameInfo .__Top {
    padding: 1.5rem 1.5rem 0 1.5rem;
  }
  .GameGallerySlider {
    width: 100%;
  }
  .DataLayout .InfoGameLayout {
    position: inherit;
  }
  .DataLayout .__Right .SponsorBox {
    align-items: center;
  }
  .DataLayout .TableLayout {
    width: 100%;
    overflow: auto;
  }
  .GameViewLayout .__GameHeader {
    flex-direction: column;
  }
  .GameViewLayout .__GameInfoReport {
    flex-direction: column;
  }
  .DataLayout .__Right {
    width: 100%;
  }
  .GameSimilarItems {
    grid-template-columns: repeat(1, 1fr);
  }
  .DataLayout .GameBlockListItems .__Item {
    width: 200px;
  }
  .DataLayout .GameBlockListItems {
    flex-wrap: inherit;
  }
  .DataLayout .GameBlockListItems.Grids {
    display: flex;
    gap: 1rem;
    flex-wrap: inherit;
    overflow: auto;
    scrollbar-color: transparent transparent;
  }
  .DataLayout .InfoGameLayout .InfoGameImageView {
    display: none;
  }
  .GameNftInfos {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
  .DataLayout .InfoGameLayout .InfoGameName {
    text-align: center;
  }
  .DataLayout .InfoGameLayout {
    flex-direction: column;
    padding: 0 0 2rem 0;
  }
  .DataLayout {
    flex-direction: column;
  }
  .DataLayout .TabLayout {
    overflow: auto;
    scrollbar-color: transparent transparent;
  }
  .DataLayout .TabLayout .TabItem {
    flex: 0 0 auto;
  }
  .ShowMobile {
    display: inline-block;
  }
  .ShowDesktop {
    display: none;
  }
  .__ShareView {
    display: none !important;
  }
  .GameViewLayout .__GameMiniInfo .__MiniInfoGameWatchlist {
    padding-top: 1rem;
  }
  .GameViewLayout .__GameMiniInfo {
    flex-direction: column;
  }
  .AboutWorkedItems {
    display: flex;
    overflow: auto;
  }
  .AboutUsHeader .View .AboutNumberItems .NumberItem span:nth-child(1) {
    font-size: 30px;
  }
  .AboutUsefulLinks .__View {
    width: 100%;
  }
  .UsefulLinkItems .LinkItem span:nth-child(3) {
    display: none;
  }
  .UsefulLinkItems .LinkItem span:nth-child(2) {
    font-size: 16px;
  }
  .UsefulLinkItems {
    grid-template-columns: repeat(2, 1fr);
    padding: 2rem 1rem;
  }
  .TeamItems {
    grid-template-columns: repeat(1, 1fr);
  }
  .AboutBlockItem {
    padding: 1rem 0.4rem !important;
  }
  .AboutUsHeader .View .AboutHeader .__TextView span:nth-child(1) {
    font-size: 40px;
    line-height: 50px;
  }
  .AboutUsHeader .View .AboutHeader {
    gap: 1rem;
  }
  .AboutUsHeader .View .AboutHeader .__TextView {
    order: 2;
  }
  .AboutUsHeader .View .AboutHeader .__ImageView {
    order: 1;
    width: 100%;
  }
  .AboutUsHeader .View .AboutHeader .__ImageView img {
    width: 100%;
  }
  .AboutUsHeader .View .AboutNumberItems .NumberItem span:nth-child(2) {
    font-size: 16px;
  }
  .AboutUsHeader .View .AboutNumberItems {
    grid-template-columns: repeat(2, 1fr);
  }
  .AboutUsHeader .View .AboutHeader {
    flex-direction: column;
  }
  .AboutUsHeader .View {
    width: 100%;
  }
  .BrandAssetsView .__Help .__ContactForm {
    flex-direction: column;
  }
  .BrandAssetsView {
    padding: 0 !important;
  }
  .ModalViewerLayout {
    padding: 0 1rem;
  }
  .BrandAssetsView .__Help .__ContactForm .__Button {
    text-align: center;
    justify-content: center;
  }
  .BrandAssetsView .__Help .__ContactForm {
    padding-bottom: 2rem;
  }
  .BrandAssetsView .__Help .__ContactForm .__TextView {
    width: 100%;
    max-width: inherit;
  }
  .privacy_policy h1 {
    font-weight: 800;
    font-size: 32px;
  }
  .__PartnerItems .__Item {
    flex-direction: column;
  }
  .__PartnerItems .__Item .__ImageView {
    order: 1;
  }
  .__PartnerItems .__Item .__TextView {
    order: 2;
  }
  .PointsLayout .__PointsMenu .__PointMenuItems {
    padding: 0 !important;
  }
  .PointsLayout .__PointsMenu .__PointMenuItems .__Item {
    justify-content: center;
    padding: 1rem 0;
    border-radius: 0;
    -webkit-border-radius: 0;
  }
  .PointsLayout .__PointsMenu .__PointMenuItems .__Item.active {
    color: var(--alink);
    border-bottom: 2px solid var(--alink);
  }
  .PointsLayout .PointsHolder {
    width: 100%;
  }
  .AwardsLayout .AwardGridView.Two {
    grid-template-columns: repeat(1, 1fr);
  }
  .AwardBlockItems {
    overflow: auto;
    scrollbar-color: #000 #000;
  }
  .AwardBlockItems .__AwardBlockItem {
    padding: 1rem 2rem;
    min-width: 300px;
  }
  .AwardBlockItems .__AwardBlockItem .Number {
    font-size: 30px;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .AwardsBackLayout .__HeaderLinks {
    flex: 0 0 auto;
  }
  .AwardsBackLayout .__Action {
    display: none;
  }
  .AwardsBackLayout {
    overflow: auto;
    scrollbar-color: #000 #000;
  }
  .AwardGameItems {
    grid-template-columns: repeat(1, 1fr);
  }
  .AboutBlockItem {
    padding: 2rem;
  }
  .AboutBlockItem .BlockTitle {
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .UsefulLinkItems .LinkItem {
    justify-content: center;
    align-items: center;
  }
  .UsefulLinkItems.Three {
    grid-template-columns: repeat(1, 1fr);
  }
  .AssetKitItem .__ColorBlockItems {
    grid-template-columns: repeat(1, 1fr);
  }
  .AboutUsefulLinks .__View.Brand {
    width: 100%;
  }
  .AssetKitItem .__FontBlockItems {
    grid-template-columns: repeat(1, 1fr);
  }
  .AssetKitItem .__Description {
    width: 100%;
  }
  .AssetKitItem .__Items, .AssetKitItem .__Items.Three {
    grid-template-columns: repeat(1, 1fr);
  }
  .BrandAssetsView {
    padding: 1.1rem;
  }
  .AssetKitItem {
    padding-top: 0;
  }
  body.night-mode .AboutUsHeader .View .AboutHeader .__TextView span:nth-child(1) b {
    background: transparent;
  }
  .BrandAssetsView .__View {
    width: 100% !important;
  }
  .AboutUsHeader .View {
    padding: 2rem;
  }
  .AboutUsHeader .View.BrandAssets {
    width: 100% !important;
  }
  .AboutUsHeader .View .AboutHeader.Big .__TextView span:nth-child(1) {
    font-size: 40px;
    line-height: 50px;
  }
  ul.PaginationUlList {
    flex-wrap: wrap;
  }
  .NewsPressItems {
    width: 100%;
  }
  .__NewsPressItem .__ImageView {
    width: 100%;
  }
  .__NewsPressItem {
    flex-direction: column;
  }
  .NewsPressAndGamesItem {
    padding-top: 1rem;
    border-top: 2px solid var(--trendingBorderColor);
  }
  .NewsHeaderLayout .__BigNewsHolder .__BigNewsItems {
    height: 400px;
  }
  .NewsContentUser {
    padding: 1rem;
  }
  .NewsContentTags {
    flex-wrap: wrap;
  }
  .__BigNewsItem .__TextView span:nth-child(2) {
    font-size: 24px;
  }
  .NewsHeaderLayout {
    padding-top: 1rem;
    flex-direction: column;
  }
  .NewsCategoryTop .NewsCategorySearch {
    display: none;
  }
  .NewsCategoryItems .__Item {
    white-space: nowrap;
  }
  .NewsContentDescription {
    flex-direction: column;
  }
  .NewsShareListener {
    flex-direction: inherit;
  }
  .NewsContentDescription .NewsContentShare {
    width: 100%;
    background: var(--bodyBackgroundColor);
    padding: 1rem 0;
    display: flex;
    justify-content: center;
  }
  .NewsPressAndGamesItem .__GameItems .__GameItemList,
  .NewsCategoryTop {
    overflow: auto;
    scrollbar-color: transparent transparent;
  }
  .NewsContentItem .NewsContent .NewsContentImageView {
    height: 240px;
  }
  .NewsContentDescription .NewsContentShare {
    top: 50px;
  }
  .NewsContentItem .NewsContentExtra {
    display: none;
  }
  .NewsPressAndGamesItem .__GameItems {
    width: 100%;
    border-top: 2px solid var(--trendingBorderColor);
    padding-top: 1rem;
  }
  .NewsPressAndGamesItem {
    flex-direction: column;
  }
  .NewsYoutubeWithNewest {
    flex-direction: column;
  }
  .NewsYoutubeWithNewest .__BigNewNewsItem .__BigNewsFooter span:nth-child(2) {
    font-size: 24px;
  }
  .NewsYoutubeWithNewest .__BigNewNewsItem {
    flex: inherit;
    height: 350px;
  }
  .NewsYoutubeWithNewest .__Youtube {
    width: 100%;
  }
  .NewsItems .__Item .__ImageView {
    height: 240px;
  }
  .NewsItems a:nth-child(2) {
    display: none;
  }
  .NewsItems {
    grid-template-columns: repeat(1, 1fr);
  }
  .ErrorPage .ErrorPageDescription {
    text-align: center;
  }
  .ErrorPage .ErrorPageTitle {
    text-align: center;
  }
  .TrendingMobileLayout .__TopGames .__TopGamesHolderItems,
  .NewsItemsLayout {
    scrollbar-color: #fff #fff;
  }
  .CookieBar {
    bottom: calc(1rem + 60px);
  }
  .FeaturedBlockchainGamesLayout .GamesItemList {
    display: flex;
    flex-direction: column;
  }
  .GainersLayout .GainersTabItems {
    flex-wrap: wrap;
  }
  .GainersLayout .GainersItems.Two {
    grid-template-columns: repeat(1, 1fr);
    display: flex;
    flex-direction: column;
  }
  .FeaturedAppsListItems {
    grid-template-columns: repeat(1, 1fr);
  }
  .GainersLayout .GainersItems .__TableItems .__TableItemList {
    overflow: auto;
  }
  .GainersLayout .GainersItems .__TableItems .__TableItemList table.SnowTable thead tr th:nth-child(3) {
    position: relative;
  }
  .GainersLayout .GainersItems .__TableItems .__TableItemList table.SnowTable tbody tr td:nth-child(3) {
    position: relative;
  }
  .GainersLayout .GainersItems .__TableItems .__TableItemList table.SnowTable tbody tr td:nth-child(2) {
    width: 100px !important;
  }
  .GainersLayout .GainersItems {
    flex-direction: column;
  }
  .PointsLayout .__PointsMenu {
    width: 100%;
    border-bottom: 2px solid var(--trendingBorderColor);
  }
  .PointsLayout .__PointTitleView {
    flex-direction: column;
  }
  .PointsLayout .__PointTitleView span:nth-child(2) {
    padding-top: 1rem;
  }
  .PointsLayout .__PointTitleView span:nth-child(2) button {
    justify-content: center;
    text-align: center;
  }
  .PointsLayout .__PointsMenu .__PointMenuItems {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    padding: 0.6rem 0;
  }
  .PointsLayout {
    flex-direction: column;
    padding: 0;
    gap: 1rem;
  }
  .PointsLayout .__PointItems {
    grid-template-columns: repeat(2, 1fr);
  }
  .TrendingMobileLayout, .MobileHeaderLayout, .MobileDataInformationBar {
    display: flex;
  }
  .CleanerLayout .__Viewer {
    width: 100%;
  }
  .AwardsLayout .AwardTitle h1 {
    font-size: 40px;
  }
  .AwardsLayout .AwardDescription {
    font-size: 14px;
  }
  .AwardsLayout .AwardVideo iframe {
    height: 200px !important;
  }
  .AwardsLayout .AwardGridView {
    grid-template-columns: repeat(1, 1fr);
  }
  .AwardsLayout .AwardGridView .ViewItem .__Detail .__WinnerItems .__Item {
    height: 32px;
  }
  .AwardsLayout .AwardGridView .ViewItem .__ImageView {
    height: 220px;
  }
  .AwardsLayout .AwardGridView .ViewItem .__ImageView img {
    object-position: bottom;
  }
  .PlayToEarnDisplay .__Display {
    flex-direction: column;
  }
  .PlayToEarnDisplay .__Display a {
    width: 100%;
  }
  .PlayToEarnDisplay .__Display a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body.night-mode table.SnowTable thead tr th {
    background: #000;
  }
  body.night-mode .FooterNavigationBar .__FooterBarItem.active .__Icon svg g g path {
    stroke: #3861fb;
  }
  body.night-mode .FooterNavigationBar .__FooterBarItem.active .__Icon svg.canFill {
    fill: #3861fb;
  }
  body.night-mode .FooterNavigationBar .__FooterBarItem.active .__Icon svg.canFillOnlyLines path {
    stroke: #3861fb;
  }
  body.night-mode .FooterNavigationBar .__FooterBarItem .__Icon svg g g path {
    stroke: #fff;
  }
  body.night-mode .FooterNavigationBar .__FooterBarItem .__Icon svg.canFill {
    fill: #fff;
  }
  body.night-mode .FooterNavigationBar .__FooterBarItem .__Icon svg.canFillOnlyLines path {
    stroke: #fff;
  }
  body.night-mode {
    --bodyBackgroundColor: #000000;
    --trendingBorderColor: #111;
  }
  body.night-mode .MobileDataInformationBar {
    background: var(--bodyBackgroundColor);
    border-bottom: 2px solid var(--trendingBorderColor);
    border-top: 2px solid var(--trendingBorderColor);
  }
  body.night-mode .TrendingMobileLayout .__TopGames .__TopGamesHolderItems {
    scrollbar-color: var(--bodyBackgroundColor) var(--bodyBackgroundColor);
  }
  body.night-mode .TrendingMobileLayout .__TopGames .__TopGamesTitle span:nth-child(2) a {
    color: rgba(255, 255, 255, 0.5);
  }
  body.night-mode table.SnowTable tbody tr td:nth-child(3) {
    background: var(--bodyBackgroundColor);
  }
  body.night-mode .FooterNavigationBar {
    background: var(--bodyBackgroundColor);
  }
  body.night-mode .TrendingMobileLayout .__TopGames .__TopGamesHolderItems .__Items .__Item {
    background: var(--trendingBorderColor);
  }
  body.night-mode .MobileHeaderLayout {
    background: var(--bodyBackgroundColor);
  }
  body.night-mode .TrendingMobileLayout .__TopGames .__TopGamesTitle span:nth-child(1) {
    color: #fff;
  }
  .PlayToEarnDisplay {
    padding-top: 0.5rem !important;
  }
  .TrendingLayout {
    display: none !important;
  }
  .FooterLayout {
    display: none !important;
  }
  .NewsTickerTop {
    display: none !important;
  }
  .PlayToEarnDisplay .__Display {
    justify-content: center;
    background: #000;
  }
  .TopDisplay .__InnerView {
    width: 100%;
    padding: 0 1rem;
  }
  .SubPageController {
    display: none;
  }
  .FooterLayout .__View .__FooterBlockItems .__LinkItems .__Item.Socials {
    width: 100% !important;
  }
  .FooterNavigationBar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    height: 60px;
    background: #fff;
    border-top: 2px solid var(--borderColor);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .FooterNavigationBar .__FooterBarItem {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.2rem;
  }
  .FooterNavigationBar .__FooterBarItem.active * {
    color: #3861fb !important;
  }
  .FooterNavigationBar .__FooterBarItem.active .__Icon svg.canFillOnlyLines path {
    stroke: #3861fb !important;
  }
  .FooterNavigationBar .__FooterBarItem.active .__Icon svg.canFill {
    fill: #3861fb !important;
  }
  .FooterNavigationBar .__FooterBarItem.active .__Icon svg g g path {
    stroke: #3861fb !important;
  }
  .FooterNavigationBar .__FooterBarItem .__Icon i {
    font-size: 24px;
  }
  .FooterNavigationBar .__FooterBarItem .__Text {
    font-weight: 600;
    font-size: 11px;
  }
  .ScrollToTopLayout {
    display: none !important;
  }
  .FooterLayout .__View .__Copyright .__CopyrightTextView {
    font-size: 12px;
  }
  .HeaderLayout, .HeaderLayoutInfoBar {
    display: none;
  }
  body {
    padding-bottom: 60px;
  }
  .FooterLayout .__View {
    width: 100%;
    padding: 0 1.5rem;
  }
  .FooterLayout .__View .__FooterBlockItems {
    flex-direction: column;
    gap: 1rem;
  }
  .FooterLayout .__View .__FooterBlockItems .__LinkItems {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
  .FooterLayout .__View .__FooterBlockItems .__LinkItems .__Item:last-child {
    grid-column: span 2;
  }
  .FooterLayout .__View .__FooterBlockItems .__LinkItems .__Item {
    width: 100%;
  }
  .FooterLayout .__View .__Copyright {
    padding-top: 1rem;
    margin-top: 1rem;
    gap: 1rem;
    border-top: 2px solid var(--borderColor);
  }
  .FooterLayout .__View .__FooterBlockItems .__LinkItems .__Item .__Items.Socials span b {
    display: inline-flex;
    flex: 1;
    font-weight: 600;
  }
  .FooterLayout .__View .__FooterBlockItems .__LinkItems .__Item .__Items.Socials {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .TableListFilterItems {
    overflow: auto;
  }
  .OptionsButton {
    display: block ruby;
    padding: 0.32rem 0.6rem;
  }
  .NewsItemsTitle {
    border-top: 2px solid var(--borderColor);
    text-align: center;
    padding-top: 1rem;
  }
  .NewsItemsLayout .__NewsItem .__ImageView {
    height: 130px;
  }
  .NewsItemsLayout .__NewsItem .__NewsTitle {
    font-size: 1rem;
  }
  .ListItemsTitle {
    text-align: center;
  }
  .ListItemsSubTitle {
    text-align: center;
    display: none;
  }
  table.SnowTable {
    width: 1600px;
    display: block ruby;
  }
  table.SnowTable tbody tr td {
    padding: 0.5rem;
  }
  table.SnowTable tbody tr td:nth-child(3) {
    position: sticky;
    left: 0;
    z-index: 100;
    background: #fff;
  }
  table.SnowTable thead tr th {
    padding: 0.5rem;
  }
  table.SnowTable thead tr th:nth-child(3) {
    position: sticky;
    left: 0;
    z-index: 100;
    background: #fff;
  }
  table.SnowTable thead tr th:nth-child(3) {
    width: 150px;
    max-width: 150px;
  }
  .TableLayoutItems {
    overflow: auto;
    scrollbar-color: #fff #fff;
  }
  .NewsItemsLayout {
    scrollbar-color: #fff #fff;
    overflow: auto;
    grid-template-columns: 250px 250px 250px 250px;
  }
  .TrendingLayout {
    overflow: auto;
    grid-template-columns: 300px 350px 350px;
  }
  .TrendingLayout .swiper {
    width: 350px !important;
  }
}
.BlockchainProfile {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 1rem;
}
.BlockchainProfile .ProfileName {
  font-weight: 600;
  font-size: 16px;
}
.BlockchainProfile .ProfileImageView {
  display: flex;
  width: 50px;
  height: 50px;
  background: var(--trendingBorderColor);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
.BlockchainProfile .ProfileImageView img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.GainersLosersNumberView {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.GainersLosersNumberView .__Numbers {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}
.GainersLosersNumberView .__Numbers span {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.GainersLosersNumberView .__Numbers span b {
  color: var(--textColorGray);
}
.GainersLosersNumberView .__ViewRange {
  display: flex;
  width: 100%;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  height: 10px;
  background: var(--trendingBorderColor);
  overflow: hidden;
}
.GainersLosersNumberView .__ViewRange .__RangeFiller.Green {
  background: #35af00;
  background: linear-gradient(90deg, rgb(53, 175, 0) 80%, rgb(255, 23, 68) 100%);
}
.GainersLosersNumberView .__ViewRange .__RangeFiller.Red {
  background: #FF1744;
}
.GainersLosersNumberView .__ViewRange .__RangeFiller {
  display: inline-block;
  width: 50%;
  height: 10px;
}

.OverlapedItems {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.OverlapedItems .__Item {
  display: flex;
  background: var(--trendingBorderColor);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  cursor: pointer;
}

.TopGainerItems {
  display: flex;
  gap: 1rem;
  align-items: center;
}

/**
 @buttons
 */
.SmallButtonGray {
  display: inline-flex;
  background: var(--trendingBorderColor);
  color: var(--baseColorBlack);
  padding: 0.1rem 0.3rem;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}

.SmallButtonRed {
  display: inline-flex;
  background: rgba(255, 138, 128, 0.1);
  color: #FF1744;
  padding: 0.1rem 0.3rem;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}

.SmallButtonGreen {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  background: var(--buttonGreenBackgroundColor);
  color: var(--buttonGreenTextColor);
  padding: 0.1rem 0.3rem;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}

.ScoreBadge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 8px 2px 6px;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
}
.ScoreBadge svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}
.ScoreBadge.ScoreBadgeUp {
  color: #059669;
  background: #ecfdf5;
}
.ScoreBadge.ScoreBadgeDown {
  color: #e11d48;
  background: #fff1f2;
}
.ScoreBadge.ScoreBadgeNeutral {
  padding: 2px 9px;
  color: #64748b;
  background: #f1f5f9;
}

.GameStatusBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: 0.2px;
  font-size: 13px;
  font-weight: 600;
}

.stars {
  --fb-blue: #0012ff;
  --fb-gray: #dadde1;
  --size: 42px;
  --gap: 6px;
  display: inline-flex;
  gap: var(--gap);
  position: relative;
}
.stars.sm {
  --size: 24px;
  --gap: 3px;
}
.stars.amber {
  --fb-blue: #f5a623;
}
.stars.amber span::after {
  filter: none;
}
.stars span {
  display: block;
  width: var(--size);
  height: var(--size);
  position: relative;
}
.stars span::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--fb-gray);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.stars span::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--fb-blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") no-repeat center/contain;
  clip-path: inset(0 calc((1 - var(--fill, 0)) * 100%) 0 0);
}
.stars span:nth-child(1) {
  --fill: clamp(0, var(--stars), 1);
}
.stars span:nth-child(2) {
  --fill: clamp(0, calc(var(--stars) - 1), 1);
}
.stars span:nth-child(3) {
  --fill: clamp(0, calc(var(--stars) - 2), 1);
}
.stars span:nth-child(4) {
  --fill: clamp(0, calc(var(--stars) - 3), 1);
}
.stars span:nth-child(5) {
  --fill: clamp(0, calc(var(--stars) - 4), 1);
}

.GameRatingCell {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  color: inherit;
  text-decoration: none;
}
.GameRatingCell .__top {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.GameRatingCell .__top .stars {
  --size: 15px;
  --gap: 2px;
}
.GameRatingCell .__top .__val {
  line-height: 1;
  color: #1a1a1a;
  font-weight: 700;
  font-size: 14px;
}
.GameRatingCell .__count {
  color: #8a94a6;
  font-weight: 400;
  font-size: 12px;
}
.GameRatingCell.is-empty .__val {
  color: #9aa0a6;
}

.TabItemDevice {
  position: relative;
  gap: 0.3rem;
}
.TabItemDevice i.la-angle-down {
  font-size: 13px;
}

.DeviceTabMenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 190px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(16, 24, 40, 0.12);
  padding: 6px;
  z-index: 30;
}
.DeviceTabMenu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 9px 12px;
  border-radius: 8px;
  color: #111 !important;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
}
.DeviceTabMenu a:hover {
  background: #f5f6f8;
}
.DeviceTabMenu a.is-active {
  color: #0A84FF !important;
  background: #f0f6ff;
}

.PcCheckScale {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  max-width: 140px;
  padding: 8px 8px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  user-select: none;
  transition: transform 0.15s ease, background 0.2s ease, border-color 0.2s ease;
}
.PcCheckScale .__ico {
  display: inline-flex;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: #0b1220;
}
.PcCheckScale .__ico svg {
  display: block;
  width: 18px;
  height: 18px;
}
.PcCheckScale .__label {
  color: #0b1220;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
}
.PcCheckScale:hover {
  transform: translateY(-1px);
  border-color: #c9ccd1;
  background: #fafbfc;
}
.PcCheckScale:active {
  transform: translateY(0);
}
.PcCheckScale.__ready {
  border-color: #b7e4c7;
  background: #f3fbf5;
}
.PcCheckScale.__ready .__ico {
  color: #16a34a;
}
.PcCheckScale.__ready:hover {
  border-color: #16a34a;
  background: #ecf9f0;
}
.PcCheckScale.__scored {
  justify-content: space-between;
  gap: 8px;
}
.PcCheckScale.__scored .__bar {
  position: relative;
  flex: 1 1 auto;
  height: 6px;
  border-radius: 4px;
  background: #eceef1;
  overflow: hidden;
}
.PcCheckScale.__scored .__bar .__fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--score, 0%);
  background: var(--gauge, #16a34a);
  border-radius: 4px;
}
.PcCheckScale.__scored .__score {
  flex: 0 0 auto;
  color: var(--gauge, #16a34a);
  font-size: 13px;
  font-weight: 700;
}

.GameStatusDot {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
}
.GameStatusDot i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: 0 0 auto;
}

ul.PaginationUlList {
  padding: 0;
  gap: 0.2rem;
  display: flex;
  justify-content: center;
}
ul.PaginationUlList li:hover {
  background: #f8f8f8;
}
ul.PaginationUlList li.active-page .BlueInfo {
  display: none;
}
ul.PaginationUlList li.active-page {
  background: #3861fb;
}
ul.PaginationUlList li.active-page a {
  color: #fff;
  font-weight: 600;
}
ul.PaginationUlList li.NoHover {
  background: #fff;
}
ul.PaginationUlList li.NoHover a {
  padding: 0;
}
ul.PaginationUlList li a select {
  height: 40px !important;
  padding: 0 0.6rem;
  font-weight: 600;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: #fff;
  border: 1px solid #fff;
}
ul.PaginationUlList li a select:hover {
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
}
ul.PaginationUlList li a {
  padding: 0 1rem;
  height: 40px;
  align-items: center;
  gap: 0.6rem;
  display: inline-flex;
  font-weight: 600;
  color: #333;
}
ul.PaginationUlList li {
  list-style: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}

/**
 @import Data-Ballon
 */
:root {
  --balloon-border-radius: 2px;
  --balloon-color: rgba(16, 16, 16, 0.95);
  --balloon-text-color: #fff;
  --balloon-font-size: 12px;
  --balloon-move: 4px;
}

button[aria-label][data-balloon-pos] {
  overflow: visible;
}

[aria-label][data-balloon-pos] {
  position: relative;
  cursor: pointer;
}

[aria-label][data-balloon-pos]:after {
  opacity: 0;
  pointer-events: none;
  text-indent: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: normal;
  font-style: normal;
  text-shadow: none;
  font-size: var(--balloon-font-size);
  background: var(--balloon-color);
  border-radius: 2px;
  color: var(--balloon-text-color);
  border-radius: var(--balloon-border-radius);
  content: attr(aria-label);
  padding: 0.5em 1em;
  position: absolute;
  white-space: nowrap;
  z-index: 10;
}

[aria-label][data-balloon-pos]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: var(--balloon-color);
  opacity: 0;
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 10;
}

[aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
  opacity: 1;
  pointer-events: none;
}

[aria-label][data-balloon-pos].font-awesome:after {
  font-family: FontAwesome, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

[aria-label][data-balloon-pos][data-balloon-break]:after {
  white-space: pre;
}

[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
  white-space: pre-line;
  word-break: break-word;
}

[aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after {
  transition: none;
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=down]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:after {
  transform: translate(-50%, 0);
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos=down]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:before {
  transform: translate(-50%, 0);
}

[aria-label][data-balloon-pos][data-balloon-pos*=-left]:after {
  left: 0;
}

[aria-label][data-balloon-pos][data-balloon-pos*=-left]:before {
  left: 5px;
}

[aria-label][data-balloon-pos][data-balloon-pos*=-right]:after {
  right: 0;
}

[aria-label][data-balloon-pos][data-balloon-pos*=-right]:before {
  right: 5px;
}

[aria-label][data-balloon-pos][data-balloon-pos*=-left]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*=-left][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos*=-right]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*=-right][data-balloon-visible]:after {
  transform: translate(0, 0);
}

[aria-label][data-balloon-pos][data-balloon-pos*=-left]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*=-left][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos*=-right]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*=-right][data-balloon-visible]:before {
  transform: translate(0, 0);
}

[aria-label][data-balloon-pos][data-balloon-pos^=up]:before, [aria-label][data-balloon-pos][data-balloon-pos^=up]:after {
  bottom: 100%;
  transform-origin: top;
  transform: translate(0, var(--balloon-move));
}

[aria-label][data-balloon-pos][data-balloon-pos^=up]:after {
  margin-bottom: 10px;
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:before, [aria-label][data-balloon-pos][data-balloon-pos=up]:after {
  left: 50%;
  transform: translate(-50%, var(--balloon-move));
}

[aria-label][data-balloon-pos][data-balloon-pos^=down]:before, [aria-label][data-balloon-pos][data-balloon-pos^=down]:after {
  top: 100%;
  transform: translate(0, calc(var(--balloon-move) * -1));
}

[aria-label][data-balloon-pos][data-balloon-pos^=down]:after {
  margin-top: 10px;
}

[aria-label][data-balloon-pos][data-balloon-pos^=down]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: var(--balloon-color);
}

[aria-label][data-balloon-pos][data-balloon-pos=down]:after, [aria-label][data-balloon-pos][data-balloon-pos=down]:before {
  left: 50%;
  transform: translate(-50%, calc(var(--balloon-move) * -1));
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=right]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:after {
  transform: translate(0, -50%);
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos=right]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:before {
  transform: translate(0, -50%);
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:after, [aria-label][data-balloon-pos][data-balloon-pos=left]:before {
  right: 100%;
  top: 50%;
  transform: translate(var(--balloon-move), -50%);
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:after {
  margin-right: 10px;
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: var(--balloon-color);
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:after, [aria-label][data-balloon-pos][data-balloon-pos=right]:before {
  left: 100%;
  top: 50%;
  transform: translate(calc(var(--balloon-move) * -1), -50%);
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:after {
  margin-left: 10px;
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: var(--balloon-color);
}

[aria-label][data-balloon-pos][data-balloon-length]:after {
  white-space: normal;
}

[aria-label][data-balloon-pos][data-balloon-length=small]:after {
  width: 80px;
}

[aria-label][data-balloon-pos][data-balloon-length=medium]:after {
  width: 150px;
}

[aria-label][data-balloon-pos][data-balloon-length=large]:after {
  width: 260px;
}

[aria-label][data-balloon-pos][data-balloon-length=xlarge]:after {
  width: 380px;
}

@media screen and (max-width: 768px) {
  [aria-label][data-balloon-pos][data-balloon-length=xlarge]:after {
    width: 90vw;
  }
}
[aria-label][data-balloon-pos][data-balloon-length=fit]:after {
  width: 100%;
}

.NewsPromotePlaceholder {
  display: flex;
  width: 300px;
  height: 250px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  position: relative;
  background: #000;
}
.NewsPromotePlaceholder .__Create {
  position: absolute;
  right: 0.3rem;
  bottom: 0.3rem;
}
.NewsPromotePlaceholder .__Create a {
  display: flex;
  background: #000;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 0.1rem 0.3rem;
  color: #fff;
  font-weight: 600;
  font-size: 11px;
}

.NoItemsFoundCreate {
  display: flex;
  width: 100%;
  border-top: 1px solid var(--trendingBorderColor);
  padding: 1rem;
  align-items: center;
  gap: 1rem;
}
.NoItemsFoundCreate .__Text b {
  font-weight: 600;
}
.NoItemsFoundCreate .__Text {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.NoItemsFoundCreate .__Button {
  display: flex;
}

.NoItemsFound {
  display: flex;
  width: 100%;
  height: 180px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.6rem;
}
.NoItemsFound span:nth-child(2) {
  font-weight: 600;
  font-size: 18px;
}
.NoItemsFound span:nth-child(1) {
  font-size: 36px;
}

.BigPromoteContent {
  display: flex;
  width: 100%;
  gap: 1rem;
}
.BigPromoteContent .PromoteMenu {
  position: sticky;
  top: 5rem;
  align-self: flex-start;
  flex: 1;
  padding-right: 1rem;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 65px);
  overflow: hidden;
}
.BigPromoteContent .PromoteMenu:hover {
  overflow: auto;
}
.BigPromoteContent .PromoteMenu {
  scrollbar-width: thin;
}
.BigPromoteContent .PromoteMenu ul b {
  font-weight: 600;
}
.BigPromoteContent .PromoteMenu ul {
  margin: 0;
  padding: 1rem 0;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.BigPromoteContent .PromoteMenu ul li:hover {
  cursor: pointer;
  font-weight: 500;
  color: #0A84FF;
}
.BigPromoteContent .PromoteMenu ul li {
  list-style: none;
  font-size: 18px;
  font-weight: 300;
}
.BigPromoteContent .PromoteMenu .MenuTitle {
  font-size: 20px;
  font-weight: 700;
}
.BigPromoteContent .PromoteContent {
  display: flex;
  width: 1200px;
  flex-direction: column;
}

#setBackgroundColor {
  background: #e7e9ec !important;
}
#setBackgroundColor .container {
  background: transparent !important;
}
#setBackgroundColor .HeaderLayoutInfoBar {
  background: #fff !important;
}
#setBackgroundColor .HeaderLayout {
  border-bottom: 0 !important;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  background: #fff !important;
}

.BlockchainIcon {
  width: 24px;
  height: 24px;
  display: flex;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
}

.TableGameBlockchainItems.ChainAvatarStack {
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
}
.TableGameBlockchainItems.ChainAvatarStack .ChainAvatar {
  display: inline-flex;
}
.TableGameBlockchainItems.ChainAvatarStack .ChainAvatar .BlockchainIcon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.TableGameBlockchainItems.ChainAvatarStack .ChainAvatar .BlockchainIcon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.TableGameBlockchainItems.ChainAvatarStack .ChainAvatar:not(:first-child) {
  margin-left: -10px;
}
.TableGameBlockchainItems.ChainAvatarStack .ChainMore {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #ededec;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  font-weight: 700;
  font-size: 11px;
  color: #555;
  cursor: pointer;
}
.TableGameBlockchainItems.ChainAvatarStack.CreatorAvatars .ChainAvatar .BlockchainIcon {
  width: 42px;
  height: 42px;
}
.TableGameBlockchainItems.ChainAvatarStack.CreatorAvatars .ChainAvatar:not(:first-child) {
  margin-left: -14px;
}
.TableGameBlockchainItems.ChainAvatarStack.CreatorAvatars .ChainMore {
  width: 42px;
  height: 42px;
  margin-left: -14px;
  font-size: 13px;
}

.TableEvent {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  color: inherit;
  text-decoration: none;
  max-width: 220px;
}
.TableEvent .TableEventDate {
  flex-shrink: 0;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  font-size: 10px;
  font-weight: 700;
  color: #888;
  text-transform: uppercase;
}
.TableEvent .TableEventDate b {
  font-size: 16px;
  font-weight: 800;
  color: #000;
  margin-bottom: 2px;
}
.TableEvent .TableEventName {
  min-width: 0;
  font-size: 13px;
  font-weight: 600;
  color: #1d1d1f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TableEvent:hover .TableEventName {
  color: #0012ff;
}

.TableEventEmpty {
  color: #ccc;
}

.p2e-chain-sprite-avalanche {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") 0px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-base {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -24px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-binance {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -48px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-bitcoin {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -72px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-blast {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -96px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-bora {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -120px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-bsv {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -144px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-cardano {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -168px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-catheon {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -192px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-chain-games {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -216px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-elysium {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -240px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-enjin {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -264px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-eos {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -288px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-ethereum {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -312px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-fantom {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -336px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-flow {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -360px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-gala-games {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -384px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-gemhub {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -408px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-harmony {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -432px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-heco {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -456px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-hedera {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -480px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-hive {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -504px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-immutable_zkevm {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -528px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-immutable-x {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -552px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-iost {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -576px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-kardiachain {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -600px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-klaytn {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -624px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-litecoin {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -648px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-loom {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -672px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-marblex {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -696px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-meverse {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -720px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-myria {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -744px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-neo {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -768px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-other {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -792px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-phantasma-chain {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -816px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-poa {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -840px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-polkadot {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -864px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-polygon {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -888px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-ronin {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -912px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-solana {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -936px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-steem {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -960px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-terra {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -984px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-ton {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -1008px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-tron {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -1032px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-vechain {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -1056px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-vulcan-forged {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -1080px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-waves {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -1104px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-wax {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -1128px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-wemix {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -1152px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-xaya {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -1176px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-xpla {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -1200px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-zenzo {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -1224px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-ancient8 {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -1248px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-aptos {
  background: url("https://assets.playtoearn.com/sprite/blockchains-min.png") -1272px 0px;
  background-size: 1296px 24px;
  width: 24px;
  height: 24px;
  display: flex;
}

.p2e-chain-sprite-sei {
  background: url("https://assets.playtoearn.com/sprite/update.png") 0px 0px;
  background-size: -1032px 0;
  width: 24px;
  height: 24px;
  display: flex;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.container {
  min-width: 992px !important;
}

.playtoearnCheckbox {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  flex-shrink: 0 !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid #d7dbe0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  transition: background 0.15s ease, border-color 0.15s ease !important;
}
.playtoearnCheckbox::after {
  content: "" !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 10px !important;
  height: 5px !important;
  margin-top: -2px !important;
  border-left: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  background: none !important;
  transform: rotate(-45deg) scale(0) !important;
  transition: transform 0.15s ease !important;
}
.playtoearnCheckbox:checked {
  background: #0012ff !important;
  border-color: #0012ff !important;
}
.playtoearnCheckbox:checked::after {
  transform: rotate(-45deg) scale(1) !important;
}
.playtoearnCheckbox:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 18, 255, 0.18) !important;
}
.playtoearnCheckbox:disabled {
  cursor: not-allowed !important;
  background: #e3e6ea !important;
  border-color: #e3e6ea !important;
}
.playtoearnCheckbox:checked:disabled {
  background: #c2c7cf !important;
  border-color: #c2c7cf !important;
}