@charset "UTF-8";
#landing-68,
.xp-host {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  background: #3b0303 url("/landing/68/Frame3.png") top center repeat-x;
}
#landing-68 .text-shadow,
.xp-host .text-shadow {
  text-shadow: 0 1px 25px #0d0d0d;
}
#landing-68 .match-header,
.xp-host .match-header {
  width: 100%;
  position: relative;
  height: 320px;
  display: flex;
  justify-content: center;
}
#landing-68 .match-header .absolute,
.xp-host .match-header .absolute {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  z-index: 14;
  position: absolute;
  left: 20px;
  bottom: 20px;
}
#landing-68 .match-header img.bg,
.xp-host .match-header img.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
#landing-68 .match-header .content,
.xp-host .match-header .content {
  position: relative;
  z-index: 5;
}
#landing-68 .match-header:before,
.xp-host .match-header:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  /* background: -moz-linear-gradient(bottom, #202125 0%, rgba(0, 0, 0, 0) 100%);
   background: -webkit-linear-gradient(bottom, #202125 0%, rgba(0, 0, 0, 0) 100%);
   background: linear-gradient(to top, #202125 0%, rgba(0, 0, 0, 0) 100%);*/
  background: url("/landing/68/Frame.png") center center;
  opacity: 0.5;
}
@media (max-width: 600px) {
  #landing-68 .match-header,
  .xp-host .match-header {
    height: 240px;
  }
}
#landing-68 .words,
.xp-host .words {
  position: relative;
  z-index: 55;
  color: #fff;
  text-transform: uppercase;
}
#landing-68 .words span,
.xp-host .words span {
  font-size: 80px;
  letter-spacing: 1px;
  font-weight: 900;
  display: inline-block;
  animation: light 3s ease-in-out infinite;
  opacity: 0.7;
  line-height: 1;
  text-shadow: 0 5px 5px #0d0d0d;
}
@media (max-width: 800px) {
  #landing-68 .words span,
  .xp-host .words span {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  #landing-68 .words span,
  .xp-host .words span {
    font-size: 40px;
  }
}
#landing-68 .words span:nth-child(2),
.xp-host .words span:nth-child(2) {
  animation-delay: 0.5s;
}
#landing-68 .words span:nth-child(3),
.xp-host .words span:nth-child(3) {
  animation-delay: 1s;
}
#landing-68 .words span:nth-child(4),
.xp-host .words span:nth-child(4) {
  animation-delay: 1.5s;
}
#landing-68 .words span:nth-child(5),
.xp-host .words span:nth-child(5) {
  animation-delay: 2s;
}
#landing-68 .words span:nth-child(6),
.xp-host .words span:nth-child(6) {
  animation-delay: 2.5s;
}
#landing-68 .words span:nth-child(7),
.xp-host .words span:nth-child(7) {
  animation-delay: 3s;
}
#landing-68 .words span:nth-child(8),
.xp-host .words span:nth-child(8) {
  animation-delay: 3.5s;
}
#landing-68 .words span:nth-child(9),
.xp-host .words span:nth-child(9) {
  animation-delay: 4s;
}
#landing-68 .words span:nth-child(10),
.xp-host .words span:nth-child(10) {
  animation-delay: 4.5s;
}
#landing-68 .words span:nth-child(11),
.xp-host .words span:nth-child(11) {
  animation-delay: 5s;
}
#landing-68 .words span:nth-child(12),
.xp-host .words span:nth-child(12) {
  animation-delay: 5.5s;
}
#landing-68 .words span:nth-child(13),
.xp-host .words span:nth-child(13) {
  animation-delay: 6s;
}
#landing-68 .words span:nth-child(14),
.xp-host .words span:nth-child(14) {
  animation-delay: 6.5s;
}
#landing-68 .words span:nth-child(15),
.xp-host .words span:nth-child(15) {
  animation-delay: 7s;
}
#landing-68 .words span:nth-child(16),
.xp-host .words span:nth-child(16) {
  animation-delay: 7.5s;
}
#landing-68 .words span:nth-child(17),
.xp-host .words span:nth-child(17) {
  animation-delay: 7s;
}
#landing-68 .words span:nth-child(18),
.xp-host .words span:nth-child(18) {
  animation-delay: 7.5s;
}
#landing-68 .registration-section,
.xp-host .registration-section {
  text-align: center;
  background: url("/landing/68/lines.png") center center no-repeat;
}
#landing-68 .registration-section .btn-registration,
.xp-host .registration-section .btn-registration {
  background: url("/landing/68/btn-bg.png") center center repeat-x;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #ff8800;
  box-shadow: 0 0 8px rgba(247, 148, 32, 0.5);
  transition: all 0.3s ease;
  padding: 10px 20px;
  color: #fff;
}
#landing-68 .registration-section .btn-registration:hover,
.xp-host .registration-section .btn-registration:hover {
  background: #ff8800;
  transition: all 0.3s ease;
}
#landing-68 .intro-info,
.xp-host .intro-info {
  margin: 0 auto 30px;
  position: relative;
  display: table;
}
#landing-68 .intro-info:before,
.xp-host .intro-info:before {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  background: rgba(255, 255, 255, 0.25);
  position: absolute;
  top: 35%;
  left: 0;
}
#landing-68 .intro-info:after,
.xp-host .intro-info:after {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  background: rgba(255, 255, 255, 0.25);
  position: absolute;
  top: 35%;
  right: 0;
}
#landing-68 .intro-info .intro-info-section,
.xp-host .intro-info .intro-info-section {
  position: relative;
  display: table-cell;
  padding: 0 20px;
  vertical-align: middle;
  text-align: center;
}
#landing-68 .intro-info .intro-info-section:after,
.xp-host .intro-info .intro-info-section:after {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  background: rgba(255, 255, 255, 0.25);
  position: absolute;
  top: 35%;
  right: 0;
}
#landing-68 .intro-info .intro-info-section:last-child:after,
.xp-host .intro-info .intro-info-section:last-child:after {
  width: 0;
  background: transparent;
}
#landing-68 .intro-info .intro-info-section .intro-info-section-wrapper,
.xp-host .intro-info .intro-info-section .intro-info-section-wrapper {
  margin: 0 auto;
  display: table;
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
}
#landing-68 .intro-info .intro-info-section .intro-info-section-wrapper span,
.xp-host .intro-info .intro-info-section .intro-info-section-wrapper span {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
  width: 100%;
  font-size: 18px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}
#landing-68 .intro-info .intro-info-section .intro-info-section-text,
.xp-host .intro-info .intro-info-section .intro-info-section-text {
  font-weight: bold;
  font-size: 16px;
  color: #ffd702;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}
@media (max-width: 1100px) {
  #landing-68 .intro-info .intro-info,
  .xp-host .intro-info .intro-info {
    padding: 0 10px;
  }
}
#landing-68 .light,
.xp-host .light {
  color: #faddba;
  text-shadow: 0 0 8px #f79420;
  font-weight: bold;
}
#landing-68 .light a,
.xp-host .light a {
  text-decoration: underline;
  text-decoration-style: dashed;
}
#landing-68 .light a:hover,
.xp-host .light a:hover {
  text-decoration: underline;
  text-decoration-style: dashed;
}
#landing-68 a.light,
.xp-host a.light {
  text-decoration: underline;
  text-decoration-style: dashed;
}
#landing-68 a.light:hover,
.xp-host a.light:hover {
  text-decoration: underline;
  text-decoration-style: dashed;
}
#landing-68 .text,
.xp-host .text {
  font-size: 16px;
  color: #F9F9F9;
  font-weight: 300;
}
#landing-68 .line-black,
.xp-host .line-black {
  padding: 20px 0;
  background: #1c1c1c;
}
#landing-68 .table-custom table,
.xp-host .table-custom table {
  width: 100%;
  margin-bottom: 10px;
  background: rgba(255, 255, 255, 0.03);
}
#landing-68 .table-custom table tr.active td, #landing-68 .table-custom table tr:hover td,
.xp-host .table-custom table tr.active td,
.xp-host .table-custom table tr:hover td {
  color: #ffce66;
  background: rgba(0, 0, 0, 0.3);
}
#landing-68 .table-custom table tr.active th, #landing-68 .table-custom table tr:hover th,
.xp-host .table-custom table tr.active th,
.xp-host .table-custom table tr:hover th {
  cursor: pointer;
}
#landing-68 .table-custom table tr td, #landing-68 .table-custom table tr th,
.xp-host .table-custom table tr td,
.xp-host .table-custom table tr th {
  padding: 10px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  white-space: nowrap;
}
#landing-68 .table-custom table tr td span, #landing-68 .table-custom table tr th span,
.xp-host .table-custom table tr td span,
.xp-host .table-custom table tr th span {
  padding: 0 15px;
  color: rgb(255, 255, 255);
}
#landing-68 .table-custom table tr td.sorting_1, #landing-68 .table-custom table tr th.sorting_1,
.xp-host .table-custom table tr td.sorting_1,
.xp-host .table-custom table tr th.sorting_1 {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}
#landing-68 .table-custom table tr td a, #landing-68 .table-custom table tr th a,
.xp-host .table-custom table tr td a,
.xp-host .table-custom table tr th a {
  color: #F9F9F9;
  display: inline-block;
}
#landing-68 .table-custom table tr td a:hover, #landing-68 .table-custom table tr th a:hover,
.xp-host .table-custom table tr td a:hover,
.xp-host .table-custom table tr th a:hover {
  color: #fff;
  text-decoration: none;
}
#landing-68 .table-custom table tr:last-child td,
.xp-host .table-custom table tr:last-child td {
  border-bottom: 0;
}
#landing-68 .table-custom table tr:hover td,
.xp-host .table-custom table tr:hover td {
  color: #ffce66;
  background: rgba(0, 0, 0, 0.3);
}
#landing-68 .jQBracket,
.xp-host .jQBracket {
  font-family: "Roboto Condensed", "Roboto", sans-serif;
}
#landing-68 .jQBracket .team,
.xp-host .jQBracket .team {
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
}
#landing-68 .jQBracket .team.win,
.xp-host .jQBracket .team.win {
  background: rgba(0, 0, 0, 0.9);
  color: rgb(255, 255, 255);
}
#landing-68 .jQBracket .team.win .score,
.xp-host .jQBracket .team.win .score {
  color: #fff;
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.7);
}
#landing-68 .jQBracket .team.lose,
.xp-host .jQBracket .team.lose {
  color: rgba(255, 255, 255, 0.2);
}
#landing-68 .jQBracket .team.lose .score,
.xp-host .jQBracket .team.lose .score {
  color: rgba(255, 255, 255, 0.6);
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.7);
}
#landing-68 .jQBracket .team.highlight,
.xp-host .jQBracket .team.highlight {
  background: #3c0;
  color: #202125;
}
#landing-68 .jQBracket .team.highlightLoser,
.xp-host .jQBracket .team.highlightLoser {
  background-color: #ccc;
  color: #000;
}
#landing-68 .jQBracket .team.highlightLoser .score,
.xp-host .jQBracket .team.highlightLoser .score {
  color: #000;
  text-shadow: none;
}
#landing-68 .jQBracket .team.highlightWinner,
.xp-host .jQBracket .team.highlightWinner {
  background-color: #da0;
  color: #000;
}
#landing-68 .jQBracket .team.highlightWinner .score,
.xp-host .jQBracket .team.highlightWinner .score {
  color: #000;
  text-shadow: none;
}
#landing-68 .blockquote-transparent,
.xp-host .blockquote-transparent {
  border: 1px solid rgba(255, 255, 255, 0.05);
  background-color: rgba(59, 59, 59, 0.5);
  color: #fff;
  box-shadow: 0 7px 6px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  font-weight: 300;
}
#landing-68 .blockquote-transparent table tr td,
.xp-host .blockquote-transparent table tr td {
  padding: 4px 0;
  vertical-align: top;
}
#landing-68 .blockquote-transparent table tr td:first-child,
.xp-host .blockquote-transparent table tr td:first-child {
  padding-right: 10px;
}
#landing-68 .blockquote-transparent table tr td strong,
.xp-host .blockquote-transparent table tr td strong {
  text-transform: uppercase;
  font-weight: 500;
}
#landing-68 .blockquote-transparent a,
.xp-host .blockquote-transparent a {
  color: #f79420;
}
#landing-68 .blockquote-transparent .btn-warning,
.xp-host .blockquote-transparent .btn-warning {
  background: transparent;
  text-transform: uppercase;
  font-size: 14px;
}
#landing-68 .blockquote-transparent .btn-warning:hover,
.xp-host .blockquote-transparent .btn-warning:hover {
  background: #f79420;
  color: black;
}
#landing-68 .blockquote-transparent.tank,
.xp-host .blockquote-transparent.tank {
  background: rgba(39, 55, 98, 0.5019607843) url("/landing/68/tank-promotion.png") bottom center no-repeat;
}
#landing-68 .fog,
.xp-host .fog {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}
#landing-68 .fog .content,
.xp-host .fog .content {
  position: relative;
  z-index: 100;
}
#landing-68 .fog .fog__container,
.xp-host .fog .fog__container {
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#landing-68 .fog .fog__container .fog__img,
.xp-host .fog .fog__container .fog__img {
  position: absolute;
  height: 100%;
  width: 300vw;
}
#landing-68 .fog .fog__container .fog__img.fog__img--first,
.xp-host .fog .fog__container .fog__img.fog__img--first {
  background: url("/landing/68/fog-1.png") repeat-x;
  background-size: contain;
  background-position: center;
  -webkit-animation: marquee 60s linear infinite;
  animation: marquee 60s linear infinite;
}
#landing-68 .fog .fog__container .fog__img.fog__img--second,
.xp-host .fog .fog__container .fog__img.fog__img--second {
  background: url("/landing/68/fog-2.png") repeat-x;
  background-size: contain;
  background-position: center;
  -webkit-animation: marquee 40s linear infinite;
  animation: marquee 40s linear infinite;
}
#landing-68 .fog video,
.xp-host .fog video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
#landing-68 .fog .youtube-container,
.xp-host .fog .youtube-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
#landing-68 .fog .youtube-container .background-video,
.xp-host .fog .youtube-container .background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 225%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: -1;
}
#landing-68 .nav-tabs .nav-item,
.xp-host .nav-tabs .nav-item {
  border-radius: 0;
}
#landing-68 .nav-tabs .nav-item button,
.xp-host .nav-tabs .nav-item button {
  border-radius: 0;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
#landing-68 .nav-tabs .nav-item button.active,
.xp-host .nav-tabs .nav-item button.active {
  color: #000;
  border: 1px solid rgb(255, 255, 255);
}
#landing-68 .nav-tabs .nav-item button:hover, #landing-68 .nav-tabs .nav-item button:focus, #landing-68 .nav-tabs .nav-item button:active,
.xp-host .nav-tabs .nav-item button:hover,
.xp-host .nav-tabs .nav-item button:focus,
.xp-host .nav-tabs .nav-item button:active {
  border: 1px solid rgba(255, 255, 255, 0.7);
  outline: none;
  box-shadow: none;
}
#landing-68 .intro-bg,
.xp-host .intro-bg {
  background: #090a0a;
}
#landing-68 .page-wrapper-image,
.xp-host .page-wrapper-image {
  overflow: hidden;
  min-height: 600px;
  position: relative;
  /* &:after {
       width: 100%;
       background: url($landing-sub-catalog + '2050.png') top center no-repeat;
       content: "";
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       z-index: 1;
       transition: all .6s ease;
       filter: blur(20px);
       opacity: .5;
   }*/
}
#landing-68 .wrapper-tc,
.xp-host .wrapper-tc {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  min-height: 100vh;
  height: auto;
  clear: both;
  position: relative;
  z-index: 20;
  padding: 30px 0 0 !important;
  overflow: hidden;
}
#landing-68 .wrapper-tc .holder,
.xp-host .wrapper-tc .holder {
  position: absolute;
  top: 150px;
  bottom: -1px;
  width: 30px;
  background-color: #0009B4;
  z-index: 25;
}
@media (max-width: 800px) {
  #landing-68 .wrapper-tc .holder,
  .xp-host .wrapper-tc .holder {
    display: none;
  }
}
#landing-68 .wrapper-tc .holder.left,
.xp-host .wrapper-tc .holder.left {
  left: 50px;
}
#landing-68 .wrapper-tc .holder.left:before,
.xp-host .wrapper-tc .holder.left:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 0px 20px 30px;
  border-color: transparent transparent #0009B4 transparent;
  top: -20px;
}
#landing-68 .wrapper-tc .holder.right,
.xp-host .wrapper-tc .holder.right {
  right: 50px;
}
#landing-68 .wrapper-tc .holder.right:before,
.xp-host .wrapper-tc .holder.right:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0px 0px 30px;
  border-color: transparent transparent transparent #0009B4;
  top: -20px;
}
#landing-68 .wrapper-tc .content-inside,
.xp-host .wrapper-tc .content-inside {
  padding: 20px;
  width: 100%;
  min-height: 100vh;
  height: auto;
  position: relative;
}
#landing-68 .wrapper-tc .content-inside .incontent,
.xp-host .wrapper-tc .content-inside .incontent {
  background: #fff;
}
#landing-68 .wrapper-tc .content-inside .leftshapecontent,
.xp-host .wrapper-tc .content-inside .leftshapecontent {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 60%;
  width: 20px;
  background-color: #222222;
  z-index: 5;
}
#landing-68 .wrapper-tc .content-inside .leftshapecontent:before,
.xp-host .wrapper-tc .content-inside .leftshapecontent:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 20%;
  background-color: #F8E800;
  bottom: -20px;
  transform: skewY(45deg);
}
#landing-68 .wrapper-tc .content-inside .topshapecontent,
.xp-host .wrapper-tc .content-inside .topshapecontent {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 20px;
  width: 60%;
  background-color: #222222;
  z-index: 5;
}
#landing-68 .wrapper-tc .content-inside .topshapecontent:before,
.xp-host .wrapper-tc .content-inside .topshapecontent:before {
  position: absolute;
  content: "";
  width: 20%;
  height: 20px;
  background-color: #F8E800;
  right: -20px;
  transform: skewX(45deg);
}
#landing-68 .wrapper-tc .content-inside .header,
.xp-host .wrapper-tc .content-inside .header {
  position: relative;
  background: #0a0a0a;
  border-bottom: 8px solid #f8e800;
}
#landing-68 .wrapper-tc .content-inside .header .container,
.xp-host .wrapper-tc .content-inside .header .container {
  max-width: 100%;
}
#landing-68 .wrapper-tc .content-inside .header .header-content,
.xp-host .wrapper-tc .content-inside .header .header-content {
  position: absolute;
  bottom: 0;
  z-index: 15;
  width: 100%;
}
#landing-68 .wrapper-tc .content-inside .header .header-content h3,
.xp-host .wrapper-tc .content-inside .header .header-content h3 {
  color: #fff;
  font-size: 54px;
  font-weight: 900;
  text-shadow: 10px 0 35px #1c1c1d, 0 30px 25px #151516;
}
#landing-68 .wrapper-tc .content-inside .header .header-content p,
.xp-host .wrapper-tc .content-inside .header .header-content p {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  text-shadow: 10px 0 35px #1c1c1d, 0 30px 25px #151516;
}
#landing-68 .wrapper-tc .content-inside .header .header-content p.small,
.xp-host .wrapper-tc .content-inside .header .header-content p.small {
  font-size: 14px;
}
#landing-68 .wrapper-tc .content-inside .introduce,
.xp-host .wrapper-tc .content-inside .introduce {
  position: relative;
  margin-top: 40px;
  z-index: 11;
  margin-bottom: 120px;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq,
.xp-host .wrapper-tc .content-inside .introduce .qqq {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap,
.xp-host .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  background-color: #0009B4;
  padding: 50px 70px 50px 80px;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .top_title,
.xp-host .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .top_title {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 300;
  text-transform: uppercase;
  text-shadow: 10px 0 35px #1c1c1d, 0 30px 25px #151516;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .title,
.xp-host .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .title {
  margin: 0px 0px 37px 0px;
  font-size: 36px;
  letter-spacing: 0px;
  font-weight: 900;
  color: #fff;
  position: relative;
  line-height: 1;
  text-shadow: 10px 0 35px #1c1c1d, 0 30px 25px #151516;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .title:before,
.xp-host .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .title:before {
  position: absolute;
  content: "";
  width: 100px;
  height: 2px;
  background-color: rgb(24, 24, 24);
  left: 0px;
  bottom: -16px;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .text,
.xp-host .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .text {
  line-height: 1.7;
  color: #ccc;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .btn-simple,
.xp-host .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .btn-simple {
  display: block;
  margin-bottom: 15px;
  border: 10px solid #ad3110;
  padding: 15px 20px 15px 15px;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .btn-simple span,
.xp-host .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .btn-simple span {
  display: block;
  color: #ad3110;
  font-size: 18px;
  font-weight: bold;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .btn-simple:hover,
.xp-host .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .btn-simple:hover {
  background: #fff;
  text-decoration: none;
  color: #0009B4;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .btn-simple:hover span,
.xp-host .wrapper-tc .content-inside .introduce .qqq .glax_tm_introduce_wrap .btn-simple:hover span {
  color: #0009B4;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .shape_top .first,
.xp-host .wrapper-tc .content-inside .introduce .qqq .shape_top .first {
  position: absolute;
  border-bottom: 36px solid rgba(8, 18, 37, 0.2);
  border-left: 500px solid transparent;
  top: 4px;
  right: 75px;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .shape_top .second,
.xp-host .wrapper-tc .content-inside .introduce .qqq .shape_top .second {
  position: absolute;
  border-bottom: 36px solid rgba(8, 18, 37, 0.2);
  border-right: 15px solid transparent;
  top: 4px;
  right: 60px;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .shape_bottom .first,
.xp-host .wrapper-tc .content-inside .introduce .qqq .shape_bottom .first {
  position: absolute;
  border-top: 36px solid rgba(8, 18, 37, 0.2);
  border-right: 500px solid transparent;
  bottom: 4px;
  left: 75px;
}
#landing-68 .wrapper-tc .content-inside .introduce .qqq .shape_bottom .qqq .shape_bottom .second,
.xp-host .wrapper-tc .content-inside .introduce .qqq .shape_bottom .qqq .shape_bottom .second {
  position: absolute;
  border-top: 36px solid rgba(8, 18, 37, 0.2);
  border-left: 15px solid transparent;
  bottom: 4px;
  left: 60px;
}
#landing-68 .wrapper-tc .title_holder h3,
.xp-host .wrapper-tc .title_holder h3 {
  font-size: 36px;
  letter-spacing: 0px;
  line-height: 1.2;
  position: relative;
  left: -2px;
  margin-bottom: 35px;
  font-weight: 500;
  color: #041230;
}
#landing-68 .wrapper-tc .title_holder h3:before,
.xp-host .wrapper-tc .title_holder h3:before {
  position: absolute;
  content: "";
  width: 100px;
  height: 2px;
  background-color: rgb(24, 24, 24);
  left: 0px;
  bottom: -13px;
}
#landing-68 .wrapper-tc .title_holder h4,
.xp-host .wrapper-tc .title_holder h4 {
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 1.2;
  position: relative;
  left: -2px;
  margin-bottom: 35px;
  font-weight: 300;
  color: #041230;
}
#landing-68 .container-bg-minh-600px,
.xp-host .container-bg-minh-600px {
  min-height: 600px;
  position: relative;
  overflow: hidden;
  color: #000;
}
#landing-68 .menu,
.xp-host .menu {
  position: relative;
  z-index: 9999;
  padding: 0;
  list-style: none;
  display: table;
  margin: 0 auto 0;
}
#landing-68 .menu li,
.xp-host .menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: table-cell;
}
#landing-68 .menu li a,
.xp-host .menu li a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 20px 25px;
}
#landing-68 .menu li a:hover, #landing-68 .menu li a.current,
.xp-host .menu li a:hover,
.xp-host .menu li a.current {
  color: #F79420;
  text-decoration: none;
}
@media (max-width: 1000px) {
  #landing-68 .menu,
  .xp-host .menu {
    display: block;
  }
  #landing-68 .menu li a,
  .xp-host .menu li a {
    font-size: 18px;
    padding: 20px 10px;
  }
}
#landing-68 .logo-absolute,
.xp-host .logo-absolute {
  position: absolute;
  width: 500px;
  right: 0;
  top: -50px;
  z-index: 0;
  transition: all 0.3s ease-out 0s;
  text-shadow: 10px 0 35px #1c1c1d, 0 30px 25px #151516;
  text-align: right;
  color: rgba(255, 255, 255, 0.5);
  font-size: 54px;
  font-weight: 900;
  padding-right: 16px;
}
@media (max-width: 600px) {
  #landing-68 .logo-absolute,
  .xp-host .logo-absolute {
    font-size: 50px;
  }
}
#landing-68 .place-bars,
.xp-host .place-bars {
  margin-bottom: 40px;
  padding: 28px 24px;
  background: linear-gradient(160deg, #2a2a2a 0%, #222222 55%, #1a1a1a 100%);
  border-top: 4px solid #F8E800;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
#landing-68 .place-bars .place-bars-header,
.xp-host .place-bars .place-bars-header {
  margin-bottom: 24px;
  text-align: center;
}
#landing-68 .place-bars .place-bars-title,
.xp-host .place-bars .place-bars-title {
  margin: 0 0 6px;
  color: #fff;
  font-size: 26px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#landing-68 .place-bars .place-bars-title:after,
.xp-host .place-bars .place-bars-title:after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  margin: 12px auto 0;
  background: #F8E800;
}
#landing-68 .place-bars .place-bars-subtitle,
.xp-host .place-bars .place-bars-subtitle {
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
#landing-68 .place-bars .place-podium,
.xp-host .place-bars .place-podium {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 16px;
  margin-bottom: 10px;
}
#landing-68 .place-bars .place-podium-item,
.xp-host .place-bars .place-podium-item {
  --accent: #F8E800;
  flex: 1 1 0;
  max-width: 260px;
  min-width: 0;
  padding: 16px 10px 14px;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-top: 3px solid var(--accent);
}
#landing-68 .place-bars .place-podium-item.rank-1,
.xp-host .place-bars .place-podium-item.rank-1 {
  order: 2;
  padding-top: 26px;
  padding-bottom: 22px;
  background: rgba(248, 232, 0, 0.08);
}
#landing-68 .place-bars .place-podium-item.rank-2,
.xp-host .place-bars .place-podium-item.rank-2 {
  order: 1;
  --accent: #c9d1d9;
}
#landing-68 .place-bars .place-podium-item.rank-3,
.xp-host .place-bars .place-podium-item.rank-3 {
  order: 3;
  --accent: #e08a4a;
}
#landing-68 .place-bars .place-podium-crown,
.xp-host .place-bars .place-podium-crown {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 auto 10px;
  border-radius: 50%;
  background: var(--accent);
  color: #222222;
  font-size: 18px;
  font-weight: 800;
}
#landing-68 .place-bars .place-podium-name,
.xp-host .place-bars .place-podium-name {
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#landing-68 .place-bars .rank-1 .place-podium-name,
.xp-host .place-bars .rank-1 .place-podium-name {
  color: #F8E800;
  font-size: 22px;
}
#landing-68 .place-bars .place-podium-medals,
.xp-host .place-bars .place-podium-medals {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 700;
}
#landing-68 .place-bars .place-podium-medals th:nth-last-child(-n+5),
#landing-68 .place-bars .place-podium-medals td:nth-last-child(-n+5),
.xp-host .place-bars .place-podium-medals th:nth-last-child(-n+5),
.xp-host .place-bars .place-podium-medals td:nth-last-child(-n+5) {
  width: 1%;
  min-width: 64px;
  max-width: 100px;
  white-space: nowrap;
}
#landing-68 .place-bars .place-podium-medals .place-table-played,
.xp-host .place-bars .place-podium-medals .place-table-played {
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  font-weight: 600;
}
#landing-68 .place-bars .place-podium-medals .place-table-total,
.xp-host .place-bars .place-podium-medals .place-table-total {
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  background: rgba(255, 255, 255, 0.04);
}
#landing-68 .place-bars .place-podium-medals thead .place-table-total,
.xp-host .place-bars .place-podium-medals thead .place-table-total {
  color: rgba(255, 255, 255, 0.8);
}
#landing-68 .place-bars .place-podium-medals .m-gold,
.xp-host .place-bars .place-podium-medals .m-gold {
  color: #F8E800;
}
#landing-68 .place-bars .place-podium-medals .m-silver,
.xp-host .place-bars .place-podium-medals .m-silver {
  color: #c9d1d9;
}
#landing-68 .place-bars .place-podium-medals .m-bronze,
.xp-host .place-bars .place-podium-medals .m-bronze {
  color: #e08a4a;
}
#landing-68 .place-bars .place-podium-note,
.xp-host .place-bars .place-podium-note {
  margin: 0 0 24px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 12px;
  text-align: center;
}
#landing-68 .place-bars .place-table-wrap,
.xp-host .place-bars .place-table-wrap {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-top: 3px solid #F8E800;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}
#landing-68 .place-bars .place-table,
.xp-host .place-bars .place-table {
  width: 100%;
  border-collapse: collapse;
  color: #fff;
}
#landing-68 .place-bars .place-table th, #landing-68 .place-bars .place-table td,
.xp-host .place-bars .place-table th,
.xp-host .place-bars .place-table td {
  padding: 9px 12px;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
#landing-68 .place-bars .place-table thead th,
.xp-host .place-bars .place-table thead th {
  background: #2b2b2b;
  font-size: 18px;
  border-bottom: 2px solid #F8E800;
}
#landing-68 .place-bars .place-table .place-table-rank,
.xp-host .place-bars .place-table .place-table-rank {
  width: 48px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 13px;
  font-weight: 700;
}
#landing-68 .place-bars .place-table .place-table-player,
.xp-host .place-bars .place-table .place-table-player {
  text-align: left;
  font-size: 15px;
  font-weight: 600;
}
#landing-68 .place-bars .place-table .place-table-medal,
.xp-host .place-bars .place-table .place-table-medal {
  font-size: 17px;
  font-weight: 800;
}
#landing-68 .place-bars .place-table .place-table-medal.is-empty,
.xp-host .place-bars .place-table .place-table-medal.is-empty {
  color: rgba(255, 255, 255, 0.25);
  font-weight: 400;
}
#landing-68 .place-bars .place-table .m-gold,
.xp-host .place-bars .place-table .m-gold {
  color: #F8E800;
}
#landing-68 .place-bars .place-table .m-silver,
.xp-host .place-bars .place-table .m-silver {
  color: #c9d1d9;
}
#landing-68 .place-bars .place-table .m-bronze,
.xp-host .place-bars .place-table .m-bronze {
  color: #e08a4a;
}
#landing-68 .place-bars .place-table tbody tr,
.xp-host .place-bars .place-table tbody tr {
  transition: background 0.2s;
  --accent: #F8E800;
}
#landing-68 .place-bars .place-table tbody tr:hover,
.xp-host .place-bars .place-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.07);
}
#landing-68 .place-bars .place-table tbody tr.rank-2,
.xp-host .place-bars .place-table tbody tr.rank-2 {
  --accent: #c9d1d9;
}
#landing-68 .place-bars .place-table tbody tr.rank-3,
.xp-host .place-bars .place-table tbody tr.rank-3 {
  --accent: #e08a4a;
}
#landing-68 .place-bars .place-table tbody tr .place-podium-crown,
.xp-host .place-bars .place-table tbody tr .place-podium-crown {
  width: 28px;
  height: 28px;
  margin: 0 auto;
  font-size: 14px;
}
#landing-68 .place-bars .place-table tbody tr.is-top,
.xp-host .place-bars .place-table tbody tr.is-top {
  background: rgba(248, 232, 0, 0.06);
}
#landing-68 .place-bars .place-table tbody tr.is-top .place-table-player,
.xp-host .place-bars .place-table tbody tr.is-top .place-table-player {
  color: #F8E800;
  font-weight: 800;
}
@media (max-width: 575px) {
  #landing-68 .place-bars,
  .xp-host .place-bars {
    padding: 20px 12px;
  }
  #landing-68 .place-bars .place-bars-title,
  .xp-host .place-bars .place-bars-title {
    font-size: 20px;
  }
  #landing-68 .place-bars .place-podium,
  .xp-host .place-bars .place-podium {
    gap: 6px;
  }
  #landing-68 .place-bars .place-podium-name,
  #landing-68 .place-bars .rank-1 .place-podium-name,
  .xp-host .place-bars .place-podium-name,
  .xp-host .place-bars .rank-1 .place-podium-name {
    font-size: 14px;
  }
  #landing-68 .place-bars .place-podium-medals,
  .xp-host .place-bars .place-podium-medals {
    flex-direction: column;
    gap: 2px;
    font-size: 13px;
  }
  #landing-68 .place-bars .place-table th,
  #landing-68 .place-bars .place-table td,
  .xp-host .place-bars .place-table th,
  .xp-host .place-bars .place-table td {
    padding: 8px 6px;
  }
  #landing-68 .place-bars .place-table th:nth-last-child(-n+5),
  #landing-68 .place-bars .place-table td:nth-last-child(-n+5),
  .xp-host .place-bars .place-table th:nth-last-child(-n+5),
  .xp-host .place-bars .place-table td:nth-last-child(-n+5) {
    min-width: 42px;
  }
}
#landing-68 .xp-groups,
.xp-host .xp-groups {
  padding: 8px 0 4px;
}
#landing-68 .xp-group,
.xp-host .xp-group {
  margin-bottom: 34px;
}
#landing-68 .xp-group-title,
.xp-host .xp-group-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  font-size: 19px;
  font-weight: 800;
  text-transform: uppercase;
}
#landing-68 .xp-group-title i,
.xp-host .xp-group-title i {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
#landing-68 .xp-grid,
.xp-host .xp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 26px 14px;
  justify-items: center;
}
#landing-68 .xp-grid .xp-card,
.xp-host .xp-grid .xp-card {
  --w: 140px;
}
#landing-68 .xp-card,
.xp-host .xp-card {
  --c1: color-mix(in srgb, var(--c2) 28%, #fff);
  --c3: color-mix(in srgb, var(--c2) 18%, #000);
  --w: min(210px, 42vw);
  position: relative;
  width: var(--w);
  height: calc(var(--w) * 1.5985);
  color: var(--c3);
  cursor: pointer;
  outline: none;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.3));
  transition: transform 0.2s, filter 0.2s;
}
#landing-68 .xp-card:hover,
.xp-host .xp-card:hover {
  transform: translateY(-5px);
  filter: drop-shadow(0 0 10px var(--c2)) drop-shadow(0 8px 16px rgba(0, 0, 0, 0.35));
}
#landing-68 .xp-card:focus-visible,
.xp-host .xp-card:focus-visible {
  outline: 3px solid #3b8cff;
  outline-offset: 6px;
  border-radius: 12px;
}
#landing-68 .xp-inner,
.xp-host .xp-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#landing-68 .xp-face,
.xp-host .xp-face {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  clip-path: url(#xp-shield);
  container-type: inline-size;
  background: var(--c1);
}
#landing-68 .xp-top,
.xp-host .xp-top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 46%;
  left: 0;
  overflow: hidden;
  background: linear-gradient(135deg, var(--c1), var(--c2));
}
#landing-68 .xp-ph,
.xp-host .xp-ph {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
#landing-68 .xp-ph img,
.xp-host .xp-ph img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#landing-68 .xp-ini,
.xp-host .xp-ini {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  place-items: end center;
  font-size: 48cqw;
  font-weight: 700;
  line-height: 0.9;
  opacity: 0.25;
}
#landing-68 .xp-bot,
.xp-host .xp-bot {
  position: absolute;
  top: 54%;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--c1) 80%, #fff), color-mix(in srgb, var(--c2) 55%, #fff));
}
#landing-68 .xp-bot:before,
.xp-host .xp-bot:before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  height: 1cqw;
  background: rgba(255, 255, 255, 0.6);
}
#landing-68 .xp-nm,
.xp-host .xp-nm {
  margin: 3cqw 4cqw 0;
  font-size: min(10.5cqw, 115cqw / var(--len));
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
#landing-68 .xp-cd,
.xp-host .xp-cd {
  margin-top: 3cqw;
  padding: 0 10cqw;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 2.5cqw;
}
#landing-68 .xp-link,
.xp-host .xp-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border-radius: 2cqw;
  background: var(--c3);
  color: #fff;
  font-size: 10cqw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: filter 0.2s;
}
#landing-68 .xp-link:hover,
.xp-host .xp-link:hover {
  color: #fff;
  filter: brightness(1.25);
}
#landing-68 #xp-ov,
.xp-host #xp-ov {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(5, 7, 15, 0.85);
}
#landing-68 #xp-ov[hidden],
.xp-host #xp-ov[hidden] {
  display: none;
}
#landing-68 #xp-ov .xp-card:hover,
.xp-host #xp-ov .xp-card:hover {
  transform: none;
}
#landing-68 .xp-ov-box,
.xp-host .xp-ov-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  max-height: 100%;
  overflow-y: auto;
}
#landing-68 .xi-tabs,
.xp-host .xi-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  margin-bottom: 28px;
  padding: 6px;
  background: #222222;
  border: 0;
  border-top: 4px solid #F8E800;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  overflow-x: auto;
  scrollbar-width: none;
}
#landing-68 .xi-tabs::-webkit-scrollbar,
.xp-host .xi-tabs::-webkit-scrollbar {
  display: none;
}
#landing-68 .xi-tabs .nav-link,
.xp-host .xi-tabs .nav-link {
  flex: 1 1 0;
  min-width: max-content;
  padding: 14px 22px;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s;
}
#landing-68 .xi-tabs .nav-link:hover,
.xp-host .xi-tabs .nav-link:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
#landing-68 .xi-tabs .nav-link.active,
.xp-host .xi-tabs .nav-link.active {
  background: #F8E800;
  color: #222222;
}
@media (max-width: 575px) {
  #landing-68 .xi-tabs,
  .xp-host .xi-tabs {
    gap: 4px;
  }
  #landing-68 .xi-tabs .nav-link,
  .xp-host .xi-tabs .nav-link {
    flex: 1 0 auto;
    padding: 12px 14px;
    font-size: 13px;
  }
}
#landing-68 .xs-days,
.xp-host .xs-days {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 14px;
}
#landing-68 .xs-day,
.xp-host .xs-day {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 0 12px;
  text-align: left;
  color: #fff;
  background: #202125;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
#landing-68 .xs-day.is-today .xs-head,
.xp-host .xs-day.is-today .xs-head {
  background: #F8E800;
  color: #222222;
}
#landing-68 .xs-day.is-today .xs-head em,
.xp-host .xs-day.is-today .xs-head em {
  color: #222222;
}
#landing-68 .xs-head,
.xp-host .xs-head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 12px;
  background: #15161a;
  border-bottom: 2px solid #F8E800;
  white-space: nowrap;
}
#landing-68 .xs-head b,
.xp-host .xs-head b {
  font-size: 18px;
  font-weight: 800;
}
#landing-68 .xs-head i,
.xp-host .xs-head i {
  font-size: 12px;
  text-transform: capitalize;
  opacity: 0.8;
}
#landing-68 .xs-head em,
.xp-host .xs-head em {
  margin-left: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 700;
  color: #F8E800;
}
#landing-68 .xs-list,
.xp-host .xs-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 12px;
}
#landing-68 .xs-row,
.xp-host .xs-row {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 44px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  font-size: 13px;
  white-space: nowrap;
}
#landing-68 .xs-row time,
.xp-host .xs-row time {
  color: #F8E800;
  font-weight: 700;
}
#landing-68 .xs-t,
.xp-host .xs-t {
  overflow: hidden;
  text-overflow: ellipsis;
}
#landing-68 .xs-h,
.xp-host .xs-h {
  text-align: right;
}
#landing-68 .xs-t.is-win,
.xp-host .xs-t.is-win {
  color: #F8E800;
  font-weight: 700;
}
#landing-68 .xs-text,
.xp-host .xs-text {
  grid-column: 2/-1;
  white-space: normal;
}
#landing-68 .xs-text em,
.xp-host .xs-text em {
  margin-left: 6px;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  color: #F8E800;
}
#landing-68 .xs-row.is-note .xs-text,
.xp-host .xs-row.is-note .xs-text {
  opacity: 0.65;
  font-size: 12px;
}
#landing-68 .xs-sc,
.xp-host .xs-sc {
  font-weight: 800;
  text-align: center;
  background: rgba(255, 255, 255, 0.08);
  padding: 1px 0;
}
#landing-68 .xs-sc.is-empty,
.xp-host .xs-sc.is-empty {
  opacity: 0.4;
}
#landing-68 .xw-scroll,
.xp-host .xw-scroll {
  margin-top: 20px;
  overflow-x: auto;
  padding-bottom: 8px;
}
#landing-68 .xw-board,
.xp-host .xw-board {
  display: grid;
  grid-template-columns: repeat(5, minmax(240px, 1fr));
  gap: 32px;
  min-width: 1328px;
  align-items: stretch;
  position: relative;
}
#landing-68 .xw-lines,
.xp-host .xw-lines {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
  overflow: visible;
}
#landing-68 .xw-lines path,
.xp-host .xw-lines path {
  fill: none;
  stroke-width: 2;
  opacity: 0.85;
}
#landing-68 .xw-col,
.xp-host .xw-col {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 16px;
  position: relative;
}
#landing-68 .xw-col:last-child,
.xp-host .xw-col:last-child {
  gap: 34px;
}
#landing-68 .xw-col-title,
.xp-host .xw-col-title {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  padding-bottom: 6px;
  border-bottom: 2px solid #F8E800;
}
#landing-68 .xw-group, #landing-68 .xw-box,
.xp-host .xw-group,
.xp-host .xw-box {
  position: relative;
  background: #202125;
  color: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}
#landing-68 .xw-group, #landing-68 .xw-box,
.xp-host .xw-group,
.xp-host .xw-box {
  z-index: 1;
}
#landing-68 .xw-dot,
.xp-host .xw-dot {
  position: absolute;
  right: -7px;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  border: 2px solid #202125;
}
#landing-68 .xw-dot.is-win,
.xp-host .xw-dot.is-win {
  top: 22%;
  background: #2fbf5b;
}
#landing-68 .xw-dot.is-loss,
.xp-host .xw-dot.is-loss {
  bottom: 22%;
  background: #e5484d;
}
#landing-68 .xw-group.is-vert .xw-dot,
.xp-host .xw-group.is-vert .xw-dot {
  right: auto;
  left: 50%;
  margin-left: -6px;
}
#landing-68 .xw-group.is-vert .xw-dot.is-win,
.xp-host .xw-group.is-vert .xw-dot.is-win {
  top: -7px;
}
#landing-68 .xw-group.is-vert .xw-dot.is-loss,
.xp-host .xw-group.is-vert .xw-dot.is-loss {
  top: auto;
  bottom: -7px;
}
#landing-68 .xw-group-head,
.xp-host .xw-group-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 14px;
  background: #15161a;
}
#landing-68 .xw-group-head b,
.xp-host .xw-group-head b {
  font-size: 28px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 1px;
}
#landing-68 .xw-group-head span,
.xp-host .xw-group-head span {
  font-size: 12px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.85);
}
#landing-68 .xw-group-head.is-d2,
.xp-host .xw-group-head.is-d2 {
  background: #1fa34a;
}
#landing-68 .xw-group-head.is-d1,
.xp-host .xw-group-head.is-d1 {
  background: #4a9a68;
}
#landing-68 .xw-group-head.is-d0,
.xp-host .xw-group-head.is-d0 {
  background: #3a3c44;
}
#landing-68 .xw-group-head.is-dm1,
.xp-host .xw-group-head.is-dm1 {
  background: #a8484d;
}
#landing-68 .xw-group-head.is-dm2,
.xp-host .xw-group-head.is-dm2 {
  background: #c8333a;
}
#landing-68 .xw-match,
.xp-host .xw-match {
  margin: 16px 0;
  background: rgba(255, 255, 255, 0.05);
}
#landing-68 .xw-team,
.xp-host .xw-team {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 6px;
  font-size: 14px;
  white-space: nowrap;
}
#landing-68 .xw-team span,
.xp-host .xw-team span {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: auto;
}
#landing-68 .xw-team em,
.xp-host .xw-team em {
  font-style: normal;
  font-size: 14px;
  border-bottom: 1px dashed currentColor;
  opacity: 0.75;
  font-variant-numeric: tabular-nums;
}
#landing-68 .xw-team b,
.xp-host .xw-team b {
  min-width: 18px;
  text-align: center;
}
#landing-68 .xw-team.is-win,
.xp-host .xw-team.is-win {
  color: #F8E800;
  font-weight: 700;
}
#landing-68 .xw-team.is-lose,
.xp-host .xw-team.is-lose {
  opacity: 0.5;
}
#landing-68 .xw-team + .xw-team,
.xp-host .xw-team + .xw-team {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
#landing-68 .xw-box,
.xp-host .xw-box {
  padding: 10px 12px 12px;
}
#landing-68 .xw-box.is-adv, #landing-68 .xw-box.is-out,
.xp-host .xw-box.is-adv,
.xp-host .xw-box.is-out {
  color: #fff;
}
#landing-68 .xw-box.is-s30,
.xp-host .xw-box.is-s30 {
  background: #14803a;
}
#landing-68 .xw-box.is-s31,
.xp-host .xw-box.is-s31 {
  background: #1fa34a;
}
#landing-68 .xw-box.is-s32,
.xp-host .xw-box.is-s32 {
  background: #4cc26a;
  color: #0b2e16;
}
#landing-68 .xw-box.is-s23,
.xp-host .xw-box.is-s23 {
  background: #e0575d;
}
#landing-68 .xw-box.is-s13,
.xp-host .xw-box.is-s13 {
  background: #c8333a;
}
#landing-68 .xw-box.is-s03,
.xp-host .xw-box.is-s03 {
  background: #962027;
}
#landing-68 .xw-box-title,
.xp-host .xw-box-title {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
#landing-68 .xw-box-team,
.xp-host .xw-box-team {
  padding: 3px 0;
  font-size: 13px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: 700;
}
#landing-68 .xw-box-team.is-empty,
.xp-host .xw-box-team.is-empty {
  opacity: 0.5;
}
#landing-68 .xi-tab-placeholder,
.xp-host .xi-tab-placeholder {
  padding: 40px 20px;
  text-align: center;
  background: #222222;
  border-left: 4px solid #F8E800;
  color: #fff;
}
#landing-68 .xi-tab-placeholder h3,
.xp-host .xi-tab-placeholder h3 {
  margin-bottom: 10px;
  color: #F8E800;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
}
#landing-68 .xi-tab-placeholder p,
.xp-host .xi-tab-placeholder p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
}
#landing-68 .season-links .season-card,
.xp-host .season-links #landing-68 .season-card, #landing-68 .tournament-facts .fact-card,
.xp-host .tournament-facts #landing-68 .fact-card,
.xp-host .season-links .season-card,
.xp-host .tournament-facts .fact-card {
  --card-bg-opacity: 0.15;
  position: relative;
  isolation: isolate;
}
#landing-68 .season-links .season-card:before,
.xp-host .season-links #landing-68 .season-card:before, #landing-68 .tournament-facts .fact-card:before,
.xp-host .tournament-facts #landing-68 .fact-card:before,
.xp-host .season-links .season-card:before,
.xp-host .tournament-facts .fact-card:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: url("/landing/68/bg.png") no-repeat center top;
  background-size: cover;
  opacity: 0.25;
  pointer-events: none;
  user-select: none;
}
#landing-68 .tournament-facts,
.xp-host .tournament-facts {
  margin-bottom: 40px;
}
#landing-68 .tournament-facts .tournament-facts-title,
.xp-host .tournament-facts .tournament-facts-title {
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
}
#landing-68 .tournament-facts .tournament-facts-title:after,
.xp-host .tournament-facts .tournament-facts-title:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin-top: 10px;
  background: #F8E800;
}
#landing-68 .tournament-facts .fact-card,
.xp-host .tournament-facts .fact-card {
  height: 100%;
  padding: 22px 20px;
  background: #222222;
  border-left: 4px solid #F8E800;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  color: #fff;
}
#landing-68 .tournament-facts .fact-icon,
.xp-host .tournament-facts .fact-icon {
  position: absolute;
  top: 16px;
  right: 18px;
  color: rgba(248, 232, 0, 0.35);
  font-size: 28px;
}
#landing-68 .tournament-facts .fact-value,
.xp-host .tournament-facts .fact-value {
  color: #F8E800;
  font-size: 44px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 10px;
}
#landing-68 .tournament-facts .fact-text,
.xp-host .tournament-facts .fact-text {
  color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.4;
  padding-right: 30px;
}
#landing-68 .tournament-facts .fact-bar,
.xp-host .tournament-facts .fact-bar {
  display: flex;
  align-items: center;
  margin-top: 8px;
  font-size: 13px;
}
#landing-68 .tournament-facts .fact-bar-label,
.xp-host .tournament-facts .fact-bar-label {
  flex: 0 0 66px;
  color: rgba(255, 255, 255, 0.7);
}
#landing-68 .tournament-facts .fact-bar-pair .fact-bar-label,
.xp-host .tournament-facts .fact-bar-pair .fact-bar-label {
  flex: 0 0 46%;
  max-width: 46%;
  padding-right: 8px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#landing-68 .tournament-facts .fact-bar-track,
.xp-host .tournament-facts .fact-bar-track {
  flex: 1;
  height: 8px;
  background: rgba(255, 255, 255, 0.1);
}
#landing-68 .tournament-facts .fact-bar-fill,
.xp-host .tournament-facts .fact-bar-fill {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #b8ac00, #F8E800);
}
#landing-68 .tournament-facts .fact-bar-value,
.xp-host .tournament-facts .fact-bar-value {
  flex: 0 0 44px;
  text-align: right;
  font-weight: 800;
}
#landing-68 .tournament-facts .fact-note,
.xp-host .tournament-facts .fact-note {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 12px;
}
#landing-68 .season-links,
.xp-host .season-links {
  margin-bottom: 30px;
}
#landing-68 .season-links .season-links-title,
.xp-host .season-links .season-links-title {
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
}
#landing-68 .season-links .season-links-title:after,
.xp-host .season-links .season-links-title:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin-top: 10px;
  background: #F8E800;
}
#landing-68 .season-links .season-card,
.xp-host .season-links .season-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  background: #222222;
  border-top: 4px solid #F8E800;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-decoration: none;
  transition: box-shadow 0.2s;
}
#landing-68 .season-links .season-card:hover,
.xp-host .season-links .season-card:hover {
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.35), 0 0 0 1px #F8E800;
  color: #fff;
}
#landing-68 .season-links .season-card:hover .season-card-more i,
.xp-host .season-links .season-card:hover .season-card-more i {
  transform: translateX(4px);
}
#landing-68 .season-links .season-card-head,
.xp-host .season-links .season-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 8px;
}
#landing-68 .season-links .season-card-number,
.xp-host .season-links .season-card-number {
  color: #F8E800;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
}
#landing-68 .season-links .season-card-date,
.xp-host .season-links .season-card-date {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
#landing-68 .season-links .season-card-meta,
.xp-host .season-links .season-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.75);
  font-size: 13px;
}
#landing-68 .season-links .season-card-meta i,
.xp-host .season-links .season-card-meta i {
  margin-right: 4px;
  color: #F8E800;
}
#landing-68 .season-links .season-card-places,
.xp-host .season-links .season-card-places {
  flex: 1;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}
#landing-68 .season-links .season-card-places li,
.xp-host .season-links .season-card-places li {
  --accent: #F8E800;
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
#landing-68 .season-links .season-card-places li.place-silver,
.xp-host .season-links .season-card-places li.place-silver {
  --accent: #c9d1d9;
}
#landing-68 .season-links .season-card-places li.place-bronze,
.xp-host .season-links .season-card-places li.place-bronze {
  --accent: #e08a4a;
}
#landing-68 .season-links .season-card-medal,
.xp-host .season-links .season-card-medal {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  border-radius: 50%;
  background: var(--accent);
  color: #222222;
  font-size: 13px;
  font-weight: 800;
}
#landing-68 .season-links .season-card-team,
.xp-host .season-links .season-card-team {
  min-width: 0;
  line-height: 1.25;
}
#landing-68 .season-links .season-card-team strong,
.xp-host .season-links .season-card-team strong {
  display: block;
  color: var(--accent);
  font-size: 15px;
}
#landing-68 .season-links .season-card-team small,
.xp-host .season-links .season-card-team small {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
}
#landing-68 .season-links .season-card-more,
.xp-host .season-links .season-card-more {
  color: #F8E800;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
#landing-68 .season-links .season-card-more i,
.xp-host .season-links .season-card-more i {
  margin-left: 4px;
  transition: transform 0.2s;
}
#landing-68 .tournament-section-table,
.xp-host .tournament-section-table {
  position: relative;
  background: #0009B4;
  margin-bottom: 30px;
}
#landing-68 .tournament-section-table table,
.xp-host .tournament-section-table table {
  width: 100%;
  margin-bottom: 0px;
  background: rgba(255, 255, 255, 0.03);
}
#landing-68 .tournament-section-table table tr th,
.xp-host .tournament-section-table table tr th {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center;
  padding: 15px 8px;
  font-weight: 500;
  white-space: nowrap;
  background: #242424;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#landing-68 .tournament-section-table table tr th.w70,
.xp-host .tournament-section-table table tr th.w70 {
  width: 70px;
}
#landing-68 .tournament-section-table table tr th.w80,
.xp-host .tournament-section-table table tr th.w80 {
  width: 80px;
}
#landing-68 .tournament-section-table table tr th.w100,
.xp-host .tournament-section-table table tr th.w100 {
  width: 100px;
}
#landing-68 .tournament-section-table table tr th.pl15,
.xp-host .tournament-section-table table tr th.pl15 {
  padding-left: 15px;
}
#landing-68 .tournament-section-table table tr th.sorting_desc, #landing-68 .tournament-section-table table tr th.sorting_asc,
.xp-host .tournament-section-table table tr th.sorting_desc,
.xp-host .tournament-section-table table tr th.sorting_asc {
  color: #00ff78;
  background: rgba(255, 255, 255, 0.12);
  text-shadow: 0px 0px 4px #00813d, 0px 0px 8px #00813d, 0px 0px 12px #00813d;
}
#landing-68 .tournament-section-table table tr th.date,
.xp-host .tournament-section-table table tr th.date {
  width: 120px;
}
#landing-68 .tournament-section-table table tr td,
.xp-host .tournament-section-table table tr td {
  background: #fff;
  vertical-align: middle;
  padding: 10px 10px;
  color: #000;
  font-size: 16px;
}
#landing-68 .tournament-section-table table tr td a,
.xp-host .tournament-section-table table tr td a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}
#landing-68 .tournament-section-table table tr td a .fa-up-long,
.xp-host .tournament-section-table table tr td a .fa-up-long {
  color: green;
}
#landing-68 .tournament-section-table table tr td a .fa-down-long,
.xp-host .tournament-section-table table tr td a .fa-down-long {
  color: red;
}
#landing-68 .tournament-section-table table tr td a .fa-hand-peace,
.xp-host .tournament-section-table table tr td a .fa-hand-peace {
  color: orange;
}
#landing-68 .tournament-section-table table tr td span,
.xp-host .tournament-section-table table tr td span {
  padding: 0 15px;
  color: rgb(255, 255, 255);
}
#landing-68 .tournament-section-table table tr td.sorting_1,
.xp-host .tournament-section-table table tr td.sorting_1 {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}
#landing-68 .tournament-section-table table tr td.active,
.xp-host .tournament-section-table table tr td.active {
  background: rgba(0, 128, 0, 0.25);
}
#landing-68 .tournament-section-table table tr td.old,
.xp-host .tournament-section-table table tr td.old {
  background: rgba(255, 0, 0, 0.2);
}
#landing-68 .tournament-section-table table tr td .btn-outline-warning,
.xp-host .tournament-section-table table tr td .btn-outline-warning {
  margin: 2px;
  font-weight: 300;
}
#landing-68 .tournament-section-table.tournament-section-table-hover table tr:hover td,
.xp-host .tournament-section-table.tournament-section-table-hover table tr:hover td {
  background: #242424;
  color: #fff;
}
#landing-68 .tournament-section-table .table-hover > tbody > tr:hover > *,
.xp-host .tournament-section-table .table-hover > tbody > tr:hover > * {
  --bs-table-bg-state: transparent;
  --bs-table-hover-bg: transparent;
}
#landing-68 .tournament-section-table .table-hover > tbody > tr > th,
#landing-68 .tournament-section-table .table-hover > tbody > tr:hover > th,
.xp-host .tournament-section-table .table-hover > tbody > tr > th,
.xp-host .tournament-section-table .table-hover > tbody > tr:hover > th {
  background-color: #242424 !important;
  color: #fff !important;
}
#landing-68 .tournament-section-table.tournament-section-team table tr th,
.xp-host .tournament-section-table.tournament-section-team table tr th {
  border-bottom: 1px solid #dee2e6;
}
#landing-68 .tournament-section-table.tournament-section-users table tr th,
.xp-host .tournament-section-table.tournament-section-users table tr th {
  border-bottom: 1px solid #dee2e6;
}
#landing-68 .tournament-section-table.tournament-section-users table tr td,
.xp-host .tournament-section-table.tournament-section-users table tr td {
  padding: 0 5px;
  font-size: 16px;
}
#landing-68 .tournament-section-table.tournament-section-users table tr td a,
.xp-host .tournament-section-table.tournament-section-users table tr td a {
  font-size: 16px;
}
#landing-68 .tournament-section-table.tournament-section-users table tr td a .fab,
.xp-host .tournament-section-table.tournament-section-users table tr td a .fab {
  color: red;
}
#landing-68 .tournament-section-table.tournament-section-users table tr td img,
.xp-host .tournament-section-table.tournament-section-users table tr td img {
  width: 63px;
  height: 42px;
}
#landing-68 .item-card,
.xp-host .item-card {
  width: 100%;
  height: auto;
  clear: both;
  position: relative;
  z-index: 10;
  padding: 20px 0px 0px 20px;
  margin-bottom: 30px;
}
#landing-68 .item-card .leftshape,
.xp-host .item-card .leftshape {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 240px;
  width: 20px;
  background-color: #181818;
  z-index: 5;
}
#landing-68 .item-card .leftshape:before,
.xp-host .item-card .leftshape:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 60px;
  background-color: #f8e800;
  bottom: -20px;
  transform: skewY(45deg);
}
#landing-68 .item-card .topshape,
.xp-host .item-card .topshape {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 20px;
  width: 190px;
  background-color: #181818;
  z-index: 5;
}
#landing-68 .item-card .topshape:before,
.xp-host .item-card .topshape:before {
  position: absolute;
  content: "";
  width: 60px;
  height: 20px;
  background-color: #f8e800;
  right: -20px;
  transform: skewX(45deg);
}
#landing-68 .item-card .in,
.xp-host .item-card .in {
  padding: 20px 30px;
  min-height: 300px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  color: #000;
}
#landing-68 .item-card .in p, #landing-68 .item-card .in ol, #landing-68 .item-card .in ul, #landing-68 .item-card .in li,
.xp-host .item-card .in p,
.xp-host .item-card .in ol,
.xp-host .item-card .in ul,
.xp-host .item-card .in li {
  color: #000;
}
#landing-68 .item-card .in .text-muted,
.xp-host .item-card .in .text-muted {
  color: #6c757d !important;
}
#landing-68 .item-card .in .number,
.xp-host .item-card .in .number {
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 70px;
  height: 80px;
  line-height: 80px;
  background-color: #004fac;
  border-radius: 1px;
  text-align: center;
  font-size: 36px;
  color: #fff;
}
#landing-68 .item-card.item-card-user,
.xp-host .item-card.item-card-user {
  position: relative;
  padding: 0;
  background: #080b1a;
}
#landing-68 .item-card.item-card-user .in,
.xp-host .item-card.item-card-user .in {
  height: 360px;
  padding: 0;
}
#landing-68 .item-card.item-card-user .in a,
.xp-host .item-card.item-card-user .in a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  border: 0 solid #E9EFF4;
  border-width: 1px 0 1px 0;
  display: inline-block;
  margin: 0 auto;
  padding: 15px 10px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  z-index: 10;
  text-decoration: none;
}
#landing-68 .item-card.item-card-user .in a .fab,
.xp-host .item-card.item-card-user .in a .fab {
  color: red;
}
#landing-68 .item-card.item-card-user .in a:hover,
.xp-host .item-card.item-card-user .in a:hover {
  background: #111220;
  color: #F79420;
  text-decoration: none;
}
#landing-68 .new-table,
.xp-host .new-table {
  background: #ffffff;
  padding: 10px;
}
#landing-68 .new-table .table th,
.xp-host .new-table .table th {
  background-color: #242424;
  color: #fff;
}
#landing-68 .new-table .table tr td,
.xp-host .new-table .table tr td {
  background-color: #fff;
  color: #000;
  margin: 0;
  padding: 5px 0;
  font-size: 16px;
  white-space: nowrap;
}
#landing-68 .new-table .table tr td .team-wrapper,
.xp-host .new-table .table tr td .team-wrapper {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  text-align: left;
}
#landing-68 .new-table .table tr td .team-wrapper .name,
.xp-host .new-table .table tr td .team-wrapper .name {
  font-size: 22px;
  font-weight: bold;
}
#landing-68 .new-table .table tr td .team-wrapper .user,
.xp-host .new-table .table tr td .team-wrapper .user {
  font-size: 14px;
  font-weight: 400;
}
#landing-68 .new-table .table tr td .team-wrapper:before,
.xp-host .new-table .table tr td .team-wrapper:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 46px;
  border-radius: 4px;
  background: green;
  position: absolute;
  top: 6px;
  left: 0;
}
#landing-68 .new-table .table tr td .team-wrapper.bad:before,
.xp-host .new-table .table tr td .team-wrapper.bad:before {
  background: red;
}

.table-results {
  --bs-table-bg: #fff;
  --bs-table-color: #000;
  --bs-table-hover-bg: transparent;
  --bs-table-hover-color: #000;
  background-color: #fff;
  color: #000;
  font-size: 12px;
}
.table-results tr th, .table-results tr:hover th {
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  background: #000 no-repeat top center;
  font-size: 14px;
}
.table-results tr td {
  font-size: 13px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 4px 2px;
  color: #000000;
}
.table-results tr td.bg-success-subtle {
  background-color: #d1e7dd !important;
  color: #0a3622;
}
.table-results tr td.bg-danger-subtle {
  background-color: #f8d7da !important;
  color: #58151c;
}
.table-results tr td:first-child {
  background-color: #000;
  color: #fff;
}

#landing-68 .table-results tr th,
#landing-68 .table-results tr:hover th {
  background-color: #000;
  color: #fff;
}

.xp-host.xp-host {
  min-height: 0;
  overflow: visible;
  position: static;
}

.xw-offcanvas {
  --bs-offcanvas-height: auto;
  max-height: 85vh;
  background: #202125;
  color: #fff;
}
.xw-offcanvas .offcanvas-header {
  background: #15161a;
  border-bottom: 2px solid #F8E800;
}
.xw-offcanvas .offcanvas-header, .xw-offcanvas .offcanvas-body {
  padding-left: max(1rem, (100% - 1348px) / 2);
  padding-right: max(1rem, (100% - 1348px) / 2);
}
.xw-offcanvas .xw-baskets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 4px 0 20px;
}
@media (max-width: 767px) {
  .xw-offcanvas .xw-baskets {
    grid-template-columns: 1fr;
  }
}
.xw-offcanvas .xw-bk {
  position: relative;
  padding: 18px 20px;
  background: rgb(9, 8, 12);
  border-left: 4px solid #F8E800;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}
.xw-offcanvas .xw-bk-num {
  position: absolute;
  top: 14px;
  right: 18px;
  font-size: 30px;
  color: rgba(248, 232, 0, 0.35);
}
.xw-offcanvas .xw-bk-title {
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
}
.xw-offcanvas .xw-bk-row {
  display: grid;
  grid-template-columns: minmax(70px, 130px) minmax(0, 1fr) 124px;
  align-items: center;
  gap: 12px;
}
.xw-offcanvas .xw-bk-row + .xw-offcanvas .xw-bk-row {
  margin-top: 12px;
}
.xw-offcanvas .xw-bk-row.is-best .xw-bk-name, .xw-offcanvas .xw-bk-row.is-best .xw-bk-val b {
  color: #F8E800;
}
.xw-offcanvas .xw-bk-row.is-best .xw-bk-track i {
  background: #F8E800;
}
.xw-offcanvas .xw-bk-name {
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xw-offcanvas .xw-bk-track {
  height: 12px;
  background: rgba(255, 255, 255, 0.1);
}
.xw-offcanvas .xw-bk-track i {
  display: block;
  height: 100%;
  background: rgba(255, 255, 255, 0.55);
}
.xw-offcanvas .xw-bk-val {
  text-align: right;
  line-height: 1.1;
}
.xw-offcanvas .xw-bk-val small {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  opacity: 0.55;
}
.xw-offcanvas .xw-bk-main {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
}
.xw-offcanvas .xw-bk-main b {
  font-size: 16px;
  font-weight: 900;
}
.xw-offcanvas .xw-bk-main span {
  font-size: 13px;
  color: #9a9ca3;
}
.xw-offcanvas .xw-bk-main span::before {
  content: "·";
  margin-right: 6px;
}
.xw-offcanvas .xw-sum {
  --bs-table-bg: transparent;
}
.xw-offcanvas .xw-sum th {
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}
.xw-offcanvas .xw-sum td {
  white-space: nowrap;
}
.xw-offcanvas .xw-sum tr.is-win td {
  color: #F8E800;
  font-weight: 700;
}

.xw-modal .modal-content {
  background: #202125;
  color: #fff;
}
.xw-modal .modal-header {
  background: #15161a;
  border-bottom: 2px solid #F8E800;
}
.xw-modal .modal-body > .table-responsive {
  max-width: 1600px;
  margin: 0 auto;
}

.fz-wrap {
  margin-top: 16px;
}

.fz-stage {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 10px 14px;
}

.fz-stage summary {
  cursor: pointer;
  font-weight: 700;
}

.fz-stage-label, .fz-state {
  margin-left: 10px;
  font-weight: 400;
  opacity: 0.8;
}

.fz-state.is-open {
  color: #5ddc73;
}

.fz-state.is-closed {
  color: #ff7b7b;
}

.fz-tier-title {
  margin: 12px 0 6px;
  font-weight: 700;
}

.fz-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fz-card {
  position: relative;
  width: 96px;
  text-align: center;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 8px;
  padding: 4px;
  background: rgba(0, 0, 0, 0.25);
}
.fz-card input {
  position: absolute;
  opacity: 0;
}
.fz-card img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 6px;
}
.fz-card:has(input:checked) {
  border-color: #f5b301;
}
.fz-card.is-off {
  opacity: 0.3;
  pointer-events: none;
}

.fz-nm {
  display: block;
  font-size: 12px;
  word-break: break-all;
}

.fz-sub {
  font-size: 11px;
  opacity: 0.6;
}

.fz-captain {
  margin: 12px 0;
}
.fz-captain label {
  margin-right: 12px;
}

.fz-table .fz-user {
  text-align: left;
}
.fz-table .fz-user img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 6px;
}
.fz-table .fz-user .fz-user-secret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  border-radius: 50%;
  background: #222;
  color: #F8E800;
  font-size: 12px;
  vertical-align: middle;
}

.fz-table .is-me td {
  background: rgba(245, 179, 1, 0.2);
}

.fz-updated {
  opacity: 0.7;
  font-size: 13px;
}

.fz-pick-row {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin: 12px 0;
}

.fz-pick {
  width: 160px;
  text-align: center;
}

.fz-photo {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.35);
  margin-bottom: 6px;
}

.fz-cap {
  display: block;
  margin-top: 6px;
  font-size: 13px;
}

.fz-pick select, .fz-captain select {
  background-color: #fff;
  color: #212529;
  border: 1px solid #ced4da;
}

.fz-pick select:focus, .fz-captain select:focus {
  background-color: #fff;
  color: #212529;
  border-color: #f5b301;
  box-shadow: none;
}

.fz-pick select option, .fz-captain select option {
  background: #fff;
  color: #212529;
}

.fz-captain {
  max-width: 300px;
  margin: 12px auto;
  text-align: center;
}

.fz-captain label {
  display: block;
  margin: 0 0 4px;
  font-weight: 700;
}

.fz-form > .btn {
  display: block;
  margin: 0 auto;
}

.fz-steps {
  display: flex;
  gap: 0;
  margin: 16px 0;
  padding: 6px 6px 6px 6px;
  background: #222;
  border-top: 4px solid #F8E800;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  overflow-x: auto;
}

.fz-step {
  flex: 1 1 0;
  min-width: max-content;
  margin-right: -8px;
  padding: 14px 34px 14px 26px;
  border: 0;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%);
  transition: background 0.2s, color 0.2s;
}

.fz-step:hover {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.fz-step.active {
  background: #F8E800;
  color: #222;
}

.fz-step i {
  margin-left: 6px;
}

.fz-step.is-locked i {
  opacity: 0.6;
}

.fz-step.is-open i {
  color: #5ddc73;
}

.fz-step.active.is-open i {
  color: #1a8a32;
}

.fz-stage-head {
  font-weight: 700;
  margin-bottom: 4px;
  text-align: center;
}

.fz-step {
  margin-right: 0;
  padding: 14px 34px 14px 40px;
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%, 22px 50%);
}

.fz-step + .fz-step {
  margin-left: -16px;
}

.fz-step:first-child {
  padding-left: 26px;
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%);
}

.fz-step:last-child {
  padding-right: 26px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 22px 50%);
}

.fz-step:first-child:last-child {
  clip-path: none;
}

.fz-wrap .form-select, .fz-wrap .form-select:hover, .fz-wrap .form-select:focus, .fz-wrap .form-select:focus-visible, .fz-wrap .form-select:active, .fz-wrap .form-select:disabled {
  background-color: #fff !important;
  color: #212529 !important;
  -webkit-text-fill-color: #212529 !important;
  box-shadow: none !important;
}

.fz-wrap .form-select:focus, .fz-wrap .form-select:focus-visible {
  border-color: #f5b301 !important;
}

.fz-wrap .form-select option {
  background-color: #fff;
  color: #212529;
}

.fz-pick-row {
  flex-wrap: nowrap;
  gap: 10px;
}

.fz-pick {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

.fz-rank {
  margin-top: 8px;
  font-size: 12px;
  text-align: left;
}

.fz-rank th, .fz-rank td {
  padding: 2px 6px;
}

.fz-rank td:last-child, .fz-rank th:last-child, .fz-rank td:first-child, .fz-rank th:first-child {
  text-align: center;
  width: 1%;
  white-space: nowrap;
}

.fz-side {
  padding: 12px 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.03);
  font-size: 14px;
}

.fz-side h5 {
  margin: 4px 0 8px;
  font-weight: 700;
}

.fz-side ul {
  padding-left: 18px;
}

.fz-muted {
  opacity: 0.7;
}

@media (max-width: 575px) {
  .fz-pick-row {
    flex-wrap: wrap;
  }
  .fz-pick {
    flex-basis: 100%;
  }
}
.fz-captain-row {
  margin: 12px 0;
}

.fz-captain-row .form-select, .fz-captain-row .btn {
  height: 42px;
  font-size: 15px;
}

.fz-pick .form-select-lg {
  height: 48px;
  font-size: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.fz-captain-row .form-select, .fz-captain-row .btn {
  height: 48px;
}

.fz-side .fz-stage-head {
  text-align: left;
  font-size: 16px;
  margin-bottom: 10px;
}

.fz-wrap .table {
  --bs-table-bg: #fff;
  --bs-table-color: #212529;
  --bs-table-border-color: #dee2e6;
  --bs-table-hover-bg: #f5f5f5;
  --bs-table-hover-color: #212529;
  --bs-table-striped-bg: #fff;
  background-color: #fff !important;
  color: #212529 !important;
}

.fz-wrap .table > :not(caption) > * > * {
  background-color: #fff !important;
  color: #212529 !important;
  border-color: #dee2e6 !important;
  box-shadow: none !important;
}

.fz-wrap .table thead > tr > th {
  background-color: #f1f1f1 !important;
  font-weight: 700;
}

.fz-wrap .table tr.is-me > td {
  background-color: #fff3c4 !important;
}

.fz-pick-row:not(.fz-rank-row) .fz-pick {
  position: relative;
  isolation: isolate;
  padding: 16px;
  background: #222222;
  border-top: 4px solid #F8E800;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  color: #fff;
}

.fz-pick-row:not(.fz-rank-row) .fz-pick:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: url("/landing/68/bg.png") no-repeat center top;
  background-size: cover;
  opacity: 0.25;
  pointer-events: none;
  user-select: none;
}

.fz-pick-row:not(.fz-rank-row) .fz-tier-title {
  margin-top: 0;
  color: #F8E800;
  text-transform: uppercase;
}

.fz-rank {
  table-layout: auto;
  width: 100%;
}

.fz-rank th, .fz-rank td {
  white-space: nowrap;
}

.fz-rank td:nth-child(2) {
  width: 100%;
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fz-rank th:last-child {
  font-size: 10px;
}

.fz-rank td:last-child {
  font-variant-numeric: tabular-nums;
}

.fz-pick-row:not(.fz-rank-row) .fz-pick:nth-child(1) .fz-photo {
  background: url(/landing/68/Frame1.png) center top repeat-x rgb(59, 3, 3);
}

.fz-pick-row:not(.fz-rank-row) .fz-pick:nth-child(2) .fz-photo {
  background: url(/landing/68/Frame2.png) center top repeat-x rgb(59, 3, 3);
}

.fz-pick-row:not(.fz-rank-row) .fz-pick:nth-child(3) .fz-photo {
  background: url(/landing/68/Frame3.png) center top repeat-x rgb(59, 3, 3);
}

.fz-pick-row:not(.fz-rank-row) .fz-pick .fz-photo {
  background-size: cover;
}

.fz-photo {
  background-size: cover;
}

.fz-pick-row:not(.fz-rank-row) .fz-pick:nth-child(n) .fz-photo {
  background-size: cover;
}

.fz-wrap .fz-rank, .fz-wrap .fz-mine, .fz-wrap .fz-table {
  border-collapse: collapse;
  border: 1px solid #e3e3e3;
  border-top: 3px solid #F8E800;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.fz-wrap .fz-rank > :not(caption) > * > *, .fz-wrap .fz-mine > :not(caption) > * > *, .fz-wrap .fz-table > :not(caption) > * > * {
  border-width: 0 0 1px 0 !important;
  border-color: #ececec !important;
}

.fz-wrap .fz-rank thead th, .fz-wrap .fz-mine thead th, .fz-wrap .fz-table thead th {
  background-color: #2b2b2b !important;
  color: #fff !important;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border-color: #2b2b2b !important;
}

.fz-wrap .fz-rank tbody tr:hover > td, .fz-wrap .fz-mine tbody tr:hover > td, .fz-wrap .fz-table tbody tr:hover > td {
  background-color: #fafafa !important;
}

.fz-wrap .fz-rank tbody td:nth-child(2), .fz-wrap .fz-mine tbody td:first-child {
  font-weight: 600;
}

.fz-wrap .fz-rank tbody tr:nth-child(-n+3) > td:first-child {
  color: #c99a00 !important;
  font-weight: 800;
}

.fz-wrap .fz-rank thead th, .fz-wrap .fz-mine thead th, .fz-wrap .fz-table thead th {
  border-bottom: 2px solid #F8E800 !important;
}

.fz-wrap .fz-rank thead th, .fz-wrap .fz-mine thead th, .fz-wrap .fz-table thead th {
  background-color: #000 !important;
  border-color: #000 !important;
  border-bottom: 2px solid #F8E800 !important;
}

.fz-wrap table.table.fz-rank thead > tr > th, .fz-wrap table.table.fz-mine thead > tr > th, .fz-wrap table.table.fz-table thead > tr > th {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  border-bottom: 2px solid #F8E800 !important;
}

.fz-wrap .fz-rank th:last-child, .fz-wrap .fz-rank td:last-child {
  text-align: center !important;
}

.fz-pick-row {
  margin-top: 0;
}

.fz-login-alert {
  cursor: pointer;
  border: 0;
  border-top: 3px solid #F8E800;
  transition: box-shadow 0.2s;
}

.fz-login-alert:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px #F8E800;
}

.fz-login-alert i {
  color: #F8E800;
}

.fz-login-alert .btn i {
  color: inherit;
}

.col-lg-5 > .fz-stage-head {
  text-align: left;
  font-size: 18px;
  margin-bottom: 10px;
}

/*# sourceMappingURL=landing.css.map */