/* screen - kokopay1366 */

.kokopay1366 {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 3062px;
  min-width: 1366px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.kokopay1366 .rectangle-5271-lG3NPX {
  background-color: transparent;
  bottom: -11px;
  height: 768px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopay1366 .path-3771-lG3NPX {
  background-color: transparent;
  bottom: -11px;
  display: block;
  height: 592px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1366 .path-3771-lG3NPX.bp1-animate-enter62 {
  animation: bp1-animate-enter62-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter62-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .path-3772-lG3NPX {
  background-color: transparent;
  bottom: -11px;
  display: block;
  height: 369px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1366 .path-3772-lG3NPX.bp1-animate-enter63 {
  animation: bp1-animate-enter63-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter63-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .path-3773-lG3NPX {
  background-color: transparent;
  bottom: -11px;
  display: block;
  height: 201px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1366 .path-3773-lG3NPX.bp1-animate-enter64 {
  animation: bp1-animate-enter64-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter64-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .rectangle-1-lG3NPX {
  background-color: transparent;
  height: 768px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopay1366 .path-1-lG3NPX {
  background-color: transparent;
  display: block;
  height: 592px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 176px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1366 .path-1-lG3NPX.bp1-animate-enter65 {
  animation: bp1-animate-enter65-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter65-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .path-2-lG3NPX {
  background-color: transparent;
  display: block;
  height: 369px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 399px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1366 .path-2-lG3NPX.bp1-animate-enter66 {
  animation: bp1-animate-enter66-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter66-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .path-3-lG3NPX {
  background-color: transparent;
  display: block;
  height: 201px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(19.82% - 40px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1366 .path-3-lG3NPX.bp1-animate-enter67 {
  animation: bp1-animate-enter67-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter67-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .rectangle-5-lG3NPX {
  background-color: transparent;
  bottom: calc(33.00% - 253px);
  display: block;
  height: 768px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.kokopay1366 .rectangle-5-lG3NPX.bp1-animate-enter68 {
  animation: bp1-animate-enter68-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter68-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.kokopay1366 .path-13-lG3NPX {
  background-color: transparent;
  bottom: calc(30.65% - 182px);
  display: block;
  height: 592px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1366 .path-13-lG3NPX.bp1-animate-enter69 {
  animation: bp1-animate-enter69-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter69-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .path-14-lG3NPX {
  background-color: transparent;
  bottom: calc(28.11% - 104px);
  display: block;
  height: 369px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1366 .path-14-lG3NPX.bp1-animate-enter70 {
  animation: bp1-animate-enter70-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter70-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .path-15-lG3NPX {
  background-color: transparent;
  bottom: calc(26.46% - 53px);
  display: block;
  height: 201px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1366 .path-15-lG3NPX.bp1-animate-enter71 {
  animation: bp1-animate-enter71-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter71-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .rectangle-5252-lG3NPX {
  background-color: transparent;
  height: 769px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(33.49% - 258px);
  width: 100%;
}

.kokopay1366 .path-3718-lG3NPX {
  background-color: transparent;
  display: block;
  height: 592px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(38.24% - 227px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1366 .path-3718-lG3NPX.bp1-animate-enter72 {
  animation: bp1-animate-enter72-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter72-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .path-3719-lG3NPX {
  background-color: transparent;
  display: block;
  height: 369px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(43.36% - 160px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1366 .path-3719-lG3NPX.bp1-animate-enter73 {
  animation: bp1-animate-enter73-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter73-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .path-3720-lG3NPX {
  background-color: transparent;
  display: block;
  height: 201px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(46.68% - 94px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1366 .path-3720-lG3NPX.bp1-animate-enter74 {
  animation: bp1-animate-enter74-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter74-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .i-woke-up-in-a-dunge-lG3NPX {
  background-color: transparent;
  display: block;
  height: 668px;
  left: 184px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 198px;
  transform: translate(0, 25px);
  width: calc(100.00% - 366px);
}

.kokopay1366 .i-woke-up-in-a-dunge-lG3NPX.bp1-animate-enter75 {
  animation: bp1-animate-enter75-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter75-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .from-that-day-on-the-lG3NPX {
  background-color: transparent;
  display: block;
  height: 662px;
  left: 184px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(36.86% - 244px);
  transform: translate(0, 25px);
  width: calc(100.00% - 366px);
}

.kokopay1366 .from-that-day-on-the-lG3NPX.bp1-animate-enter76 {
  animation: bp1-animate-enter76-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter76-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .i-start-telling-them-lG3NPX {
  background-color: transparent;
  bottom: calc(39.16% - 182px);
  display: block;
  height: 465px;
  left: 184px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 366px);
}

.kokopay1366 .i-start-telling-them-lG3NPX.bp1-animate-enter77 {
  animation: bp1-animate-enter77-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter77-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .weeks-pass-by-and-i-lG3NPX {
  background-color: transparent;
  bottom: calc(20.26% - 94px);
  display: block;
  height: 466px;
  left: 184px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 366px);
}

.kokopay1366 .weeks-pass-by-and-i-lG3NPX.bp1-animate-enter78 {
  animation: bp1-animate-enter78-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter78-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .rita-opens-the-door-lG3NPX {
  background-color: transparent;
  bottom: 106px;
  display: block;
  height: 403px;
  left: 184px;
  letter-spacing: 0.00px;
  line-height: 32px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 366px);
}

.kokopay1366 .span0-tTaTEu {
}

.kokopay1366 .span1-tTaTEu {
}

.kokopay1366 .rita-opens-the-door-lG3NPX.bp1-animate-enter79 {
  animation: bp1-animate-enter79-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter79-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .tekengebied-14-lG3NPX {
  background-color: transparent;
  height: 119px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 99.97%;
}

.kokopay1366 .group-7926-lG3NPX {
  background-color: transparent;
  height: 52px;
  left: calc(49.95% - 443px);
  position: absolute;
  top: 34px;
  width: 887px;
}

.kokopay1366 .tekengebied-20-FRStBo {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.kokopay1366 .tekengebied-20-FRStBo.bp1-animate-enter80 {
  animation: bp1-animate-enter80-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter80-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .path-5-kBEU2a {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.kokopay1366 .whitepaper-kBEU2a {
  background-color: transparent;
  bottom: calc(43.76% - 13px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(45.72% - 49px);
  text-align: left;
  white-space: nowrap;
  width: 108px;
}

.kokopay1366 .span0-iCscF6 {
}

.kokopay1366 .span1-iCscF6 {
  letter-spacing: -0.20px;
}

.kokopay1366 .span2-iCscF6 {
}

.kokopay1366 .tekengebied-21-FRStBo {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(25.02% - 44px);
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.kokopay1366 .tekengebied-21-FRStBo.bp1-animate-enter81 {
  animation: bp1-animate-enter81-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter81-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .rectangle-9-xxFfwv {
  background-color: var(--regal-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopay1366 .shellet-xxFfwv {
  background-color: transparent;
  bottom: calc(43.76% - 13px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(49.08% - 31px);
  text-align: left;
  white-space: nowrap;
  width: 63px;
}

.kokopay1366 .tekengebied-22-FRStBo {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(49.97% - 89px);
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.kokopay1366 .tekengebied-22-FRStBo.bp1-animate-enter82 {
  animation: bp1-animate-enter82-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter82-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .rectangle-10-VwvU5u {
  background-color: var(--bahama-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopay1366 .crafting-VwvU5u {
  background-color: transparent;
  bottom: calc(43.76% - 13px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(48.16% - 36px);
  text-align: left;
  white-space: nowrap;
  width: 75px;
}

.kokopay1366 .span0-bSThYL {
}

.kokopay1366 .span1-bSThYL {
  letter-spacing: 0.20px;
}

.kokopay1366 .span2-bSThYL {
}

.kokopay1366 .tekengebied-23-FRStBo {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(25.02% - 44px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.kokopay1366 .tekengebied-23-FRStBo.bp1-animate-enter83 {
  animation: bp1-animate-enter83-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter83-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .rectangle-11-e15cK4 {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopay1366 .stories-e15cK4 {
  background-color: transparent;
  bottom: calc(43.76% - 13px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(49.24% - 31px);
  text-align: left;
  white-space: nowrap;
  width: 63px;
}

.kokopay1366 .span0-6eX0fN {
}

.kokopay1366 .span1-6eX0fN {
  letter-spacing: -0.20px;
}

.kokopay1366 .span2-6eX0fN {
}

.kokopay1366 .tekengebied-24-FRStBo {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.kokopay1366 .tekengebied-24-FRStBo.bp1-animate-enter84 {
  animation: bp1-animate-enter84-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter84-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .path-6-bpL43e {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.kokopay1366 .home-bpL43e {
  background-color: transparent;
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(49.45% - 28px);
  text-align: left;
  top: calc(49.67% - 14px);
  white-space: nowrap;
  width: 57px;
}

.kokopay1366 .logo_1_-lG3NPX {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 37px;
  left: 54px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 41px;
  transform: translate(25px, 0);
  width: 51px;
}

.kokopay1366 .logo_1_-lG3NPX.bp1-animate-enter85 {
  animation: bp1-animate-enter85-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter85-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1366 .discord-logo-black-lG3NPX {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 37px;
  left: 152px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 41px;
  transform: translate(25px, 0);
  width: 48px;
}

.kokopay1366 .discord-logo-black-lG3NPX.bp1-animate-enter86 {
  animation: bp1-animate-enter86-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter86-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
/* screen - kokopay1920 */

.kokopay1920 {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 3240px;
  min-width: 1920px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.kokopay1920 .rectangle-1-RNfbme {
  background-color: transparent;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopay1920 .path-1-RNfbme {
  background-color: transparent;
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 247px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1920 .path-1-RNfbme.bp4-animate-enter74 {
  animation: bp4-animate-enter74-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter74-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .path-2-RNfbme {
  background-color: transparent;
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(20.62% - 107px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1920 .path-2-RNfbme.bp4-animate-enter75 {
  animation: bp4-animate-enter75-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter75-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .path-3-RNfbme {
  background-color: transparent;
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(26.96% - 76px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1920 .path-3-RNfbme.bp4-animate-enter76 {
  animation: bp4-animate-enter76-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter76-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .rectangle-5-RNfbme {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.kokopay1920 .rectangle-5-RNfbme.bp4-animate-enter77 {
  animation: bp4-animate-enter77-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp4-animate-enter77-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.kokopay1920 .path-13-RNfbme {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1920 .path-13-RNfbme.bp4-animate-enter78 {
  animation: bp4-animate-enter78-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter78-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .path-14-RNfbme {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1920 .path-14-RNfbme.bp4-animate-enter79 {
  animation: bp4-animate-enter79-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter79-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .path-15-RNfbme {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1920 .path-15-RNfbme.bp4-animate-enter80 {
  animation: bp4-animate-enter80-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter80-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .rectangle-5252-RNfbme {
  background-color: transparent;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 540px);
  width: 100%;
}

.kokopay1920 .path-3718-RNfbme {
  background-color: transparent;
  bottom: calc(44.86% - 373px);
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1920 .path-3718-RNfbme.bp4-animate-enter81 {
  animation: bp4-animate-enter81-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter81-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .path-3719-RNfbme {
  background-color: transparent;
  bottom: calc(39.69% - 206px);
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1920 .path-3719-RNfbme.bp4-animate-enter82 {
  animation: bp4-animate-enter82-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter82-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .path-3720-RNfbme {
  background-color: transparent;
  bottom: calc(36.52% - 103px);
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopay1920 .path-3720-RNfbme.bp4-animate-enter83 {
  animation: bp4-animate-enter83-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter83-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .from-that-day-on-the-RNfbme {
  background-color: transparent;
  display: block;
  height: 484px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(28.51% - 138px);
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.kokopay1920 .from-that-day-on-the-RNfbme.bp4-animate-enter84 {
  animation: bp4-animate-enter84-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter84-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .i-start-telling-them-RNfbme {
  background-color: transparent;
  display: block;
  height: 346px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(44.83% - 155px);
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.kokopay1920 .i-start-telling-them-RNfbme.bp4-animate-enter85 {
  animation: bp4-animate-enter85-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter85-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .weeks-pass-by-and-i-RNfbme {
  background-color: transparent;
  bottom: calc(43.57% - 145px);
  display: block;
  height: 332px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.kokopay1920 .weeks-pass-by-and-i-RNfbme.bp4-animate-enter86 {
  animation: bp4-animate-enter86-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter86-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .rita-opens-the-door-RNfbme {
  background-color: transparent;
  bottom: calc(31.78% - 104px);
  display: block;
  height: 328px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 32px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.kokopay1920 .span0-4pEBpL {
}

.kokopay1920 .span1-4pEBpL {
}

.kokopay1920 .rita-opens-the-door-RNfbme.bp4-animate-enter87 {
  animation: bp4-animate-enter87-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter87-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .i-woke-up-in-a-dunge-RNfbme {
  background-color: transparent;
  display: block;
  height: 496px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 278px;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.kokopay1920 .i-woke-up-in-a-dunge-RNfbme.bp4-animate-enter88 {
  animation: bp4-animate-enter88-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter88-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .navbar-background-RNfbme {
  background-color: transparent;
  height: 167px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopay1920 .group-7925-RNfbme {
  background-color: transparent;
  height: 72px;
  left: calc(50.00% - 624px);
  position: absolute;
  top: 47px;
  width: 1248px;
}

.kokopay1920 .whitepaper-foQsiS {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 1px;
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.kokopay1920 .whitepaper-foQsiS.bp4-animate-enter89 {
  animation: bp4-animate-enter89-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter89-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .path-18-ddZoly {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.kokopay1920 .whitepaper-ddZoly {
  background-color: transparent;
  bottom: calc(45.21% - 18px);
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(46.20% - 70px);
  text-align: left;
  white-space: nowrap;
  width: 151px;
}

.kokopay1920 .span0-DbmHYg {
}

.kokopay1920 .span1-DbmHYg {
  letter-spacing: -0.29px;
}

.kokopay1920 .span2-DbmHYg {
}

.kokopay1920 .crafting-foQsiS {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(50.00% - 125px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.kokopay1920 .crafting-foQsiS.bp4-animate-enter90 {
  animation: bp4-animate-enter90-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter90-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .rectangle-26-ZyumCh {
  background-color: var(--bahama-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopay1920 .crafting-ZyumCh {
  background-color: transparent;
  bottom: calc(45.21% - 18px);
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(48.67% - 51px);
  text-align: left;
  white-space: nowrap;
  width: 104px;
}

.kokopay1920 .span0-ZxFRKK {
}

.kokopay1920 .span1-ZxFRKK {
  letter-spacing: 0.29px;
}

.kokopay1920 .span2-ZxFRKK {
}

.kokopay1920 .home-foQsiS {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.kokopay1920 .home-foQsiS.bp4-animate-enter91 {
  animation: bp4-animate-enter91-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter91-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .path-19-aDdxdC {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.kokopay1920 .home-aDdxdC {
  background-color: transparent;
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(49.49% - 40px);
  text-align: left;
  top: calc(48.35% - 19px);
  white-space: nowrap;
  width: 80px;
}

.kokopay1920 .stories-foQsiS {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(25.00% - 62px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.kokopay1920 .stories-foQsiS.bp4-animate-enter92 {
  animation: bp4-animate-enter92-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter92-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .path-4016-rfvPUJ {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.kokopay1920 .stories-rfvPUJ {
  background-color: transparent;
  bottom: calc(45.21% - 18px);
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(49.42% - 43px);
  text-align: left;
  white-space: nowrap;
  width: 88px;
}

.kokopay1920 .span0-xwkDYv {
}

.kokopay1920 .span1-xwkDYv {
  letter-spacing: -0.29px;
}

.kokopay1920 .span2-xwkDYv {
}

.kokopay1920 .shellet-foQsiS {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(25.00% - 62px);
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.kokopay1920 .shellet-foQsiS.bp4-animate-enter93 {
  animation: bp4-animate-enter93-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter93-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .rectangle-3-KqjFWk {
  background-color: var(--regal-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopay1920 .shellet-KqjFWk {
  background-color: transparent;
  bottom: calc(45.21% - 18px);
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(49.26% - 43px);
  text-align: left;
  white-space: nowrap;
  width: 88px;
}

.kokopay1920 .logo_1_-RNfbme {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 58px;
  left: 65px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 54px;
  transform: translate(25px, 0);
  width: 79px;
}

.kokopay1920 .logo_1_-RNfbme.bp4-animate-enter94 {
  animation: bp4-animate-enter94-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter94-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopay1920 .discord-logo-black-RNfbme {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 65px;
  left: 196px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 48px;
  transform: translate(25px, 0);
  width: 83px;
}

.kokopay1920 .discord-logo-black-RNfbme.bp4-animate-enter95 {
  animation: bp4-animate-enter95-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter95-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
/* screen - kokopaymobile */

.kokopaymobile {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 3715px;
  min-width: 375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.kokopaymobile .rectangle-5294-RgaTRC {
  background-color: transparent;
  bottom: -3px;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaymobile .path-3838-RgaTRC {
  background-color: transparent;
  bottom: -3px;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3838-RgaTRC.bp3-animate-enter242 {
  animation: bp3-animate-enter242-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter242-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3839-RgaTRC {
  background-color: transparent;
  bottom: -3px;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3839-RgaTRC.bp3-animate-enter243 {
  animation: bp3-animate-enter243-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter243-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3840-RgaTRC {
  background-color: transparent;
  bottom: -3px;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3840-RgaTRC.bp3-animate-enter244 {
  animation: bp3-animate-enter244-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter244-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5286-RgaTRC {
  background-color: transparent;
  bottom: calc(48.09% - 101px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaymobile .path-3814-RgaTRC {
  background-color: transparent;
  bottom: calc(47.43% - 77px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3814-RgaTRC.bp3-animate-enter245 {
  animation: bp3-animate-enter245-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter245-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3815-RgaTRC {
  background-color: transparent;
  bottom: calc(46.63% - 47px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3815-RgaTRC.bp3-animate-enter246 {
  animation: bp3-animate-enter246-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter246-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3816-RgaTRC {
  background-color: transparent;
  bottom: calc(46.04% - 25px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3816-RgaTRC.bp3-animate-enter247 {
  animation: bp3-animate-enter247-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter247-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5287-RgaTRC {
  background-color: transparent;
  bottom: calc(42.07% - 89px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaymobile .path-3817-RgaTRC {
  background-color: transparent;
  bottom: calc(41.50% - 67px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3817-RgaTRC.bp3-animate-enter248 {
  animation: bp3-animate-enter248-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter248-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3818-RgaTRC {
  background-color: transparent;
  bottom: calc(40.79% - 41px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3818-RgaTRC.bp3-animate-enter249 {
  animation: bp3-animate-enter249-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter249-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3819-RgaTRC {
  background-color: transparent;
  bottom: calc(40.28% - 22px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3819-RgaTRC.bp3-animate-enter250 {
  animation: bp3-animate-enter250-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter250-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5288-RgaTRC {
  background-color: transparent;
  bottom: calc(36.04% - 76px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaymobile .path-3820-RgaTRC {
  background-color: transparent;
  bottom: calc(35.56% - 58px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3820-RgaTRC.bp3-animate-enter251 {
  animation: bp3-animate-enter251-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter251-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3821-RgaTRC {
  background-color: transparent;
  bottom: calc(34.96% - 35px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3821-RgaTRC.bp3-animate-enter252 {
  animation: bp3-animate-enter252-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter252-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3822-RgaTRC {
  background-color: transparent;
  bottom: calc(34.52% - 19px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3822-RgaTRC.bp3-animate-enter253 {
  animation: bp3-animate-enter253-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter253-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5283-RgaTRC {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopaymobile .path-3805-RgaTRC {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 48px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3805-RgaTRC.bp3-animate-enter254 {
  animation: bp3-animate-enter254-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter254-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3806-RgaTRC {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 110px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3806-RgaTRC.bp3-animate-enter255 {
  animation: bp3-animate-enter255-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter255-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3807-RgaTRC {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 156px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3807-RgaTRC.bp3-animate-enter256 {
  animation: bp3-animate-enter256-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter256-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5285-RgaTRC {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 211px;
  width: 100%;
}

.kokopaymobile .path-3811-RgaTRC {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 259px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3811-RgaTRC.bp3-animate-enter257 {
  animation: bp3-animate-enter257-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter257-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3812-RgaTRC {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 321px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3812-RgaTRC.bp3-animate-enter258 {
  animation: bp3-animate-enter258-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter258-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5282-RgaTRC {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(18.07% - 38px);
  width: 100%;
}

.kokopaymobile .path-3802-RgaTRC {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(19.17% - 31px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3802-RgaTRC.bp3-animate-enter259 {
  animation: bp3-animate-enter259-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter259-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3803-RgaTRC {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(20.54% - 21px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3803-RgaTRC.bp3-animate-enter260 {
  animation: bp3-animate-enter260-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter260-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3804-RgaTRC {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(21.54% - 12px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3804-RgaTRC.bp3-animate-enter261 {
  animation: bp3-animate-enter261-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter261-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5284-RgaTRC {
  background-color: transparent;
  display: block;
  height: 211px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 422px;
  width: 100%;
}

.kokopaymobile .rectangle-5284-RgaTRC.bp3-animate-enter262 {
  animation: bp3-animate-enter262-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter262-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.kokopaymobile .path-3808-RgaTRC {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 470px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3808-RgaTRC.bp3-animate-enter263 {
  animation: bp3-animate-enter263-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter263-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3809-RgaTRC {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 531px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3809-RgaTRC.bp3-animate-enter264 {
  animation: bp3-animate-enter264-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter264-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3810-RgaTRC {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 578px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3810-RgaTRC.bp3-animate-enter265 {
  animation: bp3-animate-enter265-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter265-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3813-RgaTRC {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 367px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3813-RgaTRC.bp3-animate-enter266 {
  animation: bp3-animate-enter266-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter266-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5277-RgaTRC {
  background-color: transparent;
  height: 138px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(46.99% - 65px);
  width: 100%;
}

.kokopaymobile .path-3788-RgaTRC {
  background-color: transparent;
  display: block;
  height: 90px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(47.70% - 43px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3788-RgaTRC.bp3-animate-enter267 {
  animation: bp3-animate-enter267-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter267-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3789-RgaTRC {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(27.30% - 15px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3789-RgaTRC.bp3-animate-enter268 {
  animation: bp3-animate-enter268-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter268-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3790-RgaTRC {
  background-color: transparent;
  display: block;
  height: 28px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(48.56% - 14px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3790-RgaTRC.bp3-animate-enter269 {
  animation: bp3-animate-enter269-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter269-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5278-RgaTRC {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(30.08% - 63px);
  width: 100%;
}

.kokopaymobile .path-3791-RgaTRC {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(31.04% - 50px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3791-RgaTRC.bp3-animate-enter270 {
  animation: bp3-animate-enter270-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter270-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3792-RgaTRC {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(32.21% - 33px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3792-RgaTRC.bp3-animate-enter271 {
  animation: bp3-animate-enter271-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter271-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3793-RgaTRC {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(33.07% - 18px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3793-RgaTRC.bp3-animate-enter272 {
  animation: bp3-animate-enter272-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter272-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5279-RgaTRC {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(36.10% - 76px);
  width: 100%;
}

.kokopaymobile .rectangle-5280-RgaTRC {
  background-color: transparent;
  height: 210px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(24.08% - 51px);
  width: 100%;
}

.kokopaymobile .path-3794-RgaTRC {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(25.11% - 41px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3794-RgaTRC.bp3-animate-enter273 {
  animation: bp3-animate-enter273-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter273-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3795-RgaTRC {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(26.38% - 27px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3795-RgaTRC.bp3-animate-enter274 {
  animation: bp3-animate-enter274-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter274-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3796-RgaTRC {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(44.42% - 25px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3796-RgaTRC.bp3-animate-enter275 {
  animation: bp3-animate-enter275-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter275-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3797-RgaTRC {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(36.98% - 60px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3797-RgaTRC.bp3-animate-enter276 {
  animation: bp3-animate-enter276-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter276-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3798-RgaTRC {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(38.05% - 39px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3798-RgaTRC.bp3-animate-enter277 {
  animation: bp3-animate-enter277-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter277-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3799-RgaTRC {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(38.83% - 21px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3799-RgaTRC.bp3-animate-enter278 {
  animation: bp3-animate-enter278-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter278-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5281-RgaTRC {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(41.95% - 89px);
  width: 100%;
}

.kokopaymobile .path-3800-RgaTRC {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(42.74% - 69px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3800-RgaTRC.bp3-animate-enter279 {
  animation: bp3-animate-enter279-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter279-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3801-RgaTRC {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(43.71% - 44px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3801-RgaTRC.bp3-animate-enter280 {
  animation: bp3-animate-enter280-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter280-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5291-RgaTRC {
  background-color: transparent;
  bottom: calc(30.02% - 63px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaymobile .path-3829-RgaTRC {
  background-color: transparent;
  bottom: calc(29.62% - 48px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3829-RgaTRC.bp3-animate-enter281 {
  animation: bp3-animate-enter281-frames 1.20s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter281-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3830-RgaTRC {
  background-color: transparent;
  bottom: calc(29.11% - 30px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3830-RgaTRC.bp3-animate-enter282 {
  animation: bp3-animate-enter282-frames 1.20s ease 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter282-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3831-RgaTRC {
  background-color: transparent;
  bottom: calc(28.75% - 16px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3831-RgaTRC.bp3-animate-enter283 {
  animation: bp3-animate-enter283-frames 1.20s ease 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter283-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5292-RgaTRC {
  background-color: transparent;
  bottom: calc(24.00% - 51px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaymobile .path-3832-RgaTRC {
  background-color: transparent;
  bottom: calc(23.68% - 39px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3832-RgaTRC.bp3-animate-enter284 {
  animation: bp3-animate-enter284-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter284-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3833-RgaTRC {
  background-color: transparent;
  bottom: calc(23.28% - 24px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3833-RgaTRC.bp3-animate-enter285 {
  animation: bp3-animate-enter285-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter285-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3834-RgaTRC {
  background-color: transparent;
  bottom: calc(22.98% - 13px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3834-RgaTRC.bp3-animate-enter286 {
  animation: bp3-animate-enter286-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter286-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5293-RgaTRC {
  background-color: transparent;
  bottom: calc(17.98% - 38px);
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaymobile .rectangle-5290-RgaTRC {
  background-color: transparent;
  bottom: 208px;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaymobile .path-3826-RgaTRC {
  background-color: transparent;
  bottom: 208px;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3826-RgaTRC.bp3-animate-enter287 {
  animation: bp3-animate-enter287-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter287-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3827-RgaTRC {
  background-color: transparent;
  bottom: 208px;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3827-RgaTRC.bp3-animate-enter288 {
  animation: bp3-animate-enter288-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter288-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3828-RgaTRC {
  background-color: transparent;
  bottom: 208px;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3828-RgaTRC.bp3-animate-enter289 {
  animation: bp3-animate-enter289-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter289-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-5289-RgaTRC {
  background-color: transparent;
  bottom: 419px;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaymobile .path-3823-RgaTRC {
  background-color: transparent;
  bottom: 419px;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3823-RgaTRC.bp3-animate-enter290 {
  animation: bp3-animate-enter290-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter290-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3824-RgaTRC {
  background-color: transparent;
  bottom: 419px;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3824-RgaTRC.bp3-animate-enter291 {
  animation: bp3-animate-enter291-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter291-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3825-RgaTRC {
  background-color: transparent;
  bottom: 419px;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3825-RgaTRC.bp3-animate-enter292 {
  animation: bp3-animate-enter292-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter292-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3835-RgaTRC {
  background-color: transparent;
  bottom: calc(17.74% - 29px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3835-RgaTRC.bp3-animate-enter293 {
  animation: bp3-animate-enter293-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter293-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3836-RgaTRC {
  background-color: transparent;
  bottom: 630px;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3836-RgaTRC.bp3-animate-enter294 {
  animation: bp3-animate-enter294-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter294-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-3837-RgaTRC {
  background-color: transparent;
  bottom: 630px;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaymobile .path-3837-RgaTRC.bp3-animate-enter295 {
  animation: bp3-animate-enter295-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter295-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .i-woke-up-in-a-dunge-RgaTRC {
  background-color: transparent;
  display: block;
  height: 869px;
  left: 50px;
  letter-spacing: 0.00px;
  line-height: 15px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 53px;
  transform: translate(0, 25px);
  width: calc(100.00% - 99px);
}

.kokopaymobile .i-woke-up-in-a-dunge-RgaTRC.bp3-animate-enter296 {
  animation: bp3-animate-enter296-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter296-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .from-that-day-on-the-RgaTRC {
  background-color: transparent;
  display: block;
  height: 884px;
  left: 50px;
  letter-spacing: 0.00px;
  line-height: 15px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(32.82% - 290px);
  transform: translate(0, 25px);
  width: calc(100.00% - 99px);
}

.kokopaymobile .from-that-day-on-the-RgaTRC.bp3-animate-enter297 {
  animation: bp3-animate-enter297-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter297-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .i-start-telling-them-RgaTRC {
  background-color: transparent;
  bottom: calc(41.63% - 244px);
  display: block;
  height: 586px;
  left: 50px;
  letter-spacing: 0.00px;
  line-height: 15px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 99px);
}

.kokopaymobile .i-start-telling-them-RgaTRC.bp3-animate-enter298 {
  animation: bp3-animate-enter298-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter298-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .weeks-pass-by-and-i-RgaTRC {
  background-color: transparent;
  bottom: calc(21.68% - 137px);
  display: block;
  height: 632px;
  left: 50px;
  letter-spacing: 0.00px;
  line-height: 15px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 99px);
}

.kokopaymobile .weeks-pass-by-and-i-RgaTRC.bp3-animate-enter299 {
  animation: bp3-animate-enter299-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter299-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rita-opens-the-door-RgaTRC {
  background-color: transparent;
  bottom: 134px;
  display: block;
  height: 534px;
  left: 50px;
  letter-spacing: 0.00px;
  line-height: 15px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 99px);
}

.kokopaymobile .rita-opens-the-door-RgaTRC.bp3-animate-enter300 {
  animation: bp3-animate-enter300-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter300-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .tekengebied-38-RgaTRC {
  background-color: transparent;
  height: 33px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.kokopaymobile .group-7928-RgaTRC {
  background-color: transparent;
  height: 14px;
  left: calc(50.00% - 122px);
  position: absolute;
  top: 9px;
  width: 244px;
}

.kokopaymobile .tekengebied-44-nlkvZx {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.kokopaymobile .tekengebied-44-nlkvZx.bp3-animate-enter301 {
  animation: bp3-animate-enter301-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter301-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-15-jXNZGf {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.kokopaymobile .home-jXNZGf {
  background-color: transparent;
  bottom: calc(43.57% - 4px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(47.29% - 8px);
  text-align: left;
  white-space: nowrap;
  width: 17px;
}

.kokopaymobile .tekengebied-45-nlkvZx {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(25.00% - 12px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.kokopaymobile .tekengebied-45-nlkvZx.bp3-animate-enter302 {
  animation: bp3-animate-enter302-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter302-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-23-kAguTp {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopaymobile .stories-kAguTp {
  background-color: transparent;
  bottom: calc(35.59% - 3px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(46.34% - 9px);
  text-align: left;
  white-space: nowrap;
  width: 19px;
}

.kokopaymobile .span0-4Et4eK {
}

.kokopaymobile .span1-4Et4eK {
  letter-spacing: -0.05px;
}

.kokopaymobile .span2-4Et4eK {
}

.kokopaymobile .tekengebied-46-nlkvZx {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(50.00% - 24px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.kokopaymobile .tekengebied-46-nlkvZx.bp3-animate-enter303 {
  animation: bp3-animate-enter303-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter303-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-24-LXU0ml {
  background-color: var(--bahama-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopaymobile .crafting-LXU0ml {
  background-color: transparent;
  bottom: calc(35.59% - 3px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(45.44% - 10px);
  text-align: left;
  white-space: nowrap;
  width: 22px;
}

.kokopaymobile .span0-JiPhyL {
}

.kokopaymobile .span1-JiPhyL {
  letter-spacing: 0.05px;
}

.kokopaymobile .span2-JiPhyL {
}

.kokopaymobile .tekengebied-47-nlkvZx {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(25.00% - 12px);
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.kokopaymobile .tekengebied-47-nlkvZx.bp3-animate-enter304 {
  animation: bp3-animate-enter304-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter304-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .rectangle-25-QWGYXR {
  background-color: var(--regal-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopaymobile .shellet-QWGYXR {
  background-color: transparent;
  bottom: calc(35.59% - 3px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(46.17% - 9px);
  text-align: left;
  white-space: nowrap;
  width: 19px;
}

.kokopaymobile .tekengebied-48-nlkvZx {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 1px;
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.kokopaymobile .tekengebied-48-nlkvZx.bp3-animate-enter305 {
  animation: bp3-animate-enter305-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter305-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .path-16-eCGkRM {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.kokopaymobile .whitepaper-eCGkRM {
  background-color: transparent;
  bottom: calc(35.60% - 3px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(41.60% - 13px);
  text-align: left;
  white-space: nowrap;
  width: 31px;
}

.kokopaymobile .span0-xNbVxK {
  letter-spacing: -0.05px;
}

.kokopaymobile .span1-xNbVxK {
}

.kokopaymobile .span2-xNbVxK {
  letter-spacing: -0.05px;
}

.kokopaymobile .span3-xNbVxK {
}

.kokopaymobile .logo_1_-RgaTRC {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 15px;
  left: 11px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 9px;
  transform: translate(25px, 0);
  width: 21px;
}

.kokopaymobile .logo_1_-RgaTRC.bp3-animate-enter306 {
  animation: bp3-animate-enter306-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp3-animate-enter306-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaymobile .discord-logo-black-RgaTRC {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 17px;
  left: 39px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: translate(25px, 0);
  width: 22px;
}

.kokopaymobile .discord-logo-black-RgaTRC.bp3-animate-enter307 {
  animation: bp3-animate-enter307-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp3-animate-enter307-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
/* screen - kokopaytablet */

.kokopaytablet {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 4045px;
  min-width: 834px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.kokopaytablet .rectangle-5276-GOP0Mh {
  background-color: transparent;
  bottom: 0px;
  height: 307px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaytablet .path-3786-GOP0Mh {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 200px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3786-GOP0Mh.bp2-animate-enter141 {
  animation: bp2-animate-enter141-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter141-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3776-GOP0Mh {
  background-color: transparent;
  bottom: calc(43.34% - 53px);
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3776-GOP0Mh.bp2-animate-enter142 {
  animation: bp2-animate-enter142-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter142-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3787-GOP0Mh {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 63px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3787-GOP0Mh.bp2-animate-enter143 {
  animation: bp2-animate-enter143-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter143-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .rectangle-5273-GOP0Mh {
  background-color: transparent;
  bottom: calc(34.42% - 161px);
  height: 469px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaytablet .path-3777-GOP0Mh {
  background-color: transparent;
  bottom: calc(33.41% - 121px);
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3777-GOP0Mh.bp2-animate-enter144 {
  animation: bp2-animate-enter144-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter144-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3778-GOP0Mh {
  background-color: transparent;
  bottom: calc(32.22% - 73px);
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3778-GOP0Mh.bp2-animate-enter145 {
  animation: bp2-animate-enter145-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter145-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3779-GOP0Mh {
  background-color: transparent;
  bottom: calc(31.38% - 39px);
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3779-GOP0Mh.bp2-animate-enter146 {
  animation: bp2-animate-enter146-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter146-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .rectangle-5274-GOP0Mh {
  background-color: transparent;
  bottom: calc(21.31% - 100px);
  height: 469px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaytablet .rectangle-5272-GOP0Mh {
  background-color: transparent;
  bottom: calc(47.54% - 223px);
  height: 469px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaytablet .path-3774-GOP0Mh {
  background-color: transparent;
  bottom: calc(46.15% - 167px);
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3774-GOP0Mh.bp2-animate-enter147 {
  animation: bp2-animate-enter147-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter147-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3775-GOP0Mh {
  background-color: transparent;
  bottom: calc(44.50% - 100px);
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3775-GOP0Mh.bp2-animate-enter148 {
  animation: bp2-animate-enter148-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter148-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3785-GOP0Mh {
  background-color: transparent;
  bottom: 307px;
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3785-GOP0Mh.bp2-animate-enter149 {
  animation: bp2-animate-enter149-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter149-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3780-GOP0Mh {
  background-color: transparent;
  bottom: calc(20.68% - 75px);
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3780-GOP0Mh.bp2-animate-enter150 {
  animation: bp2-animate-enter150-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter150-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3781-GOP0Mh {
  background-color: transparent;
  bottom: calc(19.94% - 45px);
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3781-GOP0Mh.bp2-animate-enter151 {
  animation: bp2-animate-enter151-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter151-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3782-GOP0Mh {
  background-color: transparent;
  bottom: calc(19.42% - 24px);
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3782-GOP0Mh.bp2-animate-enter152 {
  animation: bp2-animate-enter152-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter152-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .rectangle-5275-GOP0Mh {
  background-color: transparent;
  bottom: 307px;
  height: 469px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.kokopaytablet .path-3783-GOP0Mh {
  background-color: transparent;
  bottom: 307px;
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3783-GOP0Mh.bp2-animate-enter153 {
  animation: bp2-animate-enter153-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter153-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3784-GOP0Mh {
  background-color: transparent;
  bottom: 307px;
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3784-GOP0Mh.bp2-animate-enter154 {
  animation: bp2-animate-enter154-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter154-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .rectangle-5271-GOP0Mh {
  background-color: transparent;
  height: 469px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(39.35% - 185px);
  width: 100%;
}

.kokopaytablet .path-3771-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(41.13% - 149px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3771-GOP0Mh.bp2-animate-enter155 {
  animation: bp2-animate-enter155-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter155-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3772-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(43.22% - 97px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3772-GOP0Mh.bp2-animate-enter156 {
  animation: bp2-animate-enter156-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter156-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3773-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(44.71% - 55px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3773-GOP0Mh.bp2-animate-enter157 {
  animation: bp2-animate-enter157-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter157-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .rectangle-1-GOP0Mh {
  background-color: transparent;
  height: 469px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopaytablet .path-1-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 107px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-1-GOP0Mh.bp2-animate-enter158 {
  animation: bp2-animate-enter158-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter158-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-2-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 244px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-2-GOP0Mh.bp2-animate-enter159 {
  animation: bp2-animate-enter159-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter159-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 346px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3-GOP0Mh.bp2-animate-enter160 {
  animation: bp2-animate-enter160-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter160-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .rectangle-5-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 469px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(26.23% - 123px);
  width: 100%;
}

.kokopaytablet .rectangle-5-GOP0Mh.bp2-animate-enter161 {
  animation: bp2-animate-enter161-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter161-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.kokopaytablet .path-13-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(28.39% - 103px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-13-GOP0Mh.bp2-animate-enter162 {
  animation: bp2-animate-enter162-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter162-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-14-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(30.94% - 70px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-14-GOP0Mh.bp2-animate-enter163 {
  animation: bp2-animate-enter163-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter163-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-15-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(32.75% - 40px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-15-GOP0Mh.bp2-animate-enter164 {
  animation: bp2-animate-enter164-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter164-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .rectangle-5252-GOP0Mh {
  background-color: transparent;
  height: 469px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 469px;
  width: 100%;
}

.kokopaytablet .path-3718-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 577px;
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3718-GOP0Mh.bp2-animate-enter165 {
  animation: bp2-animate-enter165-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter165-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3719-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(18.66% - 42px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3719-GOP0Mh.bp2-animate-enter166 {
  animation: bp2-animate-enter166-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter166-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-3720-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(20.79% - 26px);
  transform: translate(0, 25px);
  width: 100%;
}

.kokopaytablet .path-3720-GOP0Mh.bp2-animate-enter167 {
  animation: bp2-animate-enter167-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter167-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .i-woke-up-in-a-dunge-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 707px;
  left: 113px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 121px;
  transform: translate(0, 25px);
  width: calc(100.00% - 223px);
}

.kokopaytablet .i-woke-up-in-a-dunge-GOP0Mh.bp2-animate-enter168 {
  animation: bp2-animate-enter168-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter168-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .from-that-day-on-the-GOP0Mh {
  background-color: transparent;
  display: block;
  height: 1034px;
  left: 112px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(28.01% - 289px);
  transform: translate(0, 25px);
  width: calc(100.00% - 223px);
}

.kokopaytablet .from-that-day-on-the-GOP0Mh.bp2-animate-enter169 {
  animation: bp2-animate-enter169-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter169-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .i-start-telling-them-GOP0Mh {
  background-color: transparent;
  bottom: calc(43.23% - 313px);
  display: block;
  height: 724px;
  left: 112px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 223px);
}

.kokopaytablet .i-start-telling-them-GOP0Mh.bp2-animate-enter170 {
  animation: bp2-animate-enter170-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter170-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .weeks-pass-by-and-i-GOP0Mh {
  background-color: transparent;
  bottom: calc(20.63% - 158px);
  display: block;
  height: 765px;
  left: 112px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 223px);
}

.kokopaytablet .weeks-pass-by-and-i-GOP0Mh.bp2-animate-enter171 {
  animation: bp2-animate-enter171-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter171-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .rita-opens-the-door-GOP0Mh {
  background-color: transparent;
  bottom: 26px;
  display: block;
  height: 638px;
  left: 112px;
  letter-spacing: 0.00px;
  line-height: 32px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 223px);
}

.kokopaytablet .span0-FXJv1x {
}

.kokopaytablet .span1-FXJv1x {
}

.kokopaytablet .rita-opens-the-door-GOP0Mh.bp2-animate-enter172 {
  animation: bp2-animate-enter172-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter172-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .tekengebied-26-GOP0Mh {
  background-color: transparent;
  height: 73px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 99.99%;
}

.kokopaytablet .group-7927-GOP0Mh {
  background-color: transparent;
  height: 31px;
  position: absolute;
  right: calc(50.00% - 271px);
  top: 21px;
  width: 542px;
}

.kokopaytablet .tekengebied-32-MhhP7i {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.kokopaytablet .tekengebied-32-MhhP7i.bp2-animate-enter173 {
  animation: bp2-animate-enter173-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter173-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-10-9VIu0J {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.kokopaytablet .home-9VIu0J {
  background-color: transparent;
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(48.61% - 18px);
  text-align: left;
  top: 7px;
  white-space: nowrap;
  width: 36px;
}

.kokopaytablet .tekengebied-33-MhhP7i {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(25.00% - 27px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.kokopaytablet .tekengebied-33-MhhP7i.bp2-animate-enter174 {
  animation: bp2-animate-enter174-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter174-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .rectangle-16-CDx51C {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopaytablet .stories-CDx51C {
  background-color: transparent;
  bottom: calc(40.37% - 8px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(48.85% - 19px);
  text-align: left;
  white-space: nowrap;
  width: 39px;
}

.kokopaytablet .span0-9CbKGk {
}

.kokopaytablet .span1-9CbKGk {
  letter-spacing: -0.12px;
}

.kokopaytablet .span2-9CbKGk {
}

.kokopaytablet .tekengebied-34-MhhP7i {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(50.00% - 54px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.kokopaytablet .tekengebied-34-MhhP7i.bp2-animate-enter175 {
  animation: bp2-animate-enter175-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter175-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .rectangle-17-DWNxZp {
  background-color: var(--bahama-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopaytablet .crafting-DWNxZp {
  background-color: transparent;
  bottom: calc(40.37% - 8px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(47.99% - 22px);
  text-align: left;
  white-space: nowrap;
  width: 46px;
}

.kokopaytablet .span0-SEglZk {
}

.kokopaytablet .span1-SEglZk {
  letter-spacing: -0.12px;
}

.kokopaytablet .span2-SEglZk {
}

.kokopaytablet .span3-SEglZk {
  letter-spacing: 0.12px;
}

.kokopaytablet .span4-SEglZk {
}

.kokopaytablet .tekengebied-35-MhhP7i {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(25.00% - 27px);
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.kokopaytablet .tekengebied-35-MhhP7i.bp2-animate-enter176 {
  animation: bp2-animate-enter176-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter176-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .rectangle-18-VY6qwA {
  background-color: var(--regal-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.kokopaytablet .shellet-VY6qwA {
  background-color: transparent;
  bottom: calc(40.37% - 8px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(48.70% - 19px);
  text-align: left;
  white-space: nowrap;
  width: 39px;
}

.kokopaytablet .tekengebied-36-MhhP7i {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.kokopaytablet .tekengebied-36-MhhP7i.bp2-animate-enter177 {
  animation: bp2-animate-enter177-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter177-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .path-11-Z5jlSR {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.kokopaytablet .whitepaper-Z5jlSR {
  background-color: transparent;
  bottom: calc(40.37% - 8px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(44.36% - 30px);
  text-align: left;
  white-space: nowrap;
  width: 67px;
}

.kokopaytablet .span0-OltyUa {
  letter-spacing: -0.12px;
}

.kokopaytablet .span1-OltyUa {
}

.kokopaytablet .span2-OltyUa {
  letter-spacing: -0.12px;
}

.kokopaytablet .span3-OltyUa {
}

.kokopaytablet .logo_1_-GOP0Mh {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 26px;
  left: 18px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 23px;
  transform: translate(25px, 0);
  width: 36px;
}

.kokopaytablet .logo_1_-GOP0Mh.bp2-animate-enter178 {
  animation: bp2-animate-enter178-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp2-animate-enter178-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.kokopaytablet .discord-logo-black-GOP0Mh {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 25px;
  left: 79px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 24px;
  transform: translate(25px, 0);
  width: 32px;
}

.kokopaytablet .discord-logo-black-GOP0Mh.bp2-animate-enter179 {
  animation: bp2-animate-enter179-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp2-animate-enter179-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
@media screen and (max-width: 833px) {
  .screen.kokopay1920 { 
    display: none;
   }
  .screen.kokopay1366 { 
    display: none;
   }
  .screen.kokopaytablet { 
    display: none;
   }
}
@media screen and (min-width: 834px) and (max-width: 1365px) {
  .screen.kokopay1920 { 
    display: none;
   }
  .screen.kokopay1366 { 
    display: none;
   }
  .screen.kokopaymobile { 
    display: none;
   }
}
@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .screen.kokopay1920 { 
    display: none;
   }
  .screen.kokopaytablet { 
    display: none;
   }
  .screen.kokopaymobile { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.kokopay1366 { 
    display: none;
   }
  .screen.kokopaytablet { 
    display: none;
   }
  .screen.kokopaymobile { 
    display: none;
   }
}