/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/debug/components/DebugData/DebugData.module.css ***!
  \*************************************************************************************************************************************************************************************/
.fzECN {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.wi1Qd {
  margin: 10vh auto;
  width: 90%;
  height: 80vh;
}

.MTtc7 {
  background: #1f4158;
  color: white;
  height: 80vh;
  overflow: auto;
  padding: 10px;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.iTrpg {
  position: absolute;
  left: 0;
  bottom: 0;
  border: 1px solid #0f0;
  padding: 5px;
}

/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/debug/components/DebugData/components/Divider/Divider.module.css ***!
  \******************************************************************************************************************************************************************************************************/
.Y4dnU {
  border-bottom: 1px solid #fff;
  margin: 10px 0;
}

/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/debug/components/DebugData/components/Textarea/Textarea.module.css ***!
  \********************************************************************************************************************************************************************************************************/
.APYCY {
  background-color: darkblue;
  color: greenyellow;
  width: 100%;
}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/tournamentsList/components/TournamentsList/TournamentsList.module.css ***!
  \***********************************************************************************************************************************************************************************************************/
.SQ_YX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.Qissa {
  position: relative;
  padding: 20px 40px 15px;
}

@media only screen and (max-width: 1024px) {

.Qissa {
    padding: 10px 50px
}
  }

@media only screen and (max-width: 736px) {

.Qissa {
    padding: 5px 10px
}
  }

.OQVED {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  color: #76dbff;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(9, 21, 33, 0)), color-stop(50%, rgba(36, 81, 255, 0.31)), to(rgba(9, 21, 33, 0)));
  background-image: linear-gradient(to left, rgba(9, 21, 33, 0), rgba(36, 81, 255, 0.31) 50%, rgba(9, 21, 33, 0));
  padding: 6px 0 9px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);  
}

.BMTmu {
  min-height: 50px;
}

/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/Layout/Layout.module.css ***!
  \************************************************************************************************************************************************************************/
.RKGob {
  margin: 0 auto;
  max-width: 1366px;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
}

  @media only screen and (max-width: 1024px) {.RKGob {
    max-width: 1023px
}
  }

  @media only screen and (max-width: 568px) {.RKGob {
    max-width: 567px
}
  }

  @media only screen and (max-width: 736px) {.RKGob {
    max-width: 735px
}
  }

.FoLub {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.NJInh {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}

.NJInh::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    background: transparent !important;
  }

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/ScrollContainer/ScrollContainer.module.css ***!
  \******************************************************************************************************************************************************************************************/
.MpwFD {
  overflow: auto !important;
}

  .MpwFD::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    background: transparent !important;
  }

.rtKLy {
  overflow: auto !important;
}

.rtKLy::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    background: transparent !important;
  }

/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/Notification/Notification.module.css ***!
  \************************************************************************************************************************************************************************************/
.wjJcj {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 66%;
  overflow: hidden;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/rewards/components/DetailedViewRewardModal/ChestModal/ChestModal.module.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.aRkhp {
  padding: 20px;
}

.ySOUB {
  color: #fff;
  text-align: center;
}

.n4vU0 {
  padding: 0 30px;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-height: 50vh;
  overflow: auto;
}

.ShqYB {
  position: relative;
  margin: 5px;
  background: #011122;
  outline: 1px solid var(--colorBrown);
}

.ShqYB.jmqaD {
    background: none;
    outline: none;
  }

.KUYOx {
  width: 62px;
  height: 62px;
  margin: -1px;
}

@media (max-width: 1024px) {

.KUYOx {
    width: 50px;
    height: 50px
}
  }

.gXKed {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(46%, #000), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #000 46%, rgba(0, 0, 0, 0));
}

@media (max-width: 1024px) {

.gXKed {
    font-size: 10px;
    line-height: 10px
}
  }

/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/Modal/Modal.module.css ***!
  \**********************************************************************************************************************************************************************/
.GInlB {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.qUurL {
  margin: 25px auto;
  width: 480px;
}

@media (max-width: 1024px) {

.qUurL {
    width: 400px
}
  }

.eaqyJ {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#1f4158), color-stop(99%, #1f4d64));
  background-image: linear-gradient(to top, #1f4158, #1f4d64 99%);
}

.ehwo_ {
  position: relative;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(97, 233, 250, 0)), color-stop(51%, rgba(0, 176, 255, 0.5)), to(rgba(103, 210, 255, 0)));
  background-image: linear-gradient(to left, rgba(97, 233, 250, 0), rgba(0, 176, 255, 0.5) 51%, rgba(103, 210, 255, 0));
  padding: 12px 0;
  min-height: 40px;
}

@media (max-width: 1024px) {

.ehwo_ {
    min-height: 30px;
    padding: 8px 0
}
  }

.ehwo_::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(97, 244, 250, 0)), color-stop(51%, #76dbff), to(rgba(103, 255, 254, 0)));
    background-image: linear-gradient(to left, rgba(97, 244, 250, 0), #76dbff 51%, rgba(103, 255, 254, 0));
    bottom: 0;
  }

.ngMWJ {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #fff;  
}

.RwlNT {
  position: absolute;
  border: none;
  background: transparent;
  right: 17px;
  top: 12px;
  cursor: pointer;
}

@media (max-width: 1024px) {

.RwlNT {
    top: 8px
}

    .RwlNT svg {
      width: 16px;
      height: 16px;
    }
  }

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/rewards/components/DetailedViewRewardModal/GachaChestModal/GachaChestModal.module.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.XheCn {
  width: 50vw;
  max-height: 95vh;
  margin: 0 auto;
  overflow: auto;
}

  @media (max-width: 1024px) {.XheCn {
    width: 80vw;
    font-size: 14px;
    line-height: 16px
}
  }

.RmfYu {
  padding: 20px;
  color: #fff;
  font-weight: 400;
}

@media (max-width: 1024px) {

.RmfYu {
    padding: 15px
}
  }

.I7tyx {
  text-align: center;
}

.DC0XP {
  margin-top: 20px;
  text-align: center;
}

@media (max-width: 1024px) {

.DC0XP {
    margin-top: 10px
}
  }

.zORwV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5px;
}

@media (max-width: 1024px) {

.zORwV {
    margin-top: 0
}
  }

.EcO3I {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
}

@media (max-width: 1024px) {

.EcO3I {
    margin: 10px 0 0
}
  }

@media (max-width: 568px) {

.EcO3I {
    margin: 5px 0 0
}
  }

.A6ujB {
  width: 45%;
  padding: 0 20px;
}

@media (max-width: 568px) {

.A6ujB {
    width: 50%;
    padding: 0 10px
}
  }

.jBlQG {
  text-align: center;
}

.apFG7 {
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 15px;
}

@media (max-width: 1024px) {

.apFG7 {
    font-size: 12px
}
  }

.apFG7 th {
    background: rgba(3, 16, 20, 0.8);
    border: 0;
    font-weight: 400;
    width: 50%;
  }

@media (max-width: 1024px) {

.apFG7 th {
      padding: 3px 8px
  }
    }

.apFG7 td {
    background: rgba(3, 16, 20, 0.5);
    border: 0;
    padding: 1px 8px;
    text-align: center;
  }

@media (max-width: 1024px) {

.apFG7 td {
      padding: 0 8px
  }
    }

.FOPzZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;  
}

.IkkLr {
  height: 14px;
}

/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/Color/Color.module.css ***!
  \**********************************************************************************************************************************************************************/
.t16V1[data-color='common'] {
    color: var(--colorCommon);
  }
  .t16V1[data-color='uncommon'] {
    color: var(--colorUncommon);
  }
  .t16V1[data-color='rare'] {
    color: var(--colorRare);
  }
  .t16V1[data-color='epic'] {
    color: var(--colorEpic);
  }
  .t16V1[data-color='legendary'] {
    color: var(--colorLegendary);
  }
  .t16V1[data-color='mythical'] {
    color: var(--colorMythical);
  }
  .t16V1[data-color='yellow'] {
    color: var(--colorYellow);
  }

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/rewards/components/DetailedViewRewardModal/GachaChestModal/ArtifactSet/ArtifactSet.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.oyFUg {
  position: relative;
  max-width: 50px;
  margin: 5px;
}

  @media (max-width: 1024px) {.oyFUg {
    max-width: 35px
}
  }

.aRDwZ {
  display: block;
  background-color: transparent;
  border: none;
  width: 100%;
}

.U6fAQ {
  display: block;
  width: 100%;
}

.f87pD {
  position: absolute;
  background-color: rgba(36, 48, 61, 0.95);
  border: 1px solid rgba(69, 218, 255, 1);
  padding: 10px;
}

.x6Wur {
  width: 24px;
  height: 24px;
}

.iVHlq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
}

.GhTN7 {
  font-size: 20px;
  margin-left: 9px;
}

.OKOvw {
  margin-top: 10px;
  font-size: 12px;
  line-height: normal;
}

/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/rewards/components/RewardValue/RewardValue.module.css ***!
  \*******************************************************************************************************************************************************************************************/
.jy6EP {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(46%, #000), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #000 46%, rgba(0, 0, 0, 0));
  overflow: hidden;
}

  @media only screen and (max-width: 1024px) {.jy6EP {
    font-size: 9px;
    line-height: 9px
}
  }

/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/RatingList/RatingList.module.css ***!
  \********************************************************************************************************************************************************************************/
.fFbCH {
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  min-height: 75px;
  padding: 13px 0;
}

  .fFbCH.XylM5 {
    position: absolute;
    padding-bottom: 48px;
  }

  @media only screen and (max-width: 1024px) {

  .fFbCH.XylM5 {
      padding-bottom: 24px
  }
    }

.YqM3V {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.YqM3V span {
    min-width: 80%;
    padding: 10px 20px;
    background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(49%, rgba(0, 0, 0, 0.6)), to(transparent));
    background-image: linear-gradient(270deg, transparent, rgba(0, 0, 0, 0.6) 49%, transparent);
    text-align: center;
    color: #fff;
    margin-top: -5%;
  }

/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/Loader/Loader.module.css ***!
  \************************************************************************************************************************************************************************/
@-webkit-keyframes X6fyu {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes X6fyu {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.BA_3a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.fCNh5 {
  -webkit-animation: X6fyu 4s linear infinite;
          animation: X6fyu 4s linear infinite;
  width: 20px;
}

/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/RatingList/RatingItem/RatingItem.module.css ***!
  \*******************************************************************************************************************************************************************************************/
.ei7zU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 4px;
}

  @media only screen and (max-width: 1024px) {.ei7zU {
    margin-bottom: 2px
}
  }

  @media only screen and (max-width: 568px) {.ei7zU {
    margin-bottom: 1px
}
  }

  .ei7zU:nth-child(1) .fXWBI, .ei7zU:nth-child(2) .fXWBI, .ei7zU:nth-child(3) .fXWBI {
      background-color: transparent !important;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
    }

  .ei7zU:nth-child(1) .fXWBI {
      background-image: var(--imageRatingsFirstPlace);
    }

  .ei7zU:nth-child(2) .fXWBI {
      background-image: var(--imageRatingsSecondPlace);
    }

  .ei7zU:nth-child(3) .fXWBI {
      background-image: var(--imageRatingsThirdPlace);
    }

  .ei7zU[data-type=bracket]:nth-child(1) .XkpWv, .ei7zU[data-type=bracket]:nth-child(1) .bhhbp, .ei7zU[data-type=bracket]:nth-child(2) .XkpWv, .ei7zU[data-type=bracket]:nth-child(2) .bhhbp, .ei7zU[data-type=bracket]:nth-child(3) .XkpWv, .ei7zU[data-type=bracket]:nth-child(3) .bhhbp {
        background-color: rgba(1, 17, 34, 0.6);
      }

  .ei7zU[data-type=global] {
    line-height: 40px;
  }

  @media only screen and (max-width: 1024px) {

  .ei7zU[data-type=global] {
      line-height: 26px
  }
    }

  .ei7zU[data-type=global] .XkpWv {
      margin-right: 5px;
    }

  @media only screen and (max-width: 1024px) {

  .ei7zU[data-type=global] .XkpWv {
        margin-right: 2px
    }
      }

  .ei7zU[data-type=global] .srwzR {
      font-size: 18px;
    }

  @media only screen and (max-width: 1024px) {

  .ei7zU[data-type=global] .srwzR {
        font-size: 14px
    }
      }

  .ei7zU[data-type=global] .bhhbp {
      font-size: 17px;
      -ms-flex-preferred-size: 158px;
          flex-basis: 158px;
      padding-left: 62px;
    }

  @media only screen and (max-width: 1024px) {

  .ei7zU[data-type=global] .bhhbp {
        font-size: 14px;
        -ms-flex-preferred-size: 100px;
            flex-basis: 100px;
        padding-left: 40px
    }
      }

  .ei7zU[data-type=global] .bhhbp::before {
        width: 35px;
        height: 35px;
        left: 23px;
        top: 50%;
        margin-top: -18px;
      }

  @media only screen and (max-width: 1024px) {

  .ei7zU[data-type=global] .bhhbp::before {
          width: 22px;
          height: 22px;
          left: 16px;
          margin-top: -12px
      }
        }

  .ei7zU[data-type=global]:nth-child(odd) .fXWBI, .ei7zU[data-type=global]:nth-child(odd) .XkpWv, .ei7zU[data-type=global]:nth-child(odd) .bhhbp {
        background-color: #0e2034;
      }

  .ei7zU[data-type=global]:nth-child(even) .fXWBI, .ei7zU[data-type=global]:nth-child(even) .XkpWv, .ei7zU[data-type=global]:nth-child(even) .bhhbp {
        background-color: rgba(10, 30, 53, 0.72);
      }

.fXWBI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: #fff;
  width: 36px;
  background-color: rgba(1, 17, 34, 0.4);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media only screen and (max-width: 1024px) {

.fXWBI {
    font-size: 14px;
    line-height: inherit;
    width: 22px
}
  }

.XkpWv {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(1, 17, 34, 0.4);
  min-height: 46px;
  margin: 0 2px;
  width: calc(100% - 216px);
}

@media only screen and (max-width: 1024px) {

.XkpWv {
    min-height: auto;
    margin: 0 1px;
    line-height: 22px;
    width: calc(100% - 134px)
}
  }

@media only screen and (max-width: 736px) {

.XkpWv {
    width: calc(100% - 110px)
}
  }

.srwzR {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  -ms-flex-item-align: center;
      align-self: center;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (max-width: 1024px) {

.srwzR {
    font-size: 14px;
    line-height: 22px
}
  }

.bhhbp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 16px;
  color: #fff;
  padding-left: 81px;
  width: 180px;
  background-color: rgba(1, 17, 34, 0.4);
}

@media only screen and (max-width: 1024px) {

.bhhbp {
    padding-left: 45px;
    font-size: 14px;
    width: 112px
}
  }

@media only screen and (max-width: 736px) {

.bhhbp {
    padding-left: 26px;
    width: 86px
}
  }

.bhhbp::before {
    content: '';
    position: absolute;
    left: 49px;
    top: calc(50% - 15px);
    background-image: var(--imageRewardTournaments);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 25px;
    height: 29px;
  }

@media only screen and (max-width: 1024px) {

.bhhbp::before {
      width: 22px;
      height: 22px;
      left: 19px;
      top: calc(50% - 11px)
  }
    }

@media only screen and (max-width: 736px) {

.bhhbp::before {
      width: 14px;
      height: 16px;
      left: 8px;
      top: calc(50% - 8px)
  }
    }

.cXK_0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  position: relative;
}

.cXK_0::after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: -2px;
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 4px);
  }

@media only screen and (max-width: 1024px) {

.cXK_0::after {
      top: -1px;
      left: -2px;
      width: calc(100% + 4px);
      height: calc(100% + 2px)
  }
    }

.cXK_0[data-collect=true]::after {
      border: 4px solid #ffe753;
      -webkit-box-shadow: 0 0 10px 0 #e3d072, 0 0 10px 0 #e3d072;
              box-shadow: 0 0 10px 0 #e3d072, 0 0 10px 0 #e3d072;
    }

@media only screen and (max-width: 1024px) {

.cXK_0[data-collect=true]::after {
        border-width: 2px
    }
      }

.cXK_0[data-taken=true]::after {
      border: 4px solid #63ddfc;
    }

@media only screen and (max-width: 1024px) {

.cXK_0[data-taken=true]::after {
        border-width: 2px
    }
      }

.yocMr {
  position: absolute;
  top: -11px;
  right: -11px;
  width: 32px;
}

@media only screen and (max-width: 1024px) {

.yocMr {
    top: -6px;
    right: -6px;
    width: 18px
}
  }

.vtplQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.XtZO9 {
  width: 62px;
  height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #000f21;
  position: relative;
  margin: 0 3px; 
  -ms-flex-negative: 0; 
      flex-shrink: 0;
  margin-right: 5px;
}

.XtZO9[data-border=true] {
    border: solid 1px #c28a2f;
  }

@media only screen and (max-width: 1024px) {

.XtZO9 {
    width: 36px;
    height: 36px
}
  }

.XtZO9 img {
    -ms-flex-item-align: center;
        align-self: center;
  }

.H89YY {
  margin-left: 5px;
}

.msjA1 {
  display: inline-block;
  margin-left: 6px;
}

.msjA1 span {
    font-weight: 500;
    text-align: center;
    line-height: 14px;
    margin: 0;
  }

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/RatingList/RatingItem/RatingReward/RatingReward.module.css ***!
  \**********************************************************************************************************************************************************************************************************/
.v3MxF {
  position: relative;
  display: block;
  border: none;
  width: 44px;
  height: 44px;
  background-color: #011122;
  margin: 2px 0 2px 3px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

  .v3MxF:nth-of-type(1) {
    margin-left: 0;
  }

  @media only screen and (max-width: 1024px) {.v3MxF {
    width: 22px;
    height: 22px;
    margin: 1px 0 1px 1.5px
}
  }

  .v3MxF[data-large=true] {
    width: 58px;
    height: 58px;
  }

  @media only screen and (max-width: 1024px) {

  .v3MxF[data-large=true] {
      width: 32px;
      height: 32px
  }
    }

.T2amU {
  position: absolute;
  background-color: rgba(9, 26, 40, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.T2amU::after {
    content: '';
    position: absolute;
    background: var(--imageIconLock);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -6px;
    width: 12px;
    height: 18px;
  }

@media only screen and (max-width: 1024px) {

.T2amU::after {
      margin-top: -6px;
      margin-left: -4px;
      width: 7px;
      height: 12px
  }
    }

.h3Vbe {
  position: absolute;
  background: var(--imageIconLock);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  top: -1px;
  right: -3px;
  width: 12px;
  height: 18px;
}

@media only screen and (max-width: 1024px) {

.h3Vbe {
    width: 7px;
    height: 12px;
    right: -2px
}
  }

.b1jN4 {
  position: absolute;
  background-color: rgba(9, 26, 40, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.b1jN4::after {
    content: "";
    position: absolute;
    background: var(--imageIconTick);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    right: 5px;
    top: 2px;
    width: 15px;
    height: 14px;
  }

@media only screen and (max-width: 1024px) {

.b1jN4::after {
      right: 2px
  }
    }

.uvL65 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 14px;
  color: #fff;
  background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(46%, #000), to(transparent));
  background-image: linear-gradient(270deg, transparent, #000 46%, transparent);
}

@media only screen and (max-width: 1024px) {

.uvL65 {
    font-size: 8px;
    line-height: 8px
}
  }

.HYSdF {
  z-index: 10;
}

/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/ClanLogo/ClanLogo.module.css ***!
  \****************************************************************************************************************************************************************************/
.CJsSJ {
  position: relative;
  overflow: hidden;
  width: 46px;
  height: 46px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

  @media only screen and (max-width: 1024px) {.CJsSJ {
    width: 24px;
    height: 24px
}
  }

.yFle6 {
  position: absolute;
}

.ToRY0 {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.DA8XQ {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
}

.C9RBf {
  position: absolute;
  width: 46px;
  height: 46px;
}

@media only screen and (max-width: 1024px) {

.C9RBf {
    width: 24px;
    height: 24px
}
  }

/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/ClanLogo/ClanRank/ClanRank.module.css ***!
  \*************************************************************************************************************************************************************************************/
.YdJRP {
  display: block;
  position: absolute;
  width: 25%;
  height: 25%;  
}

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/RatingList/RatingItem/SpecialReward/SpecialReward.module.css ***!
  \************************************************************************************************************************************************************************************************************/
.xavq0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 66px;
  margin-right: 4px;
}

  .xavq0::before {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 100%;
    height: calc(100% - 8px);
    background: -webkit-gradient(linear, left top, right top, color-stop(-0.11%, rgba(105, 188, 225, 0)), to(rgba(105, 188, 225, 0.4)));
    background: linear-gradient(90deg, rgba(105, 188, 225, 0) -0.11%, rgba(105, 188, 225, 0.4) 100%);
  }

  @media only screen and (max-width: 1024px) {.xavq0 {
    height: 44px;
    margin-right: 2px
}
  }

.GFbEj {
  padding: 0 4px;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  color: #fff;
  width: 200px;
}

.GFbEj span {
    color: #63ddfc;
  }

@media only screen and (max-width: 1024px) {

.GFbEj {
    width: 170px;
    font-size: 10px;
    line-height: 12px
}
  }

.mKzCn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: normal;
      align-self: normal;
  padding: 0 4px 10px;
  position: relative;
}

.mKzCn::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 100%;
    height: calc(100% - 8px);
    background: -webkit-gradient(linear, left top, right top, from(#427da0), color-stop(50%, #69bce1), to(#427da0));
    background: linear-gradient(90deg, #427da0 0%, #69bce1 50%, #427da0 100%);
  }

.hEWgY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.SExVg {
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  line-height: 8px;
  font-size: 6px;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 3px #000;  
}

@media only screen and (max-width: 1024px) {

.SExVg {
    font-size: 5px  
}
  }

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/RatingList/YourRatingItem/YourRatingItem.module.css ***!
  \***************************************************************************************************************************************************************************************************/
.cGl4m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.F1sNW {
  font-size: 16px;
  color: #fff;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
  line-height: 46px;
  -ms-flex-preferred-size: 36px;
      flex-basis: 36px;
  background-color: #38616e;
}

@media only screen and (max-width: 1024px) {

.F1sNW {
    font-size: 14px;
    line-height: 24px;
    -ms-flex-preferred-size: 22px;
        flex-basis: 22px
}
  }

.vgdMv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  background-color: #38616e;
  margin: 0 2px;
  border: none;
}

@media only screen and (max-width: 1024px) {

.vgdMv {
    margin: 0 1px;
    line-height: 22px
}
  }

.GlQmr {
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  -ms-flex-item-align: center;
      align-self: center;
  padding-left: 4px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (max-width: 1024px) {

.GlQmr {
    font-size: 14px;
    line-height: 24px
}
  }

.h5lZW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 16px;
  color: #fff;
  padding-left: 81px;
  -ms-flex-preferred-size: 180px;
      flex-basis: 180px;
  background-color: #38616e;
}

@media only screen and (max-width: 1024px) {

.h5lZW {
    padding-left: 45px;
    font-size: 14px;
    -ms-flex-preferred-size: 112px;
        flex-basis: 112px
}
  }

@media only screen and (max-width: 736px) {

.h5lZW {
    padding-left: 26px;
    -ms-flex-preferred-size: 86px;
        flex-basis: 86px
}
  }

.h5lZW::before {
    content: '';
    position: absolute;
    left: 49px;
    top: calc(50% - 15px);
    background-image: var(--imageRewardTournaments);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 25px;
    height: 29px;
  }

@media only screen and (max-width: 1024px) {

.h5lZW::before {
      width: 22px;
      height: 22px;
      left: 19px;
      top: calc(50% - 11px)
  }
    }

@media only screen and (max-width: 736px) {

.h5lZW::before {
      width: 14px;
      height: 16px;
      left: 8px;
      top: calc(50% - 8px)
  }
    }

/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/Header/Header.module.css ***!
  \************************************************************************************************************************************************************************/
.dm4c7 {
  position: relative;  
}

  .dm4c7::before {
    content: '';
    display: block;
    position: relative;
    height: 34px;
    width: 100%;
    background-color: #091521;
  }

  @media only screen and (max-width: 1024px) {

  .dm4c7::before {
      height: 30px
  }
    }

.Iaqd7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4px 40px;
  height: 34px;
  border-bottom: 1px solid #b48525;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #091521;
}

@media only screen and (max-width: 1024px) {

.Iaqd7 {
    padding: 2px 50px;
    height: 30px
}
  }

@media only screen and (max-width: 736px) {

.Iaqd7 {
    padding: 2px 10px
}
  }

@media only screen and (max-width: 736px) {

.Iaqd7.wYxfF {
      padding-left: 35px
  }
    }

@media only screen and (max-width: 568px) {

.Iaqd7.wYxfF {
      padding-left: 10px
  }
    }

.DcWBO {
  font-size: 20px;
  font-weight: 500;
  color: #b48525;
}

@media only screen and (max-width: 1024px) {

.DcWBO {
    font-size: 14px
}
  }

@media only screen and (max-width: 568px) {

.DcWBO {
    font-size: 13px
}
  }

.q47Ea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 5px;
  margin-right: -5px;
  background: none;
  border: none;
}

.q47Ea svg {
    width: 16px;
    height: 16px;
  }

.q47Ea:active {
    opacity: 0.5;
  }

.jAx0g {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30%;
  right: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mQSlO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  color: #fff;
  background-repeat: no-repeat;
  padding: 0 22px 0 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d05c11), color-stop(47%, #f2873d), color-stop(49%, #e16d1f), to(#ee843b));
  background-image: linear-gradient(to bottom, #d05c11, #f2873d 47%, #e16d1f 49%, #ee843b);
  border-radius: 13px;  
}

@media only screen and (max-width: 568px) {

.mQSlO {
    font-size: 12px;
    padding: 0 15px  
}
  }

.mQSlO:active {
    opacity: 0.5;
  }

.mQSlO svg {
    margin-right: 5px;
  }

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/Notification/SuccessNotification/SuccessNotification.module.css ***!
  \***************************************************************************************************************************************************************************************************************/
.Q_k98 {
  background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, rgba(0, 15, 33, 0)), color-stop(0.15, rgb(0, 15, 33)), color-stop(0.33, rgba(0, 15, 33, 0.9)), color-stop(0.66, rgba(0, 15, 33, 0.9)), color-stop(0.77, rgba(0, 15, 33, 0.9)), color-stop(0.88, rgb(0, 15, 33)), color-stop(1, rgba(0, 15, 33, 0)));
  width: 60%;
  position: relative;  
}

  .Q_k98::before,
  .Q_k98::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(118, 219, 255, 0)), color-stop(50%, #76dbff), to(rgba(118, 219, 255, 0)));
    background-image: linear-gradient(to left, rgba(118, 219, 255, 0) 0%, #76dbff 50%, rgba(118, 219, 255, 0) 100%);
  }

  .Q_k98::before {
    top: 0;
  }

  .Q_k98::after {
    bottom: 0;
  }

.Zyh7k {
  color: #fff;
  padding: 10px 0;
  font-weight: 500;
}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/Notification/ErrorNotification/ErrorNotification.module.css ***!
  \***********************************************************************************************************************************************************************************************************/
.K3XSy {
  padding: 14px 0;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, rgba(0, 15, 33, 0)), color-stop(0.15, rgb(0, 15, 33)), color-stop(0.33, rgba(0, 15, 33, 0.9)), color-stop(0.66, rgba(0, 15, 33, 0.9)), color-stop(0.77, rgba(0, 15, 33, 0.9)), color-stop(0.88, rgb(0, 15, 33)), color-stop(1, rgba(0, 15, 33, 0)));
  text-align: center;
  color: #fff;
  width: 60%;
  position: relative;
}

  .K3XSy::before,
  .K3XSy::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(118, 219, 255, 0)), color-stop(50%, #76dbff), to(rgba(118, 219, 255, 0)));
    background-image: linear-gradient(to left, rgba(118, 219, 255, 0) 0%, #76dbff 50%, rgba(118, 219, 255, 0) 100%);
  }

  .K3XSy::before {
    top: 0;
  }

  .K3XSy::after {
    bottom: 0;
  }

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/tournamentsList/components/TournamentsList/TournametsListItem/TournametsListItem.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
.bundL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  margin: auto;
  position: relative;
  border: 1px solid #76dbff;
  padding: 0;
  background-size: cover;
  background-color: #091521;
  text-align: left;
  margin-top: 17px;
}

  .bundL:first-child {
    margin-top: 20px;
  }

  @media only screen and (max-width: 1024px) {

  .bundL:first-child {
      margin-top: 10px
  }
    }

  @media only screen and (max-width: 1024px) {.bundL {
    margin-top: 10px
}
  }

  .bundL:hover {
    cursor: pointer;
  }

  .bundL[data-state=preview] {
    border-color: #ffe958;
  }

  .bundL[data-state=closed] {
    border-color: rgba(151, 151, 151, 0.4);
  }

  .bundL:active .g17w1 {
    opacity: 0.5;
  }

.g17w1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
}

.g17w1.sWDwa {
    opacity: 0.4;
  }

.NJILn {
  position: absolute;
  top: 0;
  right: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#f59d3e), to(#fbd730));
  background: linear-gradient(0deg, #f59d3e 0%, #fbd730 100%);
  font-size: 18px;
  font-weight: 500;
  padding: 2px 20px;
  border-radius: 3px;
  color: #000;
}

.pYNPJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;  
}

.xrNUw {
  text-shadow: 0 0 10px #000;
  padding-left: 20px;
}

@media only screen and (max-width: 1024px) {

.xrNUw {
    padding-left: 13px
}
  }

@media only screen and (max-width: 568px) {

.xrNUw {
    padding-left: 12px
}
  }

.AnQvv {
  margin-bottom: 3px;
  font-size: 36px;
  line-height: 40px;
  font-weight: 500;
  text-align: left;
  color: #fff;
}

@media only screen and (max-width: 1024px) {

.AnQvv {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 5px
}
  }

@media only screen and (max-width: 568px) {

.AnQvv {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 4px
}
  }

._qX72 {
  max-width: 430px;
  width: 100%;
  font-size: 18px;
  min-height: 66px;
  text-align: left;
  color: #fff;
  padding-bottom: 16px;
}

@media only screen and (max-width: 1024px) {

._qX72 {
    font-size: 14px;
    line-height: 16px;
    max-width: 300px;
    min-height: 40px;
    padding-bottom: 8px
}
  }

@media only screen and (max-width: 568px) {

._qX72 {
    font-size: 12px;
    line-height: 14px;
    max-width: 230px;
    min-height: 36px
}
  }

.L4DkI {
  position: absolute;
  top: 50%;
  right: 330px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 24px;
  font-weight: 500;
  color: #6ff2ff;
  line-height: 40px;
  margin-top: -20px;
  padding: 0 15px;
}

@media only screen and (max-width: 1024px) {

.L4DkI {
    right: 220px
}
  }

.du_qa {
  position: absolute;
  left: 450px;
  right: 325px;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 1024px) {

.du_qa {
    left: 300px;
    right: 200px
}
  }

.VpgBU {
  position: relative;
  padding: 10px 28px 10px 46px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(53%, #000f21), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000f21 53%, rgba(0, 0, 0, 0) 100%);
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: pre-line;
}

@media only screen and (max-width: 1024px) {

.VpgBU {
    font-size: 14px
}
  }

.VpgBU::before,
  .VpgBU::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(118, 219, 255, 0)), color-stop(50%, #76dbff), to(rgba(118, 219, 255, 0)));
    background: linear-gradient(90deg, rgba(118, 219, 255, 0) 0%, #76dbff 50%, rgba(118, 219, 255, 0) 100%);
    height: 1px;
  }

.VpgBU::before {
    top: 0;
  }

.VpgBU::after {
    bottom: 0;
  }

.VpgBU svg {
    margin-right: 8px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

.d9PTd {
  position: absolute;
  top: -11px;
  right: -10px;
  width: 32px;
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/tournamentsList/components/TournamentsList/TournametsListItem/TimeStatus/TimeStatus.module.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.MBxq9 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 4px;
  padding: 5px 8px 5px 20px;
  background-color: #091521;
  border-radius: 2px;
  height: 30px;  
}

  @media only screen and (max-width: 1024px) {.MBxq9 {
    padding: 5px 8px 5px 13px;
    margin-top: 3px  
}
  }

  @media only screen and (max-width: 568px) {.MBxq9 {
    padding: 2px 8px 2px 12px;
    margin-bottom: 0  
}
  }

.J8Wq4 {
  margin-right: 4px;
  margin-bottom: 2px;  
}

@media only screen and (max-width: 1024px) {

.J8Wq4 {
    width: 13px;
    height: 13px;
    margin-bottom: 3px;
    margin-top: 3px  
}
  }

@media only screen and (max-width: 568px) {

.J8Wq4 {
    width: 11px;
    height: 11px  
}
  }

.L9Dd6 {
  margin: 0 8px 0 2px;  
}

@media only screen and (max-width: 1024px) {

.L9Dd6 {
    width: 10px;
    height: 18px  
}
  }

@media only screen and (max-width: 568px) {

.L9Dd6 {
    width: 11px;
    height: 11px  
}
  }

.oeYxJ {
  font-size: 18px;
  line-height: 18px;
  padding-bottom: 1px;
  font-weight: 300;
  color: #fff;  
}

@media only screen and (max-width: 1024px) {

.oeYxJ {
    font-size: 14px;
    line-height: 14px  
}
  }

.yiW8h {
  margin-left: 5px;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;  
}

@media only screen and (max-width: 1024px) {

.yiW8h {
    font-size: 16px;
    line-height: 18px  
}
  }
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/tournamentsList/components/TournamentsList/TournametsListItem/ConditionLabel/ConditionLabel.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.TQ4cS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #e1f444;
  margin-bottom: 5px;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.4);
  padding: 0 3px;
}

.Cs9IE {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.YS3Iu {
  margin-left: 4px;
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/tournamentsList/components/TournamentsList/TournametsListItem/UniversalEventLabel/UniversalEventLabel.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
._SY2o {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.W_Yqk {
  color: #fff;
  background: -webkit-gradient(linear, left bottom, left top, from(#9c0189), to(#fc03ae));
  background: linear-gradient(0deg, #9c0189, #fc03ae);
  text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
  font-size: 18px;
  font-weight: 500;
  padding: 2px 20px;
  border-radius: 3px;
  white-space: nowrap;
  height: 25px;
}


.adK54 {
  position: relative;
  background: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  color: #e1f444;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 25px;
}


.adK54::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 50px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 60%)));
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 60%));
  }

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/tournamentsList/components/TournamentsList/TournametsListItem/TopRewards/TopRewards.module.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.paDC7 {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  width: 320px;
}

  @media only screen and (max-width: 1024px) {.paDC7 {
    width: 210px
}
  }

  .paDC7.Ui9Ds {
    top: 30px;
  }

.sFegp {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}

@media only screen and (max-width: 1024px) {

.sFegp {
    -webkit-transform: scale(0.5);
            transform: scale(0.5)
}
  }

.iJoS3 {
  position: absolute;
}

.iJoS3.zTrrS {
    left: calc(50% - 75px);
    top: calc(50% - 75px);
    height: 150px;
    width: 150px;
  }

.iJoS3.t0DWs {
    left: calc(50% - 140px);
    top: calc(50% - 55px);
    height: 110px;
    width: 110px;
  }

.iJoS3.EmNZ6 {
    left: calc(50% + 30px);
    top: calc(50% - 55px);
    height: 110px;
    width: 110px;
  }

.iJoS3.bCA9R {
    left: calc(50% - 210px);
    top: calc(50% - 50px);
    height: 100px;
    width: 100px;
  }

.iJoS3.bWNvK {
    left: calc(50% + 110px);
    top: calc(50% - 50px);
    height: 100px;
    width: 100px;
  }
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/bracketRating/components/BracketRating/BracketRating.module.css ***!
  \*****************************************************************************************************************************************************************************************************/
.phYGx {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#53686a), color-stop(50%, #385154), to(#08262d));
  background-image: linear-gradient(to bottom, #53686a, #385154 50%, #08262d);
  position: sticky;
  top: 0;
  min-height: 100vh;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

  .phYGx ::-webkit-scrollbar {
    display: none;
  }

.EuehI {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.bsJEj {
  padding: 20px 40px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

@media only screen and (max-width: 1024px) {

.bsJEj {
    padding: 10px 50px
}
  }

@media only screen and (max-width: 736px) {

.bsJEj {
    padding: 5px 10px
}
  }

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/bracketRating/components/BracketRating/ModalGlobalRatingInfo/ModalGlobalRatingInfo.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.BpQLM {
  position: fixed;
  top: 34px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

  @media only screen and (max-width: 1024px) {.BpQLM {
    top: 30px
}
  }

.A393R {
  position: relative;
  margin: 25px auto;
  width: 650px;
  height: auto;
}

@media only screen and (max-width: 1024px) {

.A393R {
    width: 472px
}
  }

.S0ADm {
  display: block;
  margin: 0 auto 30px;
  width: 70px;  
}

.orJ6I {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#1f4158), color-stop(99%, #1f4d64));
  background-image: linear-gradient(to top, #1f4158, #1f4d64 99%);
  padding: 16px 0;  
}

.Tktj_ {
  font-size: 14px;
  color: #41fbff;
  line-height: 20px;
  padding: 0 20px;
  text-align: center;  
}

.crHut {
  display: inline-block;
  width: 14px;
  margin: -3px 5px;  
}

.LwxHa {
  font-weight: 500;
}

.fVaE5 {
  font-weight: 300;
  text-align: center;  
}

.fVaE5 h2 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 0 30px;
    margin-bottom: 5px;
  }

.fVaE5 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 10px;
  }

.fVaE5 p {
    opacity: 0.6;
    font-size: 13px;
    color: #fff;
    padding: 0 18px;
    margin-bottom: 15px;
    line-height: 16px;
  }

.fVaE5 > :last-child {
    margin-bottom: 0;
  }

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/bracketRating/components/BracketRating/MainContent/MainContent.module.css ***!
  \***************************************************************************************************************************************************************************************************************/
.zihLn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 75%;
  margin-right: 12px;
  position: relative;
}

  @media only screen and (max-width: 1024px) {.zihLn {
    width: 78%;
    margin-right: 8px
}
  }

  @media only screen and (max-width: 568px) {.zihLn {
    margin-bottom: 3px;
    margin-right: 6px
}
  }

.p7Vnp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(49%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 49%, rgba(0, 0, 0, 0));
  overflow: hidden;
  padding-bottom: 3px;
  margin-bottom: 15px;  
}

@media only screen and (max-width: 1024px) {

.p7Vnp {
    margin-bottom: 5px  
}
  }

.EQL3M {
  width: 132px;
  height: 132px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 15px;
  margin-top: 5px;
  -ms-flex-item-align: start;
      align-self: start;
}

@media only screen and (max-width: 1024px) {

.EQL3M {
    width: 80px;
    height: 57px
}
  }

@media only screen and (max-width: 568px) {

.EQL3M {
    width: 55px;
    height: 55px;
    margin-right: 6px
}
  }

.U8O3K {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.hn9XF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3px;  
}

.kawPw {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.yKKpd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  color: #41fbff;
  margin: 10px 0 15px;  
}

@media only screen and (max-width: 1024px) {

.yKKpd {
    font-size: 14px;
    line-height: 14px;
    margin: 5px 0  
}
  }

.TP5ko {
  margin: 0 10px;
  width: 22px;
  height: 22px;
}

@media only screen and (max-width: 1024px) {

.TP5ko {
    width: 13px;
    height: 13px;
    margin: -1px 5px 0
}
  }

@media only screen and (max-width: 1024px) {

.TP5ko svg {
      width: 13px;
      height: 13px
  }
    }

.xWfi8 {
  font-size: 18px;
  color: #fff;
  padding-right: 10px;
}

@media only screen and (max-width: 1024px) {

.xWfi8 {
    font-size: 12px;
    line-height: 16px
}
  }

@media only screen and (max-width: 568px) {

.xWfi8 {
    max-width: 250px
}
  }

.tmiWw {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 24px;
  font-weight: 500;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  line-height: 50px;
  padding: 0 50px;
  color: #fff;
  background: #1b353d;
  border: 1px solid #63ddfc;
  cursor: pointer;
  margin-top: 3px;
  margin-left: 5px;
}

@media only screen and (max-width: 1024px) {

.tmiWw {
    font-size: 14px;
    line-height: 30px;
    padding: 0 25px
}
  }

@media only screen and (max-width: 568px) {

.tmiWw {
    line-height: 23px;
    padding: 0 10px
}
  }

.tmiWw:active {
    background: #131e27;
  }

.FVCQZ {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;  
}

/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/WarningLabel/WarningLabel.module.css ***!
  \************************************************************************************************************************************************************************************/
.vMOuo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 3px 5px;
  margin: 3px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.fRMAN {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 1px 6px 1px;
  width: 12px;
  height: 11px;
}

.stMYX {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 1px 6px 1px;
  width: 12px;
  height: 11px;
}

.pmRW_ {
  color: #e1f444;
  font-size: 12px;
  line-height: 14px;
}

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/bracketRating/components/BracketRating/Aside/Aside.module.css ***!
  \***************************************************************************************************************************************************************************************************/
.ar4Ge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 25%;
  max-width: 312px;
  background-color: rgba(1, 17, 34, 0.6);
}

  @media only screen and (max-width: 1024px) {.ar4Ge {
    width: 22%;
    min-width: 172px
}
  }

  @media only screen and (max-width: 568px) {.ar4Ge {
    min-width: 137px
}
  }

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/bracketRating/components/BracketRating/Aside/ProgressRewards/ProgressRewards.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.rmTiF {
  margin: 9px 9px 3px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding: 1px;
}

  @media only screen and (max-width: 1024px) {.rmTiF {
    margin: 5px 5px 2px
}
  }

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/bracketRating/components/BracketRating/Aside/ProgressRewards/ProgressReward/ProgressReward.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.LpPYf {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 65px;
  width: 100%;
  font-size: 22px;
  color: #fff;
  background-color: rgba(1, 17, 34, 0.6);
  margin-bottom: 4px;
  border: none;
  padding-left: 36px;
  overflow: hidden;
}

  @media only screen and (max-width: 1024px) {.LpPYf {
    height: 36px;
    font-size: 14px;
    margin-bottom: 2px;
    padding-left: 12px
}
  }

  @media only screen and (max-width: 568px) {.LpPYf {
    font-size: 12px;
    padding-left: 10px
}
  }

  .LpPYf:active::after {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .LpPYf.mUsw0 {
    background-color: #1e3f5e;
    outline: 1px solid #ffd228;
    color: #ffe753;
    cursor: pointer;
  }

  .LpPYf.wa5nb {
    outline: solid 1px #28c9ff;
    background-color: #1e3f5e;
    color: #53eaff;
  }

  .LpPYf.HXXhE {
    color: #63d5fc;
  }

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/bracketRating/components/BracketRating/Aside/ProgressRewards/ProgressReward/TakeRewardNotification/TakeRewardNotification.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.G2fpZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.QmE8z {
  width: 62px;
  height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #000f21;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media only screen and (max-width: 1024px) {

.QmE8z {
    width: 36px;
    height: 36px
}
  }

.QmE8z img {
    -ms-flex-item-align: center;
        align-self: center;
  }

.QmE8z.jAITe::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--colorBrown);
  }

.hwvFW {
  margin: 0 0 0 5px;
}

.M3s9j {
  margin-left: 5px;
}

.Dyh_B {
  display: inline-block;
  margin-left: 6px;
}

.Dyh_B span {
    font-weight: 500;
    text-align: center;
    line-height: 14px;
    margin: 0;
  }

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/bracketRating/components/BracketRating/Aside/ProgressRewards/ProgressReward/ProgressRewardContent/ProgressRewardContent.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.u0nn9 {
  width: 25px;
  margin: 0 6px 0 -7px;
}

  @media only screen and (max-width: 1024px) {.u0nn9 {
    width: 22px;
    margin: 0 2px 0 -4px
}
  }

  @media only screen and (max-width: 568px) {.u0nn9 {
    width: 14px;
    margin: 0 3px 0 -4px
}
  }

.HRZEl {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  font-size: 18px;
  letter-spacing: -0.5px;
}

@media only screen and (max-width: 1024px) {

.HRZEl {
    font-size: 14px
}
  }

.dNsN9 {
  position: relative;
  width: 62px;
  height: 62px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 3px;
  background: #011122;
}

@media only screen and (max-width: 1024px) {

.dNsN9 {
    width: 36px;
    height: 36px
}
  }

.KTjd_ {
  position: absolute;
  right: 5px;
  top: 2px;
  width: 15px;
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/bracketRating/components/BracketRating/Aside/TournamentButton/TournamentButton.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.wHXf0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  position: relative;
  width: calc(100% - 14px);
  font-size: 24px;
  font-weight: 500;
  background: transparent;
  border: none;
  margin: 7px;
  color: #fff;
  cursor: pointer;
  letter-spacing: -0.5px;
}

  .wHXf0:active {
    opacity: 0.5;
  }

  .wHXf0[disabled] {
    opacity: 0.3;
  }

  @media only screen and (max-width: 1024px) {.wHXf0 {
    font-size: 16px;
    font-weight: 700;
    width: calc(100% - 10px);
    margin: 0 5px 2px
}
  }

  @media only screen and (max-width: 568px) {.wHXf0 {
    width: calc(100% - 8px);
    margin: 0 4px;
    height: 36px
}
  }

.xD7E2 {
  width: 100%;
}

.A84De {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/bracketRating/components/BracketRating/ModalInfo/ModalInfo.module.css ***!
  \***********************************************************************************************************************************************************************************************************/
.t9oNC {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: auto;
}

.wJ1JS {
  margin: 25px auto;
  width: 1000px;
  height: auto;
}

@media only screen and (max-width: 1024px) {

.wJ1JS {
    width: 650px
}
  }

@media only screen and (max-width: 736px) {

.wJ1JS {
    width: 592px
}
  }

@media only screen and (max-width: 568px) {

.wJ1JS {
    width: 472px
}
  }

.d3yhB {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#1f4158), color-stop(99%, #1f4d64));
  background-image: linear-gradient(to top, #1f4158, #1f4d64 99%);
}

.y9NHK {
  position: relative;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(97, 233, 250, 0)), color-stop(51%, rgba(0, 176, 255, 0.5)), to(rgba(103, 210, 255, 0)));
  background-image: linear-gradient(to left, rgba(97, 233, 250, 0), rgba(0, 176, 255, 0.5) 51%, rgba(103, 210, 255, 0));
  padding: 9px 0;
}

.y9NHK::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(97, 244, 250, 0)), color-stop(51%, #76dbff), to(rgba(103, 255, 254, 0)));
    background-image: linear-gradient(to left, rgba(97, 244, 250, 0), #76dbff 51%, rgba(103, 255, 254, 0));
    bottom: 0;
  }

.xHnIv {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #fff;
}

.z_xsn {
  position: absolute;
  border: none;
  background: transparent;
  right: 17px;
  top: 12px;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {

.z_xsn {
    top: 11px
}
  }

.z_xsn svg {
    width: 18px;
    height: 16px;
  }

.z_xsn:hover,
  .z_xsn:active {
    opacity: 0.5;
  }

.J9uuP {
  overflow: auto;
  height: 70vh;
}

.aQjHn h1,
  .aQjHn h2,
  .aQjHn h3,
  .aQjHn h4,
  .aQjHn h5,
  .aQjHn h6 {
    font-weight: 500;
    color: #fff;
    padding: 0 30px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

@media only screen and (max-width: 568px) {

.aQjHn h1,
  .aQjHn h2,
  .aQjHn h3,
  .aQjHn h4,
  .aQjHn h5,
  .aQjHn h6 {
      padding: 0 15px
  }
    }

.aQjHn h1 {
    font-size: 18px;
  }

.aQjHn h2 {
    font-size: 16px;
  }

.aQjHn h3 {
    font-size: 14px;
  }

.aQjHn h4,
  .aQjHn h5,
  .aQjHn h6 {
    font-size: 12px;
  }

.aQjHn img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 7px 0;
  }

.aQjHn p {
    opacity: 0.6;
    font-size: 13px;
    color: #fff;
    padding: 7px 30px;
    margin: 0;
  }

@media only screen and (max-width: 568px) {

.aQjHn p {
      padding: 7px 15px
  }
    }

.aQjHn table {
    margin: 15px auto;
    color: #fff;
    text-align: center;
    border: none;
    border-collapse: separate;
    border-spacing: 2px;
  }

@media only screen and (max-width: 568px) {

.aQjHn table {
      width: 95% !important;
      border-spacing: 1px
  }
    }

.aQjHn tbody tr:nth-child(odd) {
      background-color: rgba(16, 38, 62, 0.3);
    }

.aQjHn tbody tr:nth-child(even) {
      background-color: rgba(16, 38, 62, 0.5);
    }

.aQjHn td {
    border: none;
    text-align: left;
    opacity: 0.6;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    padding: 0 8px;
    width: 1%;
  }

.aQjHn th {
    border: none;
    text-align: left;
    opacity: 0.6;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    padding-left: 8px;
  }

.aQjHn thead {
    background-color: rgba(16, 38, 62, 0.5);
  }

.aQjHn thead tr:nth-child(2) th {
        line-height: 16px;
      }

.aQjHn ul,
  .aQjHn ol {
    padding: 7px 30px;
    margin: 0;
  }

@media only screen and (max-width: 568px) {

.aQjHn ul,
  .aQjHn ol {
      padding: 7px 15px
  }
    }

.aQjHn li {
    opacity: 0.6;
    font-size: 13px;
    color: #fff;
    margin: 0;
  }

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/bracketRating/components/BracketRating/ModalInfo/rules/Rules.module.css ***!
  \*************************************************************************************************************************************************************************************************************/
.ACizU {
  width: 80%;
  white-space: normal;
}

  .ACizU.LlnYp {
    white-space: nowrap;
  }

.ZgQ_p {
  text-align: center !important;
}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/bracketRating/components/BracketRating/ModalName/ModalName.module.css ***!
  \***********************************************************************************************************************************************************************************************************/
.cLm5A {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: auto;
}

.f5OB8 {
  margin: 25px auto;
  width: 521px;
  height: 205px;
}

@media only screen and (max-width: 568px) {

.f5OB8 {
    width: 472px
}
  }

.pUXFf {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#1f4158), color-stop(99%, #1f4d64));
  background-image: linear-gradient(to top, #1f4158, #1f4d64 99%);
}

.PmE29 {
  position: relative;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(97, 233, 250, 0)), color-stop(51%, rgba(0, 176, 255, 0.5)), to(rgba(103, 210, 255, 0)));
  background-image: linear-gradient(to left, rgba(97, 233, 250, 0), rgba(0, 176, 255, 0.5) 51%, rgba(103, 210, 255, 0));
  padding: 9px 0;
}

.PmE29::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(97, 244, 250, 0)), color-stop(51%, #76dbff), to(rgba(103, 255, 254, 0)));
    background-image: linear-gradient(to left, rgba(97, 244, 250, 0), #76dbff 51%, rgba(103, 255, 254, 0));
    bottom: 0;
  }

.Lu0DI {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #fff;
}

.nGOPO {
  position: absolute;
  border: none;
  background: transparent;
  right: 17px;
  top: 10px;
  cursor: pointer;  
}

@media only screen and (max-width: 1024px) {

.nGOPO {
    top: 12px  
}

    .nGOPO svg {
      width: 16px;
      height: 16px;
    }
  }

.nGOPO:active {
    opacity: 0.5;
  }

.zKtW1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 35px 60px 25px;
}

.JcdAu {
  font-size: 16px;
  line-height: 36px;
  color: #000;
  border: 1px solid #9da5aa;
  background-color: #9da5aa;
  padding-left: 16px;
}

.mwn3Z {
  margin-top: 5px;
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.Tz2C2 {
  text-align: center;
  width: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  position: relative;
  background: none;
  border: none;
  margin: 20px auto 0 auto;
}

.Tz2C2:hover,
  .Tz2C2:active,
  .Tz2C2:disabled {
    opacity: 0.5;
  }

.Tz2C2 img {
    width: 100%;
  }

.Tz2C2 span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/globalRating/components/GlobalRating/GlobalRating.module.css ***!
  \**************************************************************************************************************************************************************************************************/
.GlBnF {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#53686a), color-stop(50%, #385154), to(#08262d));
  background-image: linear-gradient(to bottom, #53686a, #385154 50%, #08262d);
  position: sticky;
  min-height: 100vh;
  top: 0;
}

  .GlBnF ::-webkit-scrollbar {
    display: none;
  }

.II7Xp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ZpjRN {
  background-image: -webkit-gradient(linear, right top, left top, from(#091521), color-stop(48%, #001735), to(#091521));
  background-image: linear-gradient(to left, #091521, #001735 48%, #091521);
}

.bF1uj {
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  color: #76dbff;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(9, 21, 33, 0)), color-stop(50%, rgba(36, 81, 255, 0.31)), to(rgba(9, 21, 33, 0)));
  background-image: linear-gradient(to left, rgba(9, 21, 33, 0), rgba(36, 81, 255, 0.31) 50%, rgba(9, 21, 33, 0));
}

/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/globalRating/components/GlobalRating/TournamentInfo/TournamentInfo.module.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.E1VFR {
  background-color: #000;
  background-size: cover;
  background-position: center;
  padding-bottom: 195px;
}

  @media only screen and (max-width: 1024px) {.E1VFR {
    padding-bottom: 50px
}
  }

  @media only screen and (max-width: 568px) {.E1VFR {
    padding-bottom: 50px
}
  }

.u4f5t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.NPvt_ {
  display: inline-table;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  text-align: right;
  padding-left: 10px;
  padding-right: 40px;
  background-image: -webkit-gradient(linear, right top, left top, from(#000), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, #000, rgba(0, 0, 0, 0));  
}

@media only screen and (max-width: 1024px) {

.NPvt_ {
    padding-right: 50px  
}
  }

@media only screen and (max-width: 568px) {

.NPvt_ {
    font-size: 14px;
    margin-top: 10px;
    padding-right: 10px  
}
  }

.NPvt_ span {
    padding: 0 5px;
  }

.O7IeH {
  font-size: 16px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 3px 6px;
  margin: 20px 0 0 40px;
  min-width: 200px;
}

@media only screen and (max-width: 1024px) {

.O7IeH {
    margin-top: 8px;
    margin-left: 50px
}
  }

@media only screen and (max-width: 736px) {

.O7IeH {
    margin-left: 35px
}
  }

@media only screen and (max-width: 568px) {

.O7IeH {
    font-size: 14px;
    margin-left: 10px;
    margin-top: 10px
}
  }

.ogGSs {
  font-size: 20px;
  font-weight: 500;
  color: #6ff2ff;
}

.ogGSs svg {
    width: 13px;
    height: 13px;
    margin-right: 5px;
  }

.JOMJo {
  width: 70%;
  background-image: -webkit-gradient(linear, left top, right top, from(#000), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0));
  margin-top: 115px;
}

@media only screen and (max-width: 1024px) {

.JOMJo {
    margin-top: 10px
}
  }

@media only screen and (max-width: 568px) {

.JOMJo {
    width: 85%;
    margin-top: 10px
}
  }

.pcTqQ {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
  padding: 30px 0 10px 40px;
}

@media only screen and (max-width: 1024px) {

.pcTqQ {
    padding: 5px 0 5px 50px
}
  }

@media only screen and (max-width: 736px) {

.pcTqQ {
    padding-left: 35px
}
  }

@media only screen and (max-width: 568px) {

.pcTqQ {
    padding: 0 0 0 15px
}
  }

.t6Q2l {
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  padding: 0 215px 65px 40px;
}

@media only screen and (max-width: 1024px) {

.t6Q2l {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    padding: 0 50px 30px 50px
}
  }

@media only screen and (max-width: 736px) {

.t6Q2l {
    padding-left: 35px
}
  }

@media only screen and (max-width: 568px) {

.t6Q2l {
    padding: 0 30px 30px 15px
}
  }

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/globalRating/components/GlobalRating/RatingsList/RatingsList.module.css ***!
  \*************************************************************************************************************************************************************************************************************/
.RVBHo {
  padding: 25px 10% 65px;
}

  @media only screen and (max-width: 1024px) {.RVBHo {
    padding: 20px 50px 40px
}
  }

/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/app/components/ErrorBoundary/ErrorBoundary.module.css ***!
  \***********************************************************************************************************************************************************************************/
.K2bYg {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 70vh;
  overflow: auto;
  white-pace: pre-wrap;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
}

/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/app/components/ErrorBoundary/StaticErrorPage/StaticErrorPage.module.css ***!
  \*****************************************************************************************************************************************************************************************************/
.kYAYa {
  position: relative;
}

.v5D0g {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  height: calc(100vh - 30px);
}

.l0ZZl {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 420px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 15px 25px;
  margin-right: 40px;
}

@media only screen and (max-width: 1024px) {

.l0ZZl {
    max-width: 295px;
    padding: 15px 20px 15px 15px;
    margin-right: 35px
}
  }

.RBsPS {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

@media only screen and (max-width: 1024px) {

.RBsPS {
    font-size: 24px;
    line-height: 24px
}
  }

.dz_Vp {
  margin-bottom: 25px;
}

@media only screen and (max-width: 1024px) {

.dz_Vp {
    margin-bottom: 10px
}
  }

.rzS6p {
  color: #94f5ff;
  font-size: 18px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
  margin-right: 50px;
}

@media only screen and (max-width: 1024px) {

.rzS6p {
    font-size: 16px;
    margin-right: 25px
}
  }

/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/app/components/BuildInfo/BuildInfo.module.css ***!
  \***************************************************************************************************************************************************************************/
.Nv28K {
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  text-align: center;
  color: white;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.5);
}

.JR8Es {
  color: #bada55;
  margin-left: 5px;
}

.vj7gf {
  color: #55ceda;
  margin-left: 5px;
}

/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/app/components/UnityErrorModal/UnityErrorModal.module.css ***!
  \***************************************************************************************************************************************************************************************/
.KuOe3 {
  width: 660px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#1f4158), color-stop(99%, #1f4d64));
  background-image: linear-gradient(to top, #1f4158, #1f4d64 99%);
}

  @media (max-width: 1024px) {.KuOe3 {
    width: 520px
}
  }

.EO69B {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(97, 233, 250, 0)), color-stop(51%, rgba(0, 176, 255, 0.5)), to(rgba(103, 210, 255, 0)));
  background-image: linear-gradient(to left, rgba(97, 233, 250, 0), rgba(0, 176, 255, 0.5) 51%, rgba(103, 210, 255, 0));
  padding: 10px 0 12px;
}

@media (max-width: 1024px) {

.EO69B {
    padding: 5px 0 7px
}
  }

.EO69B::before,
  .EO69B::after {
    content: '';
    position: absolute;
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(97, 244, 250, 0)), color-stop(51%, #76dbff), to(rgba(103, 255, 254, 0)));
    background-image: linear-gradient(to left, rgba(97, 244, 250, 0), #76dbff 51%, rgba(103, 255, 254, 0));
    height: 1px;
    width: 100%;
  }

.EO69B::before {
    top: 0;
  }

.EO69B::after {
    bottom: 0;
  }

.ZSpCl {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #fff;  
}

.RdFiZ {
  padding: 40px 0 30px;
  max-width: 540px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1024px) {

.RdFiZ {
    padding: 25px 0 15px;
    max-width: 430px
}
  }

@media (max-width: 568px) {

.RdFiZ {
    padding: 25px 0 10px
}
  }

.kHd19 {
  font-size: 16px;
  text-align: center;
  color: #fff;
  padding-bottom: 30px;
  margin-bottom: 30px;  
}

@media (max-width: 1024px) {

.kHd19 {
    padding-bottom: 15px;
    margin-bottom: 15px  
}
  }

@media (max-width: 568px) {

.kHd19 {
    padding-bottom: 0;
    font-size: 14px  
}
  }

.JucBt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.HaCVJ {
  text-align: center;
  max-width: 220px;
  width: 100%;
  padding: 15px 5px;
  margin: 0 15px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTYzcHgiIGhlaWdodD0iNDJweCIgdmlld0JveD0iMCAwIDE2MyA0MiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuMiAoNjcxNDUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkJ1dHRvbiBDb3B5IDI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkY4NzMzIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNDQzU4MEQiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0yIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0U4QjI0NyIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjODM0ODA4IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxyZWN0IGlkPSJwYXRoLTMiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNTkiIGhlaWdodD0iMzgiPjwvcmVjdD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJXZWxjb21lIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iaVBob25lLTgtTm8tQkciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODYuMDAwMDAwLCAtMjIyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iQnV0dG9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODguMDAwMDAwLCAyMjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI3BhdGgtMyI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHJlY3Qgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHg9Ii0xIiB5PSItMSIgd2lkdGg9IjE2MSIgaGVpZ2h0PSI0MCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxyZWN0IHN0cm9rZT0iI0M1NkEwOCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InNxdWFyZSIgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxNTYiIGhlaWdodD0iMzUiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBzdHJva2U9InVybCgjbGluZWFyR3JhZGllbnQtMikiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJzcXVhcmUiIHg9IjEiIHk9IjEiIHdpZHRoPSIxNTciIGhlaWdodD0iMzYiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGwtb3BhY2l0eT0iMC4xIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjIuMjcxNDI4NTciIHk9IjIuMzc1IiB3aWR0aD0iMTU0LjQ1NzE0MyIgaGVpZ2h0PSIxNy40MTY2NjY3Ij48L3JlY3Q+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: none;
}

.HaCVJ:hover,
  .HaCVJ:active {
    opacity: 0.5;
  }

.HaCVJ:first-child {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTYzcHgiIGhlaWdodD0iNDJweCIgdmlld0JveD0iMCAwIDE2MyA0MiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuMiAoNjcxNDUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkJ1dHRvbiBDb3B5IDM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iOTYuNjc2MzAwNiUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzM4OURDQiIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMTg3Q0I4IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtMiI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNFOEIyNDciIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0E5ODg2NCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8cmVjdCBpZD0icGF0aC0zIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTU5IiBoZWlnaHQ9IjM4Ij48L3JlY3Q+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iV2VsY29tZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImlQaG9uZS04LU5vLUJHIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA1LjAwMDAwMCwgLTIyMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkJ1dHRvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA3LjAwMDAwMCwgMjI0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTMiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IHN0cm9rZS1vcGFjaXR5PSIwLjUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiB4PSItMSIgeT0iLTEiIHdpZHRoPSIxNjEiIGhlaWdodD0iNDAiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBzdHJva2U9IiMwODlFQzUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVqb2luPSJzcXVhcmUiIHg9IjEuNSIgeT0iMS41IiB3aWR0aD0iMTU2IiBoZWlnaHQ9IjM1Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPHJlY3Qgc3Ryb2tlPSJ1cmwoI2xpbmVhckdyYWRpZW50LTIpIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiB4PSIxIiB5PSIxIiB3aWR0aD0iMTU3IiBoZWlnaHQ9IjM2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsLW9wYWNpdHk9IjAuMSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIyLjI3MTQyODU3IiB5PSIyLjM3NSIgd2lkdGg9IjE1NC40NTcxNDMiIGhlaWdodD0iMTcuNDE2NjY2NyI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  }

@media (max-width: 1024px) {

.HaCVJ {
    max-width: 170px;
    padding: 10px 5px;
    margin: 0 12px
}
  }

.HaCVJ[disabled] {
    opacity: 0.5;
  }

.GM63u {
  max-width: 390px;
  width: 100%;
  margin: 15px auto 0;
  font-size: 12px;
  color: #fff;
  opacity: 0.25;
  text-align: center;
  line-height: 14px;
}

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@plarium/raid-web-tools/dist/index.css ***!
  \*******************************************************************************************************/
.rwt__star-icon-module__image{display:block;max-height:100%}.rwt__avatar-frame-background-module__container{display:block;position:absolute;top:8%;left:8%;width:84%;height:84%}.rwt__hero-border-module__container{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;background-position:center}.rwt__hero-element-module__container{position:absolute;left:6%;bottom:6%;width:22%}.rwt__hero-parts-module__container{position:absolute;right:-4%;bottom:-2%;width:50%}.rwt__hero-skin-module__skin{position:absolute;left:2%;bottom:2%;width:50%;height:50%}.rwt__hero-skin-module__skin.rwt__hero-skin-module__isPortraitView{height:40%}.rwt__hero-skin-module__skinImage{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.rwt__hero-skin-module__skinBorder{position:absolute;left:0;top:0;width:100%;height:100%}.rwt__hero-skin-module__skinParts{position:absolute;right:0;bottom:2px;z-index:1;width:40%;-webkit-transform:rotate(20deg);transform:rotate(20deg)}:root{--hero-soul-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAAC1CAYAAACqG5azAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAArxSURBVHgB7d3rb1PnHQfw73OcuAlJSMKEBCPdHIg2hlaJCqkMxoBya277J/Zmf9S6F9NebXu3+hYuLTAGAwkVqRWiVQC3DQMJDXIlwYn97HeOY+ykgdiJ/fO5fD/SKbaT1LHPl+ec8zzfugZUn50DuxCLj3i3C/kMZqdegGoWA9Uo0YHe/jNA2x8A+0dYnJbbe9DRZ/G67wkwvQLalAFtxqBv6DCw8nu5/YkE7ag8tPoX1Rbkq7flxoSE7zNMT95zHwS9FQP3Ln2JBKwzDGtH5J06J4/seMt3vpKYXYYxGZhiFtO5HGhDDNxG+vf3omgvwNhReYvcUW1vTT9n8FQGuAlYk4ZjLuLloxnQGgzcGofi6F04AbijmhmTwB3CVlhzX342BchoN9N1A7ifB3kYuLKu/R+gDW7IRmR0Oy6HxzZsh7UrMsrdlPBlsIIUFh59BWLg0LlvAPH4sLwVsuGCJKUHDWXm5B8X5d+bRT6fxeKTKURYhAO3uxt9XWdlBBqXd0EOoRhAMxlMyXNkZQRNYnrhCvB8HhEUxcC1oXvwOGK2PKp9CF1feqNdwWQx//im3I/U/F20AteTOChT3SMy0ozLyHZCXn0crWCRl5Huhjx/EgVkMJd7gIiIRuC6EnvQ7h023VHtvDyyC/4gy2L2kuyFLJZlW8g9Q8iFPHB7d6C/82O56pT5NLhbAv6Uk82du0vj5eIXwNNXCKmwBs7BzqGP4BRHvFUC2CPyUh34mi3K73jXW60oOhnMTt6RB4sImfAFbueBoVLQZE7N4pS8wg4EicWS/M7XZEuVgvdwEiESnsB5taH2UdlhshQly1GwuxFo5rlcWEzIHppAYTkdlhpUCALn1obMSQnZsOwgt9ExhHCZlNf2mbw2WSaz1+V0bwkBFuTAGfQOfQizMo4f1YbCpqoGZduSmJn8EgGtQQUzcJXa0Ki8grN4e20obNwa1BW5sEgHtQYVrMBttTYUNgGuQQUkcA2qDYVNAGtQ/g9cqTYkC+yy9tmI2lDYVGpQWVmVTfq9BuXfwDW9NhQ2wahB+TBwyrWhsPF5DcpPgWtH9+CxFtaGwqa6BnVL7i/DB/wROK82JFee7gVBK2tDYfOmBiUXFgW5ovVBDaq1gfNvbShsfFODalHgAlMbCpscWlyD0g6cg56ho4gVh4NTGwqbqhpUwclibtJdMlOrQekFrlIbGpftZOBqQ2FTqkFd92ruijWo5geuZ99P0BYfCU9tKGyqalAr+QzmnvwPTdTEwL2pDY3IC3IbHWGrDYWNW4NKyr7KNLMG1YzARag2FDbNr0E1NnDRrQ2FTdNqUI0JHGtD4dSEGtQ2A8faUCQ0sAa19cC5taG4O8XB2lAklGtQRtZm81uvQdUfuLW1IXeaoxsUIcZtn0xstQZVR+C82tC50qGTtaHIq9SgUpheuFxrDaqWwFXXhtyPiz8Moop7Mtplaq1BvTtwrA1RLeqoQW0cONaGaGs2rUGtC1y5NlQcWz18JkBUv5x3mHWc1PoaVDlwrA1Rg21cgzKsDVFTratBGfQN/pW1IWq+Ug3KoHeQ/28oUsPzNFLFwJEqBo5UMXCkioEjVQwcqWLgSBUDR6oYOFLFwJEqBo5UMXCkioEjVQwcqWLgSBUDR6oYOFLFwJEqBo5UMXCkioEjVQwcqWLgSBUDR6oYOFLFwJEqBo5UMXCkioEjVQwcqWLgSBUDR6oYOFLFwJEqBo5UMXCkioEjVQwcqWLgSBUDR6oYOFLFwJEqBo5UMXCkioEjVQwcqWLgSBUDR6oYOFLFwJEqBo5UMXCkioEjVQwcqWLgSBUDR6oYOFLFwJEqBo5UMXCkioEjVQwcqWLgSBUDR6oYOFLFwJEqBo5UMXCkioEjVQwcqWLgSBUDR6oYOFLFwJEqBo5UMXCkioEjVQwcqWLgSBUDR6oYOFLFwJEqBo5UMXCkioEjVQwcqWLgSBUDR6pi6Oj7FWB+Krc7QdQ8LwD7zxjifV/LOPdfCV0MFu/DSAiJGsUiL5n6HMb+GUV8alYfjqHnwFE4hXEJ3rDcPyybAdHWWdnuyR9ZFGNJzD28LfcL60K1uxt9XWdhnWFJ5Jg34hHVy+AHWJOCKWYxvXAFeD5f+dJGuhJ70GbG5MsjktBz8kgviDY3I5m5LJnJYMWmsJB7tv4b3n3Y7Nr/AdqsjHYYRdGegDFtIFrP2hU45oYcEdNYMVksPPrqbd9ay3laO/oSv5UhclRuy4iHX4Oo4mvZMnIKlsZ07t9ye/ld31zLFWkRS9M57Nh1B7b4vdyfl5Fuj/zZA4oug6cytP1Dtj/Bcf6C6cffwM3Kpj9Wr84D7yPuXlDYEQneGXnCblCEmHnZ9zLNYTLIy4XB4sMf6vppbI1B39BhuQoZllFvXI7dR715PAoxW5C9fhvGScoshlx9Tt5DaeqjLtucazsUR+/iaTm/k7k7d8TDQVD4WDyQqLjnaVnMdF4F7uexRY2Z3N05sAvmvfMy4o2thm83KATMcy9k1knBvr6E2akX2KbGrib0Dh2AKcgUinEnjk/LIztAQfRKBo6rcNywxdKYmXyIBmnG8pWDnfuPwPFGO5lKsUfkadhKCQQrV5nmrjfFUZRRbfbRXdRw5VmPJq6X7t2B/s6PUXAnjuX8DuYAyMfsQxkgMojJxO3LxS+Ap6/QBM1foO/esxvtnZ/ISoVbDDgvj+wC+YlbG7okKwVJLC9OYP7ZczSRXiOkJ3FQppllGkXWZy1OyzPHQa1Tqg1dlaNPBgVkMZd7AAXaFaQYeoY+KtWgvGUy1qD0rdaGZDnKqw1N3pHbBShp0c5eU4MalbfgZ6DmM/hejjDpjWpDer9CK7k1qHY3cLFR1qCaqlQbMoU0liVwG9SGtPjjcFauQcEb7ViDahS3NmRwQ3bzprUhLX46f2pHd+K4XJaPgTWoRijVhgo2hfncTWxSG9LipwX3IvLT31VqUGZO/jrsBWtQ9fFqQ/i7vJ2ferWh2dpqQ1r8e4XYuW8A8ffGWYOqVXVt6HUSi0+m4EN+n5KoqkF5HbzfsAa1nlsbMv+RLbWd2pCWgMyBeTWoU96kMWtQFZXaUAYznde2UxvSEqxJ10oNanQ1fBGtQXm1oYyMaOlG1Ya0BHOWv/cX+2GWxyJYg6qqDbWnMPPtIwRMkJeVyjUod7QbC3cN6k1tKIWijGpNqA1pCcE65kAn+uNnSjUouB9TMYRwmZRztWypNpT/HJhaRICFZ+G8UoNyPzHgAoJfg3JrQxfhyNWnQm1IS/iaGmtrUKfkFb6HILF4Lb/zNe3akJawVoPKNSh3mcz9xIAg1KDKtaE0irGUdm1IS8i7aFU1KHf+Dvg5/Om70nxa62pDWqJRfvRqUJBDrDPmsxrUam2oKOdpstDewtqQlmi1bSs1KPf87nctq0GVakP/8kY1n9SGtESx3t2O7sFjcpZXrrlr16BWa0NIYv7xLfikNqQligvh62tQsyo1qFJt6G9VtaFvEdDJ2+3gf8Di1aA6xiR8o82pQZVrQ7JCkF9K+bU2pIWBK6muQclSmT22/RqUVxu6JVs6CLUhLQzcGm4NaumkxGJ0WzWoN7UhmVOb6bgehNqQFgZuI5Ua1Mjq56PUWIPyakPuiJYJWm1ICwP3Lr2/HITJj9dQg6qqDcWTmPnmMWhDDNzmyjUod7QbX1uDelMbSqIoo1qAa0NaGLiaJTrQ75ytqkGhUhsqynJUbgm0KQauXuUalCtEtSEt/wc77kyZd3Q7uAAAAABJRU5ErkJggg==)}.rwt__hero-soul-module__heroSoulImg{position:relative;display:block;width:100%;height:100%;max-height:100%;color:#fff;word-break:break-word;-o-object-fit:cover;object-fit:cover;mask-image:var(--hero-soul-mask-image);-webkit-mask-image:var(--hero-soul-mask-image);mask-size:auto 100%;-webkit-mask-size:auto 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.rwt__hero-soul-module__heroSoulBorder{position:absolute;inset:-3%;background-size:contain;background-repeat:no-repeat;background-position:center}.rwt__hero-soul-module__heroSoulStars{position:absolute;top:5%;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:20%}.rwt__hero-soul-module__heroSoulStar{height:100%;margin:0 -5%}.rwt__hero-soul-module__heroSoulStar.rwt__hero-soul-module__small{height:90%;margin-top:1%}.rwt__main-image-module__container{position:relative;margin:0 auto;display:block;width:100%;height:100%;color:#fff;word-break:break-word;font-size:10px;line-height:1;-o-object-fit:cover;object-fit:cover}.rwt__rarity-border-module__container{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.rwt__relic-module__container{position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rwt__relic-module__background{width:calc(100% - 2px);height:100%;position:absolute;top:0;left:1px}.rwt__relic-module__image{position:relative;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:20%}.rwt__relic-module__rectImg{position:relative;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:20%}.rwt__relic-module__group{display:block;width:30%;position:absolute;top:29%;left:5%}.rwt__relic-module__slots{position:absolute;bottom:5%;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rwt__relic-module__slot{width:18%;margin:0 2%}.rwt__relic-module__rarityRectBorder,.rwt__relic-module__rarityBorder{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.rwt__relic-random-stones-module__container{position:absolute;bottom:4%;left:4%;width:30%}.rwt__relic-random-stones-module__container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#6bedff;mix-blend-mode:multiply;pointer-events:none}.rwt__relic-random-stones-module__stoneImage{display:block;width:100%;height:auto}.rwt__reward-label-module__chestBow{position:absolute;top:12%;left:0;width:56%}.rwt__stars-module__star{position:absolute;height:23.5%;top:6%}.rwt__reward-image-module__container{background-color:none;position:relative;width:100%;height:100%}.rwt__reward-image-module__container.rwt__reward-image-module__hasBackground{background-color:#171f2a}.rwt__reward-image-module__content{position:relative;margin:0 auto;height:100%;width:100%}.rwt__reward-image-module__content.rwt__reward-image-module__portraitReward{width:80%}
/*# sourceMappingURL=index.css.map */
/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/app/Font.css ***!
  \********************************************************************/
/* Font: Roboto */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc2CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc5CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc1CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*!*******************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/app/App.css ***!
  \*******************************************************************/
:root {
  --colorCommon: #aeaeae;
  --colorUncommon: #00d14f;
  --colorRare: #2697ff;
  --colorEpic: #e74aff;
  --colorLegendary: #ee8100;
  --colorMythical: #ee1d00;
  --colorYellow: #ffe367;
  --colorBrown: #b5872f;
  --imageIconLock: url(https://cdn-gpd.x-plarium.com/browser/content/raid-events/ui_states/lock.svg);
  --imageIconTick: url(https://cdn-gpd.x-plarium.com/browser/content/raid-events/ui_states/tick.png);
  --imageRewardTournaments: url(https://cdn-gpd.x-plarium.com/browser/content/raid-events/Tournaments/Reward_Tournaments.png);
  --imageRatingsFirstPlace: url(https://cdn-gpd.x-plarium.com/browser/content/raid-events/Tournaments/1_place.png);
  --imageRatingsSecondPlace: url(https://cdn-gpd.x-plarium.com/browser/content/raid-events/Tournaments/2_place.png);
  --imageRatingsThirdPlace: url(https://cdn-gpd.x-plarium.com/browser/content/raid-events/Tournaments/3_place.png);
}

/* Reset CSS */
*, ::before, ::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
}

html {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  display: block;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;

  @media (min-width: 1441px) {
    font-size: 24px;
  }

  @media (max-width: 1024px) {
    font-size: 20px;
  }
}

body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
  font-size: 16px;
  line-height: 22px;
  position: relative;
  display: block;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  background-color: #091521;
  overscroll-behavior: none;

  @media (min-width: 1441px) {
    font-size: 18px;
    line-height: 24px;
  }

  @media (max-width: 1024px) {
    font-size: 16px;
    line-height: 22px;
  }
}

a {
  text-decoration: none;
  -webkit-touch-callout: none;
}

a[role="border"] {
  transition: color 0.11s, border-color 0.11s;
  text-decoration: none;
  color: #bbb;
  border-bottom: 1px solid #bbb;
  outline: none;

  &:hover {
    color: #fcfcfc;
    border-bottom: 1px solid #fcfcfc;
    outline: none;
  }
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin-bottom: 0.5rem;
}

h1 {
  font-size: 32px;
  line-height: 1.5rem;
  text-align: left;

  @media (min-width: 1441px) {
    font-size: 40px;
  }

  @media (max-width: 1024px) {
    font-size: 26px;
    line-height: 1.5rem;
    text-transform: none;
  }
}

h2 {
  font-size: 28px;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: none;

  @media (min-width: 1441px) {
    font-size: 32px;
  }

  @media (max-width: 1024px) {
    font-size: 20px;
    line-height: 1rem;
    text-transform: none;
  }
}

h3, h4, h5, h6 {
  font-size: 20px;
  line-height: 1rem;
  font-weight: 700;
  text-transform: none;

  @media (min-width: 1441px) {
    font-size: 18px;
  }

  @media (max-width: 1024px) {
    font-size: 18px;
  }
}

img {
  max-width: 100%;
  border: 0 none;
  outline: 0 none;
  user-select: none;
  pointer-events: none;
  backface-visibility: hidden;
}

hr {
  margin: 1rem 0;
  border: none;
  border-top: 1px solid #ddd;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

th {
  padding: 5px 8px;
  border: 1px solid #4d4948;
}

td {
  padding: 5px 8px;
  border: 1px solid #4d4948;
}

ul, ol {
  list-style-position: inside;
}

button {
  font-family: inherit;
}

iframe {
  margin: 0;
  padding: 0;
}

[hidden] {
  display: none;
}

@supports (-ms-accelerator: true) {
  html {
    overflow: hidden;
    height: 100%;
  }

  body {
    overflow: auto;
    height: 100%;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html {
    overflow: hidden;
    height: 100%;
  }

  body {
    overflow: auto;
    height: 100%;
  }
}

/* React modal */
.ReactModal__Body--open {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* Notification */
.notification-enter {
  opacity: 0.4;
}

.notification-enter.notification-enter-active {
  opacity: 1;
  transition: all 0.2s ease-in;
}

.notification-exit {
  opacity: 1;
  margin-top: 0;
}

.notification-exit.notification-exit-active {
  transition: all 0.3s ease-out;
  opacity: 0.2;
  margin-top: -150px;
}

/* Colors */
.accent    { color: var(--colorYellow); }
.common    { color: var(--colorCommon); }
.uncommon  { color: var(--colorUncommon); }
.rare      { color: var(--colorRare); }
.epic      { color: var(--colorEpic); }
.legendary { color: var(--colorLegendary); }
.mythical  { color: var(--colorMythical); }

.text-center { text-align: center; }


/*# sourceMappingURL=client.css.map?salt=8d460d08a2b5cba144f0*/