/*!************************************************************************************************************************************************************************************!*\
  !*** 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;
  z-index: 10000;
  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/shared/components/Section/Section.module.css ***!
  \**************************************************************************************************************************************************************************/
.lXvGx {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  display: block;
}

.WLRhJ {
  margin: 0 auto;
  max-width: 946px;
}

@media (max-width: 1024px) {

.WLRhJ {
    max-width: 664px
}
  }

@media (max-width: 668px) {

.WLRhJ {
    max-width: 548px
}
  }

/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/event/components/EventFooter/EventFooter.module.css ***!
  \*****************************************************************************************************************************************************************************************/
._rBVu {
  font-size: 14px;
  color: #6a6a6a;
  margin-bottom: 30px;
  text-align: left;
}

  @media (min-width: 1441px) {._rBVu {
    font-size: 16px
}
  }

  @media (max-width: 668px) {._rBVu {
    padding: 0 7px
}
  }

/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/event/components/EventHeader/EventHeader.module.css ***!
  \*****************************************************************************************************************************************************************************************/
.COruj {
  position: static;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}

  .COruj .Nyht8 {
    position: absolute;
    top: 20%;
    right: 0;
    -webkit-transform: translateY(-50%) translateX(50px);
            transform: translateY(-50%) translateX(50px);
    width: 70px;
    height: 70px;
  }

  @media only screen and (min-width: 1441px) {

  .COruj .Nyht8 {
      width: 86px;
      height: 86px
  }
    }

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

  .COruj .Nyht8 {
      -webkit-transform: translateY(-50%) translateX(35px);
              transform: translateY(-50%) translateX(35px);
      width: 59px;
      height: 59px
  }
    }

  .COruj .EfNND {
    width: 20px;
  }

.Yn33w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}

.FAvWi {
  margin-top: 5px;
  margin-left: -6px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (max-width: 668px) {

.FAvWi {
    padding: 4px 10px 4px 5px
}
  }

.gPSx8 {
  padding: 2px 8px;
  background-color: #091521;
  margin-right: 5px;
}

.SFSBx {
  position: relative;
  padding-top: 7px;
  padding-bottom: 4px;
  font-size: 14px;
  color: #fff;
  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));
  text-align: right;
  line-height: 18px;
}

@media (max-width: 668px) {

.SFSBx {
    line-height: 14px
}
  }

.SFSBx::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }

.Sgv1i {
  position: relative;
  margin-top: 33px;
}

@media (-webkit-min-device-pixel-ratio: 1.5) {

.Sgv1i {
    margin-top: 5px
}
  }

@media (-webkit-device-pixel-ratio: 1), only screen and (min-width: 1441px) {

.Sgv1i {
    margin-top: 55px
}
  }

.Sgv1i::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

.InsX3 {
  text-align: left;
  width: 470px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 7px;
  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));
}

@media (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) {

.InsX3 {
    padding-left: 0;
    padding-top: 13px;
    padding-bottom: 8px
}
  }

@media (max-width: 668px) {

.InsX3 {
    padding-top: 10px;
    padding-bottom: 10px
}
  }

.OZKXy {
  margin-bottom: 4px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  color: #d8d8d8;
}

@media (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) {

.OZKXy {
    margin-bottom: 2px
}
  }

@media (max-width: 1024px) {

.OZKXy {
    font-size: 30px;
    line-height: 30px
}
  }

@media (max-width: 668px) {

.OZKXy {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 5px
}
  }

.kLKp3 {
  width: 430px;
  font-size: 20px;
  line-height: 1.25;
  color: #fff;
  margin-bottom: 0;
}

@media (max-width: 1024px) {

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

@media (max-width: 668px) {

.kLKp3 {
    width: 320px;
    font-size: 15px;
    line-height: 18px
}
  }

.M_eXU {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 43px;
}

@media (-webkit-min-device-pixel-ratio: 1.5) {

.M_eXU {
    margin-top: 4px
}
  }

@media (-webkit-device-pixel-ratio: 1), only screen and (min-width: 1441px) {

.M_eXU {
    margin-top: 55px
}
  }

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

.M_eXU {
    margin-top: 15px
}
  }

.HgKYi {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  text-align: left;
  padding-bottom: 30px;
}

@media (-webkit-min-device-pixel-ratio: 1.5) {

.HgKYi {
    padding-bottom: 30px
}
  }

@media (-webkit-device-pixel-ratio: 1), only screen and (min-width: 1441px) {

.HgKYi {
    padding-bottom: 60px
}
  }

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

.HgKYi {
    padding-bottom: 35px
}
  }

.UH7UO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-left: 55px;
  position: relative;
}

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

.UH7UO {
    margin-left: 10px
}
  }

.vfJvl {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 10px;
  font-size: 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 2px;
}

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

.vfJvl {
    padding: 2px 7px;
    margin-bottom: 8px
}
  }

.svlu3 {
  margin-right: 6px;
  font-size: 12px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) {

.svlu3 {
    font-size: 12px
}
  }

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

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

.nfNml {
  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 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: -35px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.C2C2l {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, right top, left top, from(rgba(9, 21, 33, 0)), color-stop(50%, rgba(36, 81, 255, 0.48)), to(rgba(9, 21, 33, 0)));
  background: linear-gradient(to left, rgba(9, 21, 33, 0), rgba(36, 81, 255, 0.48) 50%, rgba(9, 21, 33, 0));
  font-weight: 500;
  font-size: 16px;
  color: #76dbff;
  border: 0;
  border-radius: 8px 8px 0 0;
  background-color: #091727;
  min-width: 188px;
  height: 41px;
  position: relative;
  padding: 0 15px;
}

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

.C2C2l {
    min-width: 170px
}
  }

.C2C2l:hover {
    color: #76dbff;
  }

.C2C2l::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.47;
  }

.C2C2l span {
    display: block;
  }

/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/event/components/EventHeader/Progress/Progress.module.css ***!
  \***********************************************************************************************************************************************************************************************/
.Mt6Ou {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 50px);
  position: relative;
}

.qOeL_ {
  width: calc(100%);
  height: 16px;
  padding: 1px;
  background-color: rgba(0, 0, 0, 0.8);
  border: solid 1px #0b5f8f;
}

@media only screen and (min-width: 1441px) {

.qOeL_ {
    height: 24px;
    padding: 2px
}
  }

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

.qOeL_ {
    width: calc(100% - 10px)
}
  }

.Q9U_8 {
  height: 12px;
  background-color: #179bcc;
}

@media only screen and (min-width: 1441px) {

.Q9U_8 {
    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/event/components/EventHeader/EventTimeStatus/EventTimeStatus.module.css ***!
  \*************************************************************************************************************************************************************************************************************/
.OG3wE {
  margin: 0;
  color: #fff;
  text-align: left;
}

  @media only screen and (max-width: 668px) {.OG3wE {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 3px
}
  }

.chUeD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #6ff2ff;
  margin-bottom: 0;
}

@media (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) {

.chUeD {
    font-size: 16px
}
  }

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

.chUeD {
    font-size: 16px
}
  }

.chUeD svg {
    width: 13px;
    height: 13px;
    margin-top: -1px;
  }

.r4cGl {
  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/shared/components/EventDailyLimit/EventDailyLimit.module.css ***!
  \******************************************************************************************************************************************************************************************/
.ml__3 {
  color: #fff;
  line-height: 12px;
  margin-bottom: 3px;
}

.i4Igy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #6ff2ff;
  margin-bottom: 0;
}

.i4Igy span {
    color: #fff;
  }

.Wbz44 {
  margin: -2px 0 -2px 2px;
  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/MedalIcon/MedalIcon.module.css ***!
  \******************************************************************************************************************************************************************************/
.KekfR {
  display: inline-block;
  height: auto;
  width: 24px;
}

  .KekfR.qJfp4 {
    width: 38px;
  }

  @media only screen and (min-width: 1441px) {

  .KekfR.qJfp4 {
      width: 55px
  }
    }

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

  .KekfR.qJfp4 {
      width: 33px
  }
    }

/*!*************************************************************************************************************************************************************************************!*\
  !*** 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;
  z-index: 5000;
  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;
  z-index: 9999;
  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/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/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/event/components/RulesSection/RulesSection.module.css ***!
  \*******************************************************************************************************************************************************************************************/
.K2i2C {
  padding-top: 10px;
  background-image: -webkit-gradient(linear, right top, left top, from(#091521), color-stop(50%, #001735), to(#091521));
  background-image: linear-gradient(-90deg, #091521 0%, #001735 50%, #091521 100%);
  background-size: 100%;
}

.VzXqO {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #d0d0d0;
  text-align: center;
}

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

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

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

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

.impoy {
  font-size: 16px;
  color: #6a6a6a;
  text-align: center;
  margin-top: 10px;
  padding-bottom: 25px;
  margin-bottom: 0;
}

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

.impoy {
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 15px
}
  }

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

.impoy {
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 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/SectionTitle/SectionTitle.module.css ***!
  \************************************************************************************************************************************************************************************/
.aIEg_ {
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
  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));
  width: 100%;
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  color: #76dbff;
  text-align: center;
  text-transform: uppercase;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/event/components/RulesSection/HeroRules/HeroRules.module.css ***!
  \**************************************************************************************************************************************************************************************************/
.LwTsc {
  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;
  margin-top: 20px;
  background-color: rgba(22, 49, 81, 0.7);
  padding: 2px;
}

  @media only screen and (max-width: 668px) {.LwTsc {
    margin-top: 12px
}
  }

.qXQog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  text-align: center;
  margin-left: 1px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.qXQog:nth-child(2n) {
    background: rgba(0, 0, 0, 0.15);
  }

.kzDNS {
  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;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
}

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

.kzDNS {
    padding: 1px 0
}
  }

.DaGl6 {
  margin-right: 2px;
  vertical-align: middle;
}

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

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

.iuRpu {
  display: inline-block;
  width: 20px;
}

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

.iuRpu {
    width: 17px
}
  }

.oavou {
  vertical-align: middle;
}

.D9XfO {
  margin: 10px 0;
  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;
}

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

.D9XfO {
    margin: 7px 0
}
  }

.QyB_t {
  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;
  position: relative;
  margin: auto;
}

.QyB_t::before {
    content: "";
    width: 15px;
    height: 2px;
    background-color: #fff;
  }

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

.QyB_t::before {
      height: 1px
  }
    }

.BbhTq {
  margin: 0 0 3px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #fff;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(49%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 49%, rgba(0, 0, 0, 0));
}

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

.BbhTq {
    font-size: 12px;
    margin: 0
}
  }

.Qnitr {
  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/event/components/RulesSection/RuleType/RuleType.module.css ***!
  \************************************************************************************************************************************************************************************************/
.otspe {
  position: relative;
  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: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding-top: 5px;
  text-align: center;
  background-image: radial-gradient(circle at 50% 50%, #113688, rgba(17, 54, 136, 0.86) 3%, rgba(18, 55, 138, 0));
}

.PL_9i {
  display: inline-block;
  width: 45px;
  height: auto;
  margin: auto;
}

@media (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) {

.PL_9i {
    width: 68px
}
  }

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

.PL_9i {
    width: auto;
    height: 39px
}
  }

.bNV4y {
  width: 100%;
  padding: 2px 5px 3px;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #76dbff;
  text-align: center;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(49%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 49%, rgba(0, 0, 0, 0));
}

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

.bNV4y {
    line-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/event/components/RulesSection/ArtifactRules/ArtifactRules.module.css ***!
  \**********************************************************************************************************************************************************************************************************/
.R0vek {
  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;
  margin-top: 10px;
  background-color: rgba(22, 49, 81, 0.7);
  padding: 2px;
}

  @media only screen and (max-width: 668px) {.R0vek {
    margin-top: 12px
}
  }

.Cluv4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  text-align: center;
  margin-left: 1px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.Cluv4:nth-child(2n) {
    background: rgba(0, 0, 0, 0.15);
  }

.Yyvd6 {
  text-align: left;
  font-size: 16px;
  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;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
}

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

.Yyvd6 {
    padding: 1px 0
}
  }

.E8o6f {
  margin: 4px 0;
  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: 14px;
}

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

.E8o6f {
    margin: 7px 0
}
  }

.E8o6f img {
    width: 18px;
    margin-right: 3px;
  }

.vd2G0 {
  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;
  position: relative;
  margin: auto;
}

.vd2G0::before {
    content: "";
    width: 15px;
    height: 2px;
    background-color: #fff;
  }

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

.vd2G0::before {
      height: 1px
  }
    }

.aUcOx {
  margin: 0 0 3px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #fff;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(49%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 49%, rgba(0, 0, 0, 0));
}

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

.aUcOx {
    font-size: 12px;
    margin: 0
}
  }

.itWQ8 {
  color: var(--colorYellow);
}

.ovlMX {
  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;
  margin-top: 20px;
  background-color: rgba(22, 49, 81, 0.7);
}

.fAeTc {
  table-layout: fixed;
  color: #fff;
}

.fAeTc td {
    padding: 0 10px;
    border: none;
  }

.fAeTc thead tr {
      background-color: rgba(0, 0, 0, 0.35);
    }

.fAeTc thead tr th {
        border: 1px solid rgba(22, 49, 81, 0.7);
      }

.fAeTc thead tr th:nth-child(2n) .yIJJn {
            background-color: rgba(0, 0, 0, 0.15);
          }

.fAeTc tbody tr td:nth-child(2n) {
          background-color: rgba(0, 0, 0, 0.15);
        }

.fAeTc tbody tr:nth-child(2n) {
        background-color: rgba(0, 0, 0, 0.35);
      }

.tqqB7 {
  color: #fff;
  text-align: left;
  font-weight: 300;
}

.wU_dn {
  background-color: rgba(0, 0, 0, 0.35);
}

/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/event/components/RulesSection/ArtifactRules/Rank/Rank.module.css ***!
  \******************************************************************************************************************************************************************************************************/
.bLZB2 {
  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;
  color: #fff;
}

  @media only screen and (max-width: 668px) {.bLZB2 {
    padding: 1px 0
}
  }

.Vk169 {
  text-align: left;
  margin-right: 2px;
  font-size: 16px;
}

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

.Vk169 {
    font-size: 14px
}
  }

.yZg3D {
  display: inline-block;
  width: 20px;
}

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

.yZg3D {
    width: 17px
}
  }

.tlG48 {
  vertical-align: middle;
}

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/event/components/RulesSection/ArtifactRules/Rarity/Rarity.module.css ***!
  \**********************************************************************************************************************************************************************************************************/
.cIYdV {
  text-align: left;
  font-size: 16px;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/event/components/RulesSection/ShardRules/ShardRules.module.css ***!
  \****************************************************************************************************************************************************************************************************/
.EkpY2 {
  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;
  margin-top: 20px;
  background-color: rgba(22, 49, 81, 0.7);
}

  @media only screen and (max-width: 668px) {.EkpY2 {
    margin-top: 12px
}
  }

.xqHHJ {
  width: 100%;
  text-align: center;
}

.xqHHJ:nth-child(2n+1) {
    background-color: rgba(0, 0, 0, 0.15);
  }

.wJQ0C {
  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: 18px;
  line-height: 22px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
  min-height: 46px;
}

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

.wJQ0C {
    font-size: 14px;
    line-height: 14px;
    padding: 3px 0
}
  }

.gC5k7 {
  margin: 20px auto 5px;
  display: block;
  color: #fff;
  word-break: break-word;
  font-size: 10px;
  line-height: 1;
  width: 70px;
  height: 70px;
}

@media only screen and (min-width: 1441px) {

.gC5k7 {
    width: 86px;
    height: 86px
}
  }

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

.gC5k7 {
    width: 59px;
    height: 59px
}
  }

.pu9U8 {
  display: inline-block;
  position: relative;
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #fff;
  padding: 2px 10px 2px 30px;
  margin-bottom: 12px;
  background-image: -webkit-gradient(
    linear,
    right top, left top,
    from(rgba(0, 0, 0, 0)),
    color-stop(49%, rgba(0, 0, 0, 0.7)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.7) 49%,
    rgba(0, 0, 0, 0)
  );
}

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

.pu9U8 {
    margin-bottom: 5px;
    line-height: 16px
}
  }

.hB1Z6 {
  position: absolute;
  bottom: 0;
  left: 0;
}

.DLtty {
  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/event/components/RulesSection/MedalRules/MedalRules.module.css ***!
  \****************************************************************************************************************************************************************************************************/
.jS45Z {
  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;
  margin-top: 20px;
  background-color: rgba(22, 49, 81, 0.7);
}

  @media only screen and (max-width: 668px) {.jS45Z {
    margin-top: 12px
}
  }

.GXCYc {
  width: 100%;
  text-align: center;
}

.GXCYc:nth-child(2n+1) {
    background-color: rgba(0, 0, 0, 0.15);
  }

.jjjEn {
  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: 18px;
  line-height: 24px;
  color: #fff;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.35);
}

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

.jjjEn {
    font-size: 14px;
    line-height: 14px;
    padding: 3px 0
}
  }

.mE0Lv {
  width: 104px;
  margin: 0 auto;
  margin-top: 20px;
}

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

.mE0Lv {
    width: 80px;
    margin-top: 10px;
    margin-bottom: 10px
}
  }

.ocyHw {
  display: inline-block;
  position: relative;
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #fff;
  padding: 2px 10px 2px 30px;
  margin-bottom: 12px;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(49%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 49%, rgba(0, 0, 0, 0));
}

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

.ocyHw {
    margin-bottom: 5px;
    line-height: 16px
}
  }

.hvys8 {
  position: absolute;
  bottom: 0;
  left: 0;
}

.vQ8Cf {
  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/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));
  z-index: 5;
}

@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;
  z-index: 5000;
  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: 668px) {

.EcO3I {
    margin: 5px 0 0
}
  }

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

@media (max-width: 668px) {

.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/ProgressionRewards/ProgressionRewards.module.css ***!
  \*********************************************************************************************************************************************************************************************************/
.RuWr0 {
  margin-bottom: 30px;
  background-image: -webkit-gradient(linear, right top, left top, from(#091521), color-stop(50%, #001735), to(#091521));
  background-image: linear-gradient(-90deg, #091521 0%, #001735 50%, #091521 100%);
}

.x_HyL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0 20px;
}

.VvOeR {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.lc2aV {
  font-size: 16px;
  color: #d0d0d0;
  text-align: left;
}

@media (max-width: 1024px) {

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

@media (max-width: 668px) {

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

.rSplG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lj4T2 {
  margin-bottom: 20px;
}

.j0lHN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-left: -4px;
  margin-right: -4px;
}

@media (max-width: 668px) {

.j0lHN {
    margin-left: 0;
    margin-right: 0
}
  }

.HuFac {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

/*!********************************************************************************************************************************************************************************************************!*\
  !*** 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/ProgressionRewards/Progress/Progress.module.css ***!
  \********************************************************************************************************************************************************************************************************/
.zLUNB {
  position: static;
}

.H7AA4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.aqMK1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.mrjKL {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  margin: 0;
  font-size: 18px;
  color: #fff;
  text-align: right;
}

.LB5te {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: solid 1px #0b5f8f;
  -webkit-box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.5);
}

.NNGhH {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 2px;
  background-color: rgba(0, 0, 0, 0.8);
  border: solid 1px #0b5f8f;
}

@media (max-width: 668px) {

.NNGhH {
    padding: 0 1px
}
  }

.OuemB {
  height: 20px;
  background-color: #179bcc;
}

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProgressionRewards/ProgressionReward/ProgressionReward.module.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.yDzRL {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  background-color: #0a212f;
  border: 1px solid #0b5f8f;
  position: relative;
  margin-left: 1px;
  margin-right: 1px;
  min-height: 150px;
  font-size: 16px;
  line-height: 22px;
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

  @media (min-width: 1025px) {.yDzRL {
    height: 224px
}
  }

  @media (max-width: 668px) {.yDzRL {
    height: 135px
}
  }

  .yDzRL:active::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 2;
    }

  .yDzRL.J_zmW {
    border-color: #fce347;
    -webkit-box-shadow: 0 0 10px 2px #fde532;
            box-shadow: 0 0 10px 2px #fde532;
  }

  .yDzRL.zUQRi::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 15, 33, 0.5);
      z-index: 2;
    }

.qobJc {
  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: 15px;
  background-color: #fce347;
  color: #000;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  font-weight: 500;
}

@media (min-width: 1025px) {

.qobJc {
    height: 30px
}
  }

@media (max-width: 1024px) {

.qobJc {
    height: 20px
}
  }

@media (max-width: 668px) {

.qobJc {
    font-size: 14px
}
  }

.R8_5U {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-width: 100%;
  padding-top: 48px;
}

@media (max-width: 1024px) {

.R8_5U {
    padding-top: 28px
}
  }

@media (max-width: 668px) {

.R8_5U {
    padding-top: 25px
}
  }

.R8_5U .d8Jps {
    width: 70px;
    height: 70px;
  }

@media (min-width: 1025px) {

.R8_5U .d8Jps {
      width: 86px;
      height: 86px
  }
    }

@media (max-width: 668px) {

.R8_5U .d8Jps {
      width: 59px;
      height: 59px
  }
    }

.gdTyR {
  display: block;
  word-break: break-word;
}

.gdTyR span {
    font-weight: 500;
    text-align: center;
    line-height: 14px;
    color: var(--colorYellow);
    margin: 0;
  }

.kZWlC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2px;
  min-height: 40px;
  min-width: 100%;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(49%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 49%, rgba(0, 0, 0, 0));
}

@media (min-width: 1025px) {

.kZWlC {
    min-height: 55px
}
  }

@media (max-width: 1024px) {

.kZWlC {
    min-height: 38px
}
  }

@media (max-width: 668px) {

.kZWlC {
    min-height: 50px
}
  }

.XosVy {
  overflow: hidden;
  margin: auto;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  color: #fff;
}

@media (max-width: 1024px) {

.XosVy {
    font-size: 12px
}
  }

.XosVy span {
    font-weight: 500;
    text-align: center;
    line-height: 14px;
    color: var(--colorYellow);
    margin: 0;
  }

.Jiw4w {
  position: absolute;
  right: 10px;
  top: 15px;
  z-index: 2;
}

@media (max-width: 1024px) {

.Jiw4w {
    top: 5px;
    right: 5px
}
  }

@media (max-width: 668px) {

.Jiw4w {
    width: 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/ProgressionRewards/DailyLimit/DailyLimit.module.css ***!
  \************************************************************************************************************************************************************************************************************/
.BFwbV {
  padding: 5px 10px 3px;
  margin: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}

@media (max-width: 668px) {

.zANVf {
    font-size: 14px
}
  }

.pgWYN {
  margin-left: 5px;
  font-size: 0;
  vertical-align: middle;
}

@media (max-width: 668px) {

.pgWYN {
    margin-left: 8px
}
  }


/*!********************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProgressionRewards/ClaimAllButton/ClaimAllButton.module.css ***!
  \********************************************************************************************************************************************************************************************************************/
.HeNRg {
  min-width: 150px;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/shared/components/MainButton/MainButton.module.css ***!
  \********************************************************************************************************************************************************************************/
.HEb5t {
  position: relative;
  color: #fff;
  text-align: center;
  paint-order: stroke fill;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding: 0 5px;
  border-width: 16px;
  border-style: solid;
  border-color: transparent;
  border-image-width: 16px;
  border-image-slice: 24 fill;
  border-image-repeat: stretch;
  background: none;
  text-shadow: 1px 1px rgba(0,0,0,0.7);
}

  .HEb5t.n3Qce {
    border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDA4IiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDQwOCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSI0MDIiIGhlaWdodD0iMTE0IiBmaWxsPSIjQjU4NzJGIi8+CjxyZWN0IHg9IjEuNSIgeT0iMS41IiB3aWR0aD0iNDA1IiBoZWlnaHQ9IjExNyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2lfMjc1OV84MzI5KSI+CjxyZWN0IHg9IjciIHk9IjciIHdpZHRoPSIzOTQiIGhlaWdodD0iMTA2IiBmaWxsPSIjQjY3QzIyIi8+CjxyZWN0IHg9IjciIHk9IjciIHdpZHRoPSIzOTQiIGhlaWdodD0iMTA2IiBmaWxsPSIjQjE3MzAwIi8+CjwvZz4KPHBhdGggZD0iTTM5NSAxM0gzOTUuMDAxVjE2TDM5NSAxNi4wMDFWMTAzLjk5OUwzOTUuMDAxIDEwNFYxMDdIMzk1SDEzVjEzSDM5NVpNMjEgMjFWOTlMMTUgMTA1SDM5M1YxMDQuOTk5TDM4Ny4wMDEgOTlWMjFMMzkzIDE1LjAwMVYxNUgxNUwyMSAyMVpNMTUgMTAyTDE5IDk4VjIyTDE1IDE4VjEwMlpNMzg5LjAwMSAyMlY5OEwzOTMgMTAxLjk5OVYxOC4wMDFMMzg5LjAwMSAyMloiIGZpbGw9IiNGRkMwMjgiLz4KPHJlY3Qgb3BhY2l0eT0iMC4xIiB4PSI5IiB5PSI5IiB3aWR0aD0iMzkwIiBoZWlnaHQ9IjEwMiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzI3NTlfODMyOSkiLz4KPHJlY3QgeD0iMjEiIHk9IjMiIHdpZHRoPSIzNjYiIGhlaWdodD0iNCIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzI3NTlfODMyOSkiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfaV8yNzU5XzgzMjkiIHg9IjciIHk9IjciIHdpZHRoPSIzOTQiIGhlaWdodD0iMTA2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI1LjUiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC45IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfMjc1OV84MzI5Ii8+CjwvZmlsdGVyPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjc1OV84MzI5IiB4MT0iMjA0IiB5MT0iOSIgeDI9IjIwNCIgeTI9IjExMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTEwMzE3IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTEwNDE3IiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8yNzU5XzgzMjkiIHgxPSIyMSIgeTE9IjMiIHgyPSIzODciIHkyPSIzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFNkNFNjAiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNDUwMDIiIHN0b3AtY29sb3I9IiNFNkNFNjAiLz4KPHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiNFNkNFNjAiLz4KPHN0b3Agb2Zmc2V0PSIwLjU1MDAzOSIgc3RvcC1jb2xvcj0iI0U2Q0U2MCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFNkNFNjAiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
  }

  .HEb5t.v4o1P {
    border-image-source: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDA4IiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDQwOCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSI0MDIiIGhlaWdodD0iMTE0IiBmaWxsPSIjQjU4NzJGIi8+CjxyZWN0IHg9IjEuNSIgeT0iMS41IiB3aWR0aD0iNDA1IiBoZWlnaHQ9IjExNyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2lfMjc1OV84MzA3KSI+CjxyZWN0IHg9IjciIHk9IjciIHdpZHRoPSIzOTQiIGhlaWdodD0iMTA2IiBmaWxsPSIjMDA2RjkzIi8+CjwvZz4KPHBhdGggZD0iTTM5NSAxM0gzOTUuMDAxVjE2TDM5NSAxNi4wMDFWMTAzLjk5OUwzOTUuMDAxIDEwNFYxMDdIMzk1SDEzVjEzSDM5NVpNMjEgMjFWOTlMMTUgMTA1SDM5M1YxMDQuOTk5TDM4Ny4wMDEgOTlWMjFMMzkzIDE1LjAwMVYxNUgxNUwyMSAyMVpNMTUgMTAyTDE5IDk4VjIyTDE1IDE4VjEwMlpNMzg5LjAwMSAyMlY5OEwzOTMgMTAxLjk5OVYxOC4wMDFMMzg5LjAwMSAyMloiIGZpbGw9IiMwMEMwREEiLz4KPHJlY3Qgb3BhY2l0eT0iMC4wNiIgeD0iOSIgeT0iOSIgd2lkdGg9IjM5MCIgaGVpZ2h0PSIxMDIiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yNzU5XzgzMDcpIi8+CjxyZWN0IHg9IjIxIiB5PSIzIiB3aWR0aD0iMzY2IiBoZWlnaHQ9IjQiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl8yNzU5XzgzMDcpIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2lfMjc1OV84MzA3IiB4PSI3IiB5PSI3IiB3aWR0aD0iMzk0IiBoZWlnaHQ9IjEwNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNS41Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuOSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzI3NTlfODMwNyIvPgo8L2ZpbHRlcj4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzI3NTlfODMwNyIgeDE9IjIwNCIgeTE9IjkiIHgyPSIyMDQiIHkyPSIxMTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIwLjUxMDMxNyIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIwLjUxMDQxNyIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMjc1OV84MzA3IiB4MT0iMjEiIHkxPSIzIiB4Mj0iMzg3IiB5Mj0iMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRTZDRTYwIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIwLjQ1MDAyIiBzdG9wLWNvbG9yPSIjRTZDRTYwIi8+CjxzdG9wIG9mZnNldD0iMC41IiBzdG9wLWNvbG9yPSIjRTZDRTYwIi8+CjxzdG9wIG9mZnNldD0iMC41NTAwMzkiIHN0b3AtY29sb3I9IiNFNkNFNjAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRTZDRTYwIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);
  }

  .HEb5t.Wb1e2 {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    opacity: 0.5;
  }

/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** 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/TakeRewardsNotification/TakeRewardsNotification.module.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.MbDmO {
  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;
}

  .MbDmO.WyOsw {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

.uyaEa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.krmGy {
  position: relative;
  margin: 0 3px;
  width: 62px;
  height: 62px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (max-width: 1024px) {

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

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

.ukdTT {
  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) {

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

.YSpUW {
  margin: 0 3px;
}

/*!*****************************************************************************************************************************************************************************************************!*\
  !*** 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/TakeRewardsModal/TakeRewardsModal.module.css ***!
  \*****************************************************************************************************************************************************************************************************/
.sZUUz {
  width: 520px;
}

  @media (max-width: 1024px) {.sZUUz {
    width: 450px
}
  }

.pjVsu {
  padding: 20px;
}

.C0bYZ {
  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;
}

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

.Gw34a.yKDxQ {
    background: none;
    outline: none;
  }

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

@media (max-width: 1024px) {

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

.PkLZP {
  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) {

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

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

.MpD2I {
  border-width: 10px;
  border-image-width: 10px;
  min-width: 170px;
  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/modules/rewards/components/FullInboxModal/FullInboxModal.module.css ***!
  \*************************************************************************************************************************************************************************************************/
.S3crL {
  width: 520px;
}

  @media (max-width: 1024px) {.S3crL {
    width: 450px
}
  }

.LTa9R {
  padding: 20px;
}

.Zt2yv {
  color: #FFF5DD;
  text-align: center;
}

.Zt2yv p {
    margin-bottom: 1rem;
  }

.oRrfv {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}

.BLL9S {
  border-width: 10px;
  border-image-width: 10px;
  min-width: 170px;
  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/modules/rewards/components/RewardName/RewardName.module.css ***!
  \*****************************************************************************************************************************************************************************************/
.ZKzB2 {
  display: block;
  word-break: break-word;
}

  .ZKzB2 span {
    font-weight: 500;
    text-align: center;
    line-height: 14px;
    color: var(--colorYellow);
    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/rewards/components/RewardRule/RewardRule.module.css ***!
  \*****************************************************************************************************************************************************************************************/
._oYGw {
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
}

.YKLAH {
  position: relative;
  margin: 0 auto;
  display: block;
  color: #fff;
  word-break: break-word;
  font-size: 10px;
  line-height: 1;
  width: 70px;
  height: 70px;
}

@media (min-width: 1441px) {

.YKLAH {
    width: 86px;
    height: 86px
}
  }

@media (max-width: 668px) {

.YKLAH {
    width: 59px;
    height: 59px
}
  }

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/modules/event/components/RulesSection/SoulStoneOpenRules/SoulStoneOpenRules.module.css ***!
  \********************************************************************************************************************************************************************************************************************/
.NL7dH {
  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;
  margin-top: 20px;
  background-color: rgba(22, 49, 81, 0.7);
}

  @media only screen and (max-width: 668px) {.NL7dH {
    margin-top: 12px
}
  }

.nCExk {
  width: 100%;
  text-align: center;
}

.nCExk:nth-child(2n+1) {
    background-color: rgba(0, 0, 0, 0.15);
  }

.yuBVG {
  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: 18px;
  line-height: 22px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
}

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

.yuBVG {
    min-height: 46px
}
  }

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

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

.cQ3S9 {
  display: block;
  margin: 0 auto;
  width: 100px;
  margin-top: 20px;
  margin-bottom: 10px;
}

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

.cQ3S9 {
    width: 80px;
    margin-top: 10px
}
  }

.DpVlk {
  display: inline-block;
  position: relative;
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #fff;
  padding: 2px 10px 2px 30px;
  margin-bottom: 12px;
  background-image: -webkit-gradient(
    linear,
    right top, left top,
    from(rgba(0, 0, 0, 0)),
    color-stop(49%, rgba(0, 0, 0, 0.7)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.7) 49%,
    rgba(0, 0, 0, 0)
  );
}

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

.DpVlk {
    margin-bottom: 5px;
    line-height: 16px
}
  }

.VfrR_ {
  position: absolute;
  bottom: 0;
  left: 0;
}

.qCmAK {
  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/shared/components/ScreenLoader/ScreenLoader.module.css ***!
  \************************************************************************************************************************************************************************************/
.Y0240 {
  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;
}

.Odl1x {
  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/Header/Header.module.css ***!
  \************************************************************************************************************************************************************************/
.dm4c7 {
  position: relative;
  z-index: 100;  
}

  .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;
  z-index: 10;
  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
}
  }

.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: 668px) {

.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;
  }

/*!************************************************************************************************************************************************************************!*\
  !*** 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/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: 80%;
  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/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;
  max-width: 1024px;
  margin: 0 auto;
  min-height: 100vh;
}

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

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

.jjKAR {
  font-size: 18px;
  color: #fff;
  margin: 30px 0 50px;
  font-weight: 400;
}

.dz_Vp {
  margin-bottom: 25px;
}

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

/*!***************************************************************************************************************************************************************************!*\
  !*** 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%;
  z-index: 200;
  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: 668px) {

.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: 668px) {

.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??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/app/components/Layout/Layout.module.css ***!
  \*********************************************************************************************************************************************************************/
.OR_A2 {
  position: relative;
  background-color: #091521;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

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

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

.kMeJC {
  width: 100%;
  margin: auto;
}

/*!******************************************************************************************************************************************************************************************!*\
  !*** 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!./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;
}

/* 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;
  z-index: 1;
  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;
  z-index: 1;
  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;

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

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

  /* plus */
  @media (max-width: 736px) {
  }

  /* xs */
  @media (max-width: 668px) {
  }
}

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;
}

/* React tooltip */
.react-tooltip {
  z-index: 10;
}

/* 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=3579a3ad906541307d37*/