/* screen - index */

.index {
  background-color: var(--black);
  height: 100vh;
  margin: 0px;
  min-height: 7394px;
  min-width: 1200px;
  mix-blend-mode: normal;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index .backgrounds-IO3Fu5 {
  background-color: #000000;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .brainblack-XviDV9 {
  background-color: transparent;
  height: 8.36%;
  left: 0px;
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 11.48%;
  width: 100%;
}

.index .grid-XviDV9 {
  background-color: transparent;
  height: 11.71%;
  left: 0px;
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 19.84%;
  width: 50.00%;
}

.index .mindset-XviDV9 {
  background-color: transparent;
  height: 11.71%;
  left: 50.00%;
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 19.84%;
  width: 50.00%;
}

.index .tv1-XviDV9 {
  background-color: transparent;
  height: 11.48%;
  left: 0px;
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .tv1-xZZLxG {
  background-color: transparent;
  height: 14.54%;
  left: 0px;
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 48.04%;
  width: 50.17%;
}

.index .bgrays-XviDV9 {
  background-color: transparent;
  height: 12.73%;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 87.27%;
  width: 100%;
}

.index .tv4-XviDV9 {
  background-color: transparent;
  height: 7.78%;
  left: 0px;
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 40.26%;
  width: 100%;
}

.index .tv1-adULCY {
  background-color: transparent;
  height: 8.71%;
  left: 0px;
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 31.55%;
  width: 100%;
}

.index .tv5-XviDV9 {
  background-color: transparent;
  height: 14.57%;
  left: 50.00%;
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 48.01%;
  width: 50.00%;
}

.index .grid-xZZLxG {
  background-color: transparent;
  height: 12.10%;
  left: 0px;
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 62.58%;
  width: 100%;
}

.index .tv4-xZZLxG {
  background-color: transparent;
  height: 12.58%;
  left: 0px;
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 74.68%;
  width: 100%;
}

.index .lines-IO3Fu5 {
  background-color: transparent;
  height: 6221px;
  left: calc(50.00% - 227px);
  mix-blend-mode: normal;
  position: absolute;
  top: 695px;
  width: 450px;
}

.index .x00-IO3Fu5 {
  background-color: transparent;
  height: 35px;
  left: calc(50.00% - 16px);
  position: absolute;
  top: 678px;
  width: 35px;
}

.index .x01-IO3Fu5 {
  background-color: transparent;
  height: 120px;
  left: calc(50.00% - 59px);
  position: absolute;
  top: 789px;
  width: 120px;
}

.index .locked-flag-6rRF4C {
  background-color: transparent;
  height: 100px;
  left: calc(50.00% - 50px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 100px;
}

.index .x01-chapterflag1unlocked-6rRF4C {
  background-color: transparent;
  cursor: pointer;
  height: 120px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 120px;
}

.index .x01-chapterflag1completed-6rRF4C {
  background-color: transparent;
  height: 120px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 120px;
}

.index .e01-IO3Fu5 {
  background-color: transparent;
  height: 180px;
  left: calc(50.00% - 540px);
  mix-blend-mode: normal;
  position: absolute;
  top: 970px;
  width: 394px;
}

.index .x02-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 57px);
  position: absolute;
  top: 947px;
  width: 119px;
}

.index .unlockanimation-UNQxiD {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-UNQxiD {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x02-chapterobjectivesunlocked-UNQxiD {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x02-chapterobje-tivescompleted-UNQxiD {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x03-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 57px);
  position: absolute;
  top: 1090px;
  width: 119px;
}

.index .unlockanimation-eki358 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-eki358 {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x03-chapterbookunlocked-eki358 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x03-chapterbookcompleted-eki358 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x04-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 57px);
  position: absolute;
  top: 1248px;
  width: 119px;
}

.index .unlockanimation-f4u6gc {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-f4u6gc {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x04-chapterquizunlocked-f4u6gc {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x04-chapterquizcompleted-f4u6gc {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x05-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 57px);
  position: absolute;
  top: 1414px;
  width: 119px;
}

.index .unlockanimation-aYBg6S {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-aYBg6S {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x05-chapterinfounlocked-aYBg6S {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x05-chapterinfocompleted-aYBg6S {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .e02-IO3Fu5 {
  background-color: transparent;
  height: 180px;
  left: calc(50.00% - 540px);
  mix-blend-mode: normal;
  position: absolute;
  top: 1635px;
  width: 322px;
}

.index .x06-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 175px);
  position: absolute;
  top: 1601px;
  width: 119px;
}

.index .unlockanimation-TRpWhp {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-TRpWhp {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x06-chapterobjectivesunlocked-TRpWhp {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x06-chapterobje-tivescompleted-TRpWhp {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x07-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 175px);
  position: absolute;
  top: 1729px;
  width: 119px;
}

.index .unlockanimation-gPP4fq {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-gPP4fq {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x07-chapterbookunlocked-gPP4fq {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x07-chapterbookcompleted-gPP4fq {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x08-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 175px);
  position: absolute;
  top: 1868px;
  width: 119px;
}

.index .unlockanimation-yx07Ey {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-yx07Ey {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x08-chapterbookunlocked-yx07Ey {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 33px;
  width: 50px;
}

.index .x08-chapterbookcompleted-yx07Ey {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 33px;
  width: 50px;
}

.index .x09-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 175px);
  position: absolute;
  top: 2007px;
  width: 119px;
}

.index .unlockanimation-KU8R9l {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-KU8R9l {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x09-chapterquizunlocked-KU8R9l {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x09-chapterquizcompleted-KU8R9l {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .e03-IO3Fu5 {
  background-color: transparent;
  height: 180px;
  left: calc(50.00% + 181px);
  mix-blend-mode: normal;
  position: absolute;
  top: 1800px;
  width: 400px;
}

.index .x10-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 60px);
  position: absolute;
  top: 1601px;
  width: 119px;
}

.index .unlockanimation-BQiffE {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-BQiffE {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x10-chapterobjectivesunlocked-BQiffE {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x10-chapterobje-tivescompleted-BQiffE {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x11-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 60px);
  position: absolute;
  top: 1729px;
  width: 119px;
}

.index .unlockanimation-uGn9nC {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-uGn9nC {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x11-chapternewsunlocked-uGn9nC {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x11-chapternewscompleted-uGn9nC {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x12-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 60px);
  position: absolute;
  top: 1868px;
  width: 119px;
}

.index .unlockanimation-BZblts {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-BZblts {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x12-chapterbookunlocked-BZblts {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 33px;
  width: 50px;
}

.index .x12-chapterbookcompleted-BZblts {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 33px;
  width: 50px;
}

.index .x13-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 60px);
  position: absolute;
  top: 2007px;
  width: 119px;
}

.index .unlockanimation-LReCJd {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .lockunlocked-LReCJd {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x13-chapterquizunlocked-LReCJd {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x13-chapterquizcompleted-LReCJd {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x14-IO3Fu5 {
  background-color: transparent;
  height: 120px;
  left: calc(50.00% - 59px);
  position: absolute;
  top: 2271px;
  width: 120px;
}

.index .locked-flag-VVLI77 {
  background-color: transparent;
  height: 100px;
  left: calc(50.00% - 50px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 100px;
}

.index .x14-chapterflag2unlocked-VVLI77 {
  background-color: transparent;
  cursor: pointer;
  height: 120px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 120px;
}

.index .x14-chapterflag2completed-VVLI77 {
  background-color: transparent;
  cursor: pointer;
  height: 120px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 120px;
}

.index .e04-IO3Fu5 {
  background-color: transparent;
  height: 160px;
  left: calc(50.00% - 600px);
  mix-blend-mode: normal;
  position: absolute;
  top: 2500px;
  width: 482px;
}

.index .x15-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 57px);
  position: absolute;
  top: 2441px;
  width: 119px;
}

.index .unlockanimation-y7F1sN {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-y7F1sN {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x15-chapterobjectivesunlocked-y7F1sN {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x15-chapterobje-tivescompleted-y7F1sN {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x16-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 57px);
  position: absolute;
  top: 2566px;
  width: 119px;
}

.index .unlockanimation-4fD8eb {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-4fD8eb {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x16-chapterzapunlocked-4fD8eb {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x16-chapterzapcompleted-4fD8eb {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x17-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 97px);
  position: absolute;
  top: 2566px;
  width: 119px;
}

.index .unlockanimation-V1GTu7 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-V1GTu7 {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x17-chapterbookunlocked-V1GTu7 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 33px;
  width: 50px;
}

.index .x17-chapterbookcompleted-V1GTu7 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 33px;
  width: 50px;
}

.index .x18-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 99px);
  position: absolute;
  top: 2712px;
  width: 119px;
}

.index .unlockanimation-C2kp3B {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-C2kp3B {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x18-chapterbrainunlocked-C2kp3B {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 36px;
  width: 50px;
}

.index .x18-chapterbraincompleted-C2kp3B {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 36px;
  width: 50px;
}

.index .x19-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 58px);
  position: absolute;
  top: 2712px;
  width: 119px;
}

.index .unlockanimation-XLYxWF {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-XLYxWF {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x19-chapterhackerunlocked-XLYxWF {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x19-chapterhackercompleted-XLYxWF {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .e05-IO3Fu5 {
  background-color: transparent;
  height: 159px;
  left: calc(50.00% + 181px);
  mix-blend-mode: normal;
  position: absolute;
  top: 3110px;
  width: 339px;
}

.index .x20-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 56px);
  position: absolute;
  top: 3018px;
  width: 119px;
}

.index .unlockanimation-UD9j8w {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-UD9j8w {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x20-chapterobjectivesunlocked-UD9j8w {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x20-chapterobje-tivescompleted-UD9j8w {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x21-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 56px);
  position: absolute;
  top: 3156px;
  width: 119px;
}

.index .unlockanimation-pYtsXS {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-pYtsXS {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x21-chapternewsunlocked-pYtsXS {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x21-chapternewscompleted-pYtsXS {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x22-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 201px);
  position: absolute;
  top: 3156px;
  width: 119px;
}

.index .unlockanimation-CHewID {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-CHewID {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x22-chapterbookunlocked-CHewID {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x22-chapterbookcompleted-CHewID {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x23-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 200px);
  position: absolute;
  top: 3303px;
  width: 119px;
}

.index .unlockanimation-Dr1NCo {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-Dr1NCo {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x23-chapterbrainunlocked-Dr1NCo {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x23-chapterbraincompleted-Dr1NCo {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x24-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 57px);
  position: absolute;
  top: 3302px;
  width: 119px;
}

.index .unlockanimation-unlZ2c {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-unlZ2c {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x24-chapterhackerunlocked-unlZ2c {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 33px;
  width: 50px;
}

.index .x24-chapterhackercompleted-unlZ2c {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 33px;
  width: 50px;
}

.index .x25-IO3Fu5 {
  background-color: transparent;
  height: 120px;
  left: calc(50.00% - 58px);
  position: absolute;
  top: 3493px;
  width: 120px;
}

.index .locked-flag-HxAXAb {
  background-color: transparent;
  height: 100px;
  left: calc(50.00% - 51px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 100px;
}

.index .x25-chapterflag3unlocked-HxAXAb {
  background-color: transparent;
  cursor: pointer;
  height: 120px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 120px;
}

.index .x25-chapterflag3completed-HxAXAb {
  background-color: transparent;
  cursor: pointer;
  height: 120px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 120px;
}

.index .x26-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 57px);
  position: absolute;
  top: 3684px;
  width: 119px;
}

.index .unlockanimation-2pjcWx {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-2pjcWx {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x26-chapterinfounlocked-2pjcWx {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x26-chapterinfocompleted-2pjcWx {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .e06-IO3Fu5 {
  background-color: transparent;
  height: 156px;
  left: calc(50.00% - 600px);
  mix-blend-mode: normal;
  position: absolute;
  top: 3883px;
  width: 331px;
}

.index .x27-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 169px);
  position: absolute;
  top: 3849px;
  width: 119px;
}

.index .unlockanimation-dNZOEm {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-dNZOEm {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x27-chapterobjectivesunlocked-dNZOEm {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x27-chapterobje-tivescompleted-dNZOEm {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x28-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 169px);
  position: absolute;
  top: 3965px;
  width: 119px;
}

.index .unlockanimation-IhzjRd {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-IhzjRd {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x28-chapterzapunlocked-IhzjRd {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x28-chapterzapcompleted-IhzjRd {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x29-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 169px);
  position: absolute;
  top: 4083px;
  width: 119px;
}

.index .unlockanimation-RF914r {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-RF914r {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x29-chapterbookunlocked-RF914r {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 32px;
  width: 50px;
}

.index .x29-chapterbookcompleted-RF914r {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 32px;
  width: 50px;
}

.index .x30-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 169px);
  position: absolute;
  top: 4196px;
  width: 119px;
}

.index .unlockanimation-OgdcO7 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-OgdcO7 {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x30-chapterbrainunlocked-OgdcO7 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x30-chapterbraincompleted-OgdcO7 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x31-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 168px);
  position: absolute;
  top: 4313px;
  width: 119px;
}

.index .unlockanimation-Gtfu9H {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-Gtfu9H {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x31-chapterhackerunlocked-Gtfu9H {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x31-chapterhackercompleted-Gtfu9H {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .e07-IO3Fu5 {
  background-color: transparent;
  height: 173px;
  left: calc(50.00% + 181px);
  mix-blend-mode: normal;
  position: absolute;
  top: 4000px;
  width: 397px;
}

.index .x32-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 54px);
  position: absolute;
  top: 3848px;
  width: 119px;
}

.index .unlockanimation-2A7Xx9 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-2A7Xx9 {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x32-chapterobjectivesunlocked-2A7Xx9 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x32-chapterobje-tivescompleted-2A7Xx9 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x33-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 54px);
  position: absolute;
  top: 3965px;
  width: 119px;
}

.index .unlockanimationunlocked-yNtewi {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-yNtewi {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x33-chapternewsunlocked-yNtewi {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x33-chapternewscompleted-yNtewi {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x34-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 54px);
  position: absolute;
  top: 4081px;
  width: 119px;
}

.index .unlockanimationunlocked-nXwox3 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-nXwox3 {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x34-chapterbookunlocked-nXwox3 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x34-chapterbookcompleted-nXwox3 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x35-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 54px);
  position: absolute;
  top: 4196px;
  width: 119px;
}

.index .unlockanimation-fMEmi3 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-fMEmi3 {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x35-chapterbrainunlocked-fMEmi3 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x35-chapterbraincompleted-fMEmi3 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x36-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 54px);
  position: absolute;
  top: 4313px;
  width: 119px;
}

.index .unlockanimation-LcJkLx {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-LcJkLx {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x36-chapterhackerunlocked-LcJkLx {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x36-chapterhackercompleted-LcJkLx {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x37-IO3Fu5 {
  background-color: transparent;
  height: 120px;
  left: calc(50.00% - 58px);
  position: absolute;
  top: 4568px;
  width: 120px;
}

.index .locked-flag-iGkqxT {
  background-color: transparent;
  height: 100px;
  left: calc(50.00% - 51px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 100px;
}

.index .x37-chapterflag4unlocked-iGkqxT {
  background-color: transparent;
  cursor: pointer;
  height: 120px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 120px;
}

.index .x37-chapterflag4completed-iGkqxT {
  background-color: transparent;
  cursor: pointer;
  height: 120px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 120px;
}

.index .e08-IO3Fu5 {
  background-color: transparent;
  height: 158px;
  left: calc(50.00% - 600px);
  mix-blend-mode: normal;
  position: absolute;
  top: 4769px;
  width: 402px;
}

.index .x38-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 56px);
  position: absolute;
  top: 4735px;
  width: 119px;
}

.index .unlockanimation-wLpeio {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-wLpeio {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x38-chapterobjectivesunlocked-wLpeio {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x38-chapterobje-tivescompleted-wLpeio {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x39-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 56px);
  position: absolute;
  top: 4848px;
  width: 119px;
}

.index .unlockanimation-sNcP5g {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-sNcP5g {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x39-chapterzapunlocked-sNcP5g {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x39-chapterzapcompleted-sNcP5g {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x40-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 56px);
  position: absolute;
  top: 4960px;
  width: 119px;
}

.index .unlockanimation-Wgats1 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-Wgats1 {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x40-chapterbookunlocked-Wgats1 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x40-chapterbookcompleted-Wgats1 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x41-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 153px);
  position: absolute;
  top: 5101px;
  width: 119px;
}

.index .unlockanimation-zxVVzw {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-zxVVzw {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x41-chaptermissionunlocked-zxVVzw {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x41-chaptermissioncompleted-zxVVzw {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x42-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 272px);
  position: absolute;
  top: 5101px;
  width: 119px;
}

.index .unlockanimation-4PscD9 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-4PscD9 {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x42-chaptermissionunlocked-4PscD9 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x42-chaptermissioncompleted-4PscD9 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x43-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 38px);
  position: absolute;
  top: 5101px;
  width: 119px;
}

.index .unlockanimation-sx9pG8 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-sx9pG8 {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x43-chaptermissionunlocked-sx9pG8 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x43-chaptermissioncompleted-sx9pG8 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x44-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 157px);
  position: absolute;
  top: 5101px;
  width: 119px;
}

.index .unlockanimation-HYTxKa {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-HYTxKa {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x44chaptermissionunlocked-HYTxKa {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x44chaptermissioncompleted-HYTxKa {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x45-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 55px);
  position: absolute;
  top: 5237px;
  width: 119px;
}

.index .unlockanimation-eyuxNA {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-eyuxNA {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x45-chapterbrainunlocked-eyuxNA {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x45-chapterbraincompleted-eyuxNA {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 50px;
}

.index .x46-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 56px);
  position: absolute;
  top: 5371px;
  width: 119px;
}

.index .unlockanimation-yjQP7D {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-yjQP7D {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x46-chapterhackerunlocked-yjQP7D {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x46-chapterhackercompleted-yjQP7D {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .e09-IO3Fu5 {
  background-color: transparent;
  height: 155px;
  left: calc(50.00% - 600px);
  mix-blend-mode: normal;
  position: absolute;
  top: 5667px;
  width: 434px;
}

.index .x47-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 56px);
  position: absolute;
  top: 5585px;
  width: 119px;
}

.index .unlockanimation-pXQ2fd {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-pXQ2fd {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x47-chapterobjectivesunlocked-pXQ2fd {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x47-chapterobje-tivescompleted-pXQ2fd {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x48-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 56px);
  position: absolute;
  top: 5703px;
  width: 119px;
}

.index .unlockanimation-KBLwK6 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-KBLwK6 {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x48-chapternewsunlocked-KBLwK6 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x48-chapternewscompleted-KBLwK6 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x49-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 56px);
  position: absolute;
  top: 5819px;
  width: 119px;
}

.index .unlockanimationunlocked-D2mKt9 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-D2mKt9 {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x49-chapterbookunlocked-D2mKt9 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 36px;
  width: 50px;
}

.index .x49-chapterbookcompleted-D2mKt9 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 36px;
  width: 50px;
}

.index .x50-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 154px);
  position: absolute;
  top: 5955px;
  width: 119px;
}

.index .unlockanimation-kobbcM {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-kobbcM {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x50-chaptermissionunlocked-kobbcM {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x50-chaptermissioncompleted-kobbcM {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x51-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 273px);
  position: absolute;
  top: 5955px;
  width: 119px;
}

.index .unlockanimation-hlmP0K {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-hlmP0K {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x51-chaptermissionunlocked-hlmP0K {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x51-chaptermissioncompleted-hlmP0K {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x52-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 38px);
  position: absolute;
  top: 5955px;
  width: 119px;
}

.index .unlockanimation-1DawCA {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-1DawCA {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x52-chaptermissionunlocked-1DawCA {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x52-chaptermissioncompleted-1DawCA {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x53-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% + 158px);
  position: absolute;
  top: 5955px;
  width: 119px;
}

.index .unlockanimation-NTnapY {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-NTnapY {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x53-chaptermissionunlocked-NTnapY {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x53-chaptermissioncompleted-NTnapY {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x54-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 55px);
  position: absolute;
  top: 6096px;
  width: 119px;
}

.index .unlockanimation-kH6QO8 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-kH6QO8 {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x54-chapterbrainunlocked-kH6QO8 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x54-chapterbraincompleted-kH6QO8 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 28px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x55-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 56px);
  position: absolute;
  top: 6203px;
  width: 119px;
}

.index .unlockanimation-O7aN7M {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 119px;
}

.index .locked-O7aN7M {
  background-color: transparent;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x55-chapterhackerunlocked-O7aN7M {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x55-chapterhackercompleted-O7aN7M {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: calc(50.00% - 26px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 50px;
}

.index .x56-IO3Fu5 {
  background-color: transparent;
  height: 120px;
  left: calc(50.00% - 58px);
  position: absolute;
  top: 6393px;
  width: 120px;
}

.index .locked-flag-vmbZ9a {
  background-color: transparent;
  height: 100px;
  left: calc(50.00% - 51px);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 9px;
  width: 100px;
}

.index .x56-chapterflag5unlocked-vmbZ9a {
  background-color: transparent;
  cursor: pointer;
  height: 120px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 120px;
}

.index .x56-chapterflag5completed-vmbZ9a {
  background-color: transparent;
  cursor: pointer;
  height: 120px;
  left: calc(50.00% - 60px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 120px;
}

.index .x57-IO3Fu5 {
  background-color: transparent;
  height: 682px;
  left: calc(50.00% - 350px);
  position: absolute;
  top: 6605px;
  width: 682px;
}

.index .gift-JAtgDE {
  background-color: transparent;
  height: 682px;
  left: calc(50.00% - 341px);
  position: absolute;
  top: 0px;
  width: 682px;
}

.index .orb-zj05YC {
  background-color: transparent;
  height: 608px;
  left: calc(50.00% - 304px);
  mix-blend-mode: normal;
  position: absolute;
  top: 41px;
  width: 608px;
}

.index .electricity-zj05YC {
  background-color: transparent;
  height: 682px;
  left: calc(50.00% - 341px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 682px;
}

.index .giftend-zj05YC {
  background-color: transparent;
  height: 472px;
  left: calc(50.00% - 215px);
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 105px;
  width: 430px;
}

.index .opengiftunlocked-JAtgDE {
  background-color: transparent;
  cursor: pointer;
  height: 80px;
  left: calc(50.00% - 175px);
  pointer-events: auto;
  position: absolute;
  top: 529px;
  transition: none;
  width: 350px;
}

.index .opengiftunlocked-JAtgDE:hover {
  transform: scale(0.9); 
}

.index .bgcolor-grhfZj {
  background-color: transparent;
  height: 112.50%;
  left: -1.43%;
  mix-blend-mode: normal;
  position: absolute;
  top: -6.25%;
  width: 102.86%;
}

.index .ouvrir-grhfZj {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  height: 22.50%;
  left: 4.29%;
  letter-spacing: -0.51px;
  line-height: 18px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 37.50%;
  white-space: nowrap;
  width: 93.14%;
}

.index .logo-IO3Fu5 {
  background-color: transparent;
  height: 300px;
  left: calc(50.00% - 428px);
  mix-blend-mode: normal;
  position: absolute;
  top: 271px;
  width: 899px;
}

.index .bar-IO3Fu5 {
  background-color: transparent;
  height: 56px;
  left: 0px;
  mix-blend-mode: normal;
  position: fixed;
  top: 0px;
  width: 100%;
}

.index .menubg-IO3Fu5 {
  background-color: transparent;
  cursor: pointer;
  height: 39px;
  position: fixed;
  right: 52px;
  top: 11px;
  width: 92px;
}

.index .rectangle-91-eN997s {
  background-color: transparent;
  height: 20px;
  mix-blend-mode: normal;
  position: absolute;
  right: 18px;
  top: 10px;
  width: 74px;
}

.index .brainmenu-eN997s {
  background-color: transparent;
  height: 39px;
  position: absolute;
  right: 4px;
  top: 0px;
  width: 43px;
}

.index .brainmenubg-1wyhBX {
  background-color: transparent;
  height: 39px;
  mix-blend-mode: normal;
  position: absolute;
  right: 1px;
  top: 0px;
  width: 39px;
}

.index .brainmenu-1wyhBX {
  background-color: transparent;
  height: 38px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 43px;
}

.index .x18-eN997s {
  background-color: transparent;
  color: #030303;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  right: 44px;
  text-align: center;
  top: 17px;
  width: 25px;
}

.index .x15-eN997s {
  background-color: transparent;
  color: #030303;
  font-family: var(--font-family-poppins);
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 0.1px;
  mix-blend-mode: normal;
  position: absolute;
  right: 64px;
  text-align: center;
  top: 20px;
  width: 18px;
}

.index .progressbar-IO3Fu5 {
  background-color: transparent;
  height: 16px;
  left: calc(50.00% - 208px);
  position: fixed;
  top: 20px;
  width: 454px;
}

.index .progress-bar-backbackground-sol4jg {
  background-color: #212121;
  border-radius: 47.5px;
  height: 452px;
  left: calc(50.00% - 9px);
  mix-blend-mode: normal;
  position: absolute;
  top: -218px;
  transform: rotate(90.00deg);
  width: 16px;
}

.index .progress-bar-level-sol4jg {
  background-color: var(--purple-heart);
  border-radius: 47.5px;
  height: 169px;
  left: calc(50.00% - 143px);
  mix-blend-mode: normal;
  position: absolute;
  top: -76px;
  transform: rotate(90.00deg);
  width: 80px;
}

.index .x30-completed-sol4jg {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: calc(50.00% - 16px);
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 67px;
}

.index .user-IO3Fu5 {
  background-color: transparent;
  cursor: pointer;
  height: 25px;
  position: fixed;
  right: 17px;
  top: 17px;
  width: 25px;
}

.index .userbg-ENqFMV {
  background-color: var(--black);
  border-radius: 12.5px;
  height: 25px;
  mix-blend-mode: normal;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 25px;
}

.index .user-ENqFMV {
  background-color: transparent;
  height: 26px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 26px;
}