html, body{
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
::-webkit-scrollbar{display: none;}
p{margin:0 0 0 0;}
.App {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  color: white;
  background: #171D39;
}
.emoji-picker-modal, .epr-preview, .epr-body, .epr-header, .epr-main, .EmojiPickerReact, .epr-dark-theme, .EmojiPickerReact.epr-dark-theme > *{
            
            
  --epr-bg-color: #262e58!important;
  --epr-category-label-bg-color: #1c2344!important;
  --epr-text-color: #007aeb !important;
  --epr-hover-bg-color: #4f8dde !important;

  --epr-focus-bg-color: #4f8dde !important;
  
  --epr-search-input-bg-color: #141a31 !important;

  --epr-picker-border-color: #151617 !important;

  --epr-search-input-bg-color-active: var(--epr-dark) !important;
  --epr-emoji-variation-indicator-color: #4f8dde !important;
  --epr-category-icon-active-color: #3271b7 !important;
  --epr-skin-tone-picker-menu-color: #22222295 !important;
}


.pagenav-container.jsx-698239336 {
  width: 100%;
  height: 70px;
  min-height: 70px;
  display: flex;
  margin-bottom: 15px;
  overflow: hidden;
}

.logo-container.jsx-698239336 {
  width: 330px;
  height: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: rgb(28, 35, 68);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}

.logo-container.jsx-698239336 img.jsx-698239336 {
  height: 40px;
}

.pages.jsx-698239336 {
  display: flex;
  height: 100%;
  align-items: flex-end;
  gap: 15px;
  margin-left: 40px;
}

.navlink.jsx-698239336 {
  height: 60px;
  width: 70px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  color: rgb(156, 164, 191);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  user-select: none;
  transition: color 0.2s;
}

.icon.jsx-698239336 {
  font-size: 22px;
  font-weight: 900;
}
.active.jsx-698239336 {
  color: rgb(79, 141, 222);
  background-color: rgb(28, 35, 68);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
  border-radius: 10px;
}

.active.jsx-698239336 .link.jsx-698239336 {
  color: white;
}

.link.jsx-698239336 {
 margin: unset;
 font-size: 10px;
}

.right.jsx-698239336 {
  margin-left: auto;
  height: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 50px;
  padding: 0px 20px;
}

.logins.jsx-698239336 {
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
}

.login.jsx-698239336 {
  width: 125px;
  height: 40px;
  background-color: rgb(30, 42, 81);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
  transition: 0.2s;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  /*font-size: 25px;*/
  color: rgb(156, 164, 191);
  cursor: pointer;
}

/* body */
.horizontal-center-container.jsx-1808903981 {
  height: 100%;
  width: 100vw;
  display: flex;
  overflow: hidden;
}

.vertical-center-container.jsx-1808903981 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0px 15px;
}

.activitybar-container.jsx-642332161 {
  width: 100%;
  min-height: 60px;
  height: 60px;
  border-radius: 10px;
  background-color: rgb(28, 35, 68);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
  padding: 0px 15px;
}

.activity-container.jsx-642332161 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.activity.jsx-642332161 {
  width: fit-content;
  height: 100%;
  gap: 10px;
  overflow: hidden;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

img.jsx-1370893716 {
  width: 180px;
  user-select: none;
}

.earning-container.jsx-2048368619 {
  width: fit-content;
  user-select: none;
  background-color: rgb(38, 46, 88);
  border-radius: 4px;
  height: 40px;
  min-width: 150px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px 6px;
  gap: 10px;
}

.avatar.jsx-2048368619 {
  height: 30px;
  border-radius: 4px;
}

.wall.jsx-2048368619 {
  color: rgb(114, 122, 148);
  font-weight: 500;
  font-size: 10px;
  margin: unset;
}

.name.jsx-2048368619 {
  color: rgb(156, 164, 191);
  font-weight: 500;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: unset;
  max-width: 85px;
}

.earned.jsx-2048368619 {
  color: rgb(79, 141, 222);
  background-color: rgb(28, 35, 68);
  padding: 0px 5px;
  border-radius: 3px;
  font-size: 17px;
  font-weight: 600;
  margin-left: 15px;
}

.earn-container.jsx-2123150246 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 50px 200px;
  gap: 25px;
  overflow: hidden auto;
}

.title.jsx-2123150246 {
  font-weight: 500;
  font-size: 24px;
  gap: 10px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.blue.jsx-2123150246 {
  color: rgb(77, 174, 255);
}

.title.jsx-2123150246 p.jsx-2123150246 {
  margin: unset;
}

.free-container.jsx-2123150246 {
  flex-direction: column;
  height: fit-content;
}

.discord.jsx-2123150246 {
  background: rgb(33, 41, 77);
  border-radius: 12px;
  height: 100px;
  max-height: 100px;
  width: 100%;
  min-width: 265px;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: rgb(76, 174, 255);
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}

.walls.jsx-2123150246 {
  background: rgb(220 227 255);
  width: 100%;
  border-radius: 12px;
  display: inline-grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 15px;
  padding: 15px;
}

.wall-container.jsx-1370893716 {
  height: 125px;
  background: rgb(77, 104, 229);
  border-radius: 8px;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
  transition: 0.3s;
}

img.jsx-1370893716 {
  width: 180px;
  user-select: none;
}

.bonus.jsx-1370893716,.bonus.jsx-2963798334 {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 3px 8px;
  border-bottom-right-radius: 10px;
  font-weight: bold;
  background-color: red !important;
}

.disabled.jsx-1370893716,.disabled.jsx-2963798334 {
  display: none;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
  font-size: 1rem;
  color: rgb(77, 174, 255);
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  user-select: none;
}

.wall-container.jsx-2963798334 {
  height: 125px;
  background: white;
  border-radius: 8px;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
  transition: 0.3s;
}

img.jsx-2963798334 {
  width: 180px;
  user-select: none;
}

/* chat start */
.chat-container.jsx-1800457298 {
  min-width: 330px;
  width: 330px;
  height: 100%;
  background: rgb(28, 35, 68);
  border-radius: 12px 0px 0px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px 15px 15px;
}

.messages-container.jsx-1079838636 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden scroll;
  margin-bottom: 15px;
}

.message-container.jsx-316502442 {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: rgb(34, 41, 77);
  padding: 10px;
  border-radius: 6px;
  margin-top: 15px;
}

.message-info.jsx-316502442 {
  width: 100%;
}

.user-info.jsx-316502442 {
  width: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.avatar.jsx-316502442 {
  width: 25px;
  height: 25px;
  border-radius: 4px;
}

.user-info.jsx-316502442 p.jsx-316502442 {
   margin: unset;
 }

.level.jsx-316502442 {
  box-sizing: content-box;
  padding: 0px 8px;
  background-color: rgb(43, 61, 109);
  color: rgb(98, 156, 241);
  font-size: 12px;
  font-weight: 600;
}

.name.jsx-316502442 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: white;
  font-size: 12px;
  font-weight: 600;
}

.user-info.jsx-316502442 p.jsx-316502442 {
  margin: unset;
}

.message.jsx-316502442 {
  font-weight: 600;
  font-size: 13px;
  color: rgb(156, 164, 191);
  width: 100%;
  overflow-wrap: break-word;
  /*white-space: pre-wrap;*/
}

/* faq */
.help-container.jsx-2201041029 {
  padding: 50px 75px;
}

.help-container.jsx-2201041029 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 50px 200px;
  gap: 25px;
  overflow: hidden auto;
}

.title.jsx-2201041029 {
  font-weight: 500;
  font-size: 24px;
  gap: 10px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.blue.jsx-2201041029 {
  color: rgb(77, 174, 255);
}

.title.jsx-2201041029 p.jsx-2201041029 {
  margin: unset;
}

.qna.jsx-2201041029 {
  display: flex;
  gap: 15px;
}

.questions.jsx-2201041029 {
  width: 300px;
  min-width: 300px;
  height: fit-content;
  border-radius: 12px;
  background-color: rgb(20, 26, 49);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
}

.question-container.jsx-3815416833 {
  width: 100%;
  height: 60px;
  transition: 0.3s ease-in-out;
  background-color: rgb(33, 40, 76);
  color: rgb(79, 141, 222);
  border-radius: 6px;
  font-weight: 600;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0px 15px;
  cursor: pointer;
}

.question.jsx-3815416833 {
  margin-left: auto;
  margin-right: auto;
}

.answer-container.jsx-997331434 {
  width: 100%;
  background-color: rgb(20, 26, 49);
  border-radius: 12px;
  padding: 15px;
}

.questions.jsx-997331434 {
  width: 100%;
  height: 60px;
  transition: 0.3s ease-in-out;
  border-radius: 6px;
  display: flex;
  gap: 15px;
  cursor: pointer;
}

.links-container.jsx-690649237 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: xx-small;
  color: rgb(255, 255, 255);
  margin-top: 20px;
}

.link.jsx-690649237 {
  color: rgb(255, 255, 255);
  text-decoration: underline;
  margin: 0px 5px;
}

.shop-container.jsx-3139668527 {
  width: 100%;
  height: 100%;
  padding: 50px 200px;
  overflow: hidden auto;
}

.title.jsx-3139668527 {
  font-weight: 500;
  font-size: 24px;
  gap: 10px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 75px;
}

/* leaders */
.leaders-container.jsx-1568305674 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 50px 200px;
  gap: 25px;
  overflow: hidden auto;
}

.title.jsx-1568305674 {
  width: 100%;
  position: relative;
  font-weight: 500;
  font-size: 24px;
  gap: 10px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.topthree.jsx-2110427162 {
  display: flex;
  width: 100%;
  gap: 15px;
  align-items: flex-end;
}

.topthree.jsx-2110427162 {
  display: flex;
  width: 100%;
  gap: 15px;
  align-items: flex-end;
}

.prize.jsx-2110427162 {
  border-radius: 9px;
  font-size: 16px;
  color: rgb(241, 196, 117);
  background-color: rgb(56 182 255);
  padding: 3px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
  user-select: none;
}

.first.jsx-2110427162 img.jsx-2110427162, .second.jsx-2110427162 img.jsx-2110427162, .third.jsx-2110427162 img.jsx-2110427162 {
  width: 85px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
  border-radius: 10px;
  transition: 0.5s ease-in-out;
}

 p.jsx-2110427162 {
   margin: unset;
 }

.first.jsx-2110427162 {
  order: 1;
}
.second.jsx-2110427162 {
  order: 0;
}
.third.jsx-2110427162 {
  order: 2;
}
 .first.jsx-2110427162, .second.jsx-2110427162, .third.jsx-2110427162 {
   display: flex;
   flex-direction: column;
   -webkit-box-align: center;
   align-items: center;
   flex: 1 1 0%;
   gap: 15px;
   min-width: 180px;
 }
.remaining.jsx-2110427162 {
  display: inline-grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 15px;
}
.placement.jsx-1445678782 {
  height: 100px;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 20px rgba(160,159,202,.15);
}
.top.jsx-1445678782 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}
.place.jsx-1445678782 {
  min-width: 40px;
  min-height: 40px;
  line-height: 40px;
  background-color: rgb(0, 122, 144);
  color: rgb(91, 229, 253);
  text-align: center;
  border-radius: 8px;
}
.username.jsx-1445678782 {
  margin: 0px auto;
}
.username.jsx-1445678782 {
 color: rgb(79, 141, 222);
 font-weight: 600;
}
.username.jsx-1445678782 {
  margin: 0px auto;
}
.username.jsx-1445678782 {
 color: rgb(79, 141, 222);
 font-weight: 600;
}
.earned.jsx-1445678782 {
  margin: auto 0px;
  color: rgb(79, 141, 222);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
p.jsx-1445678782 {
  margin: unset;
}
.earned.jsx-1445678782 span.jsx-1445678782 {
  color: rgb(241, 196, 117);
}
.avatar.jsx-1445678782 {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
  height: 40px;
  border-radius: 8px;
}

.first.jsx-2110427162 .podium.jsx-2110427162 {
  height: 160px;
  min-height: 160px;
}

 .podium.jsx-2110427162 {
   background-color: #ffffff;
   width: 100%;
   border-radius: 12px;
   padding: 15px;
   display: flex;
   flex-direction: column;
   -webkit-box-align: center;
   align-items: center;
   box-shadow: 0 10px 20px rgba(160,159,202,.15);
 }

.top.jsx-2110427162 {
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
}

.place.jsx-2110427162 {
  min-width: 40px;
  min-height: 40px;
  line-height: 40px;
  background-color: rgb(77, 58, 75);
  text-align: center;
  color: rgb(241, 196, 117);
  border-radius: 8px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.username.jsx-2110427162 {
  text-align: center;
  width: 100%;
  color: rgb(79, 141, 222);
  font-size: 24px;
  font-weight: 600;
}

 p.jsx-2110427162 {
   margin: unset;
 }

.podium.jsx-2110427162 .earned.jsx-2110427162 {
  margin-top: auto;
  margin-bottom: auto;
}

 .earned.jsx-2110427162 {
   color: rgb(79, 141, 222);
 }

.earned.jsx-2110427162 span.jsx-2110427162 {
  color: rgb(241, 196, 117);
}

/* profile */
.landing-container.jsx-690649237 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  padding: 50px 200px;
  gap: 25px;
  overflow: hidden auto;
}

span.jsx-690649237 {
  margin-bottom: 25px;
}

.slogan.jsx-690649237 {
  font-weight: 600;
  font-size: 40px;
  color: rgb(77, 174, 255);
  margin: unset;
}

 .cta.jsx-690649237, .slogan.jsx-690649237 {
   text-align: center;
 }

.cta.jsx-690649237 {
  font-weight: 500;
  font-size: 20px;
  margin: unset;
}

.tab-container.jsx-887765010 {
  width: 100%;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.tab-container.jsx-156093621 {
  flex: 1 1 0%;
  min-width: 210px;
  min-height: 150px;
  height: 150px;
  border-radius: 12px;
  background: rgb(219 235 255);
  border: 2px solid rgb(24, 28, 46);
  gap: 10px;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  transition: 0.3s;
  cursor: pointer;
}

.title.jsx-156093621 {
  font-weight: 600;
  font-size: 20px;
}

 p.jsx-156093621 {
   margin: unset;
 }

.blue.jsx-156093621 {
  color: rgb(77, 174, 255);
}

.icons.jsx-156093621 {
  font-size: 50px;
  display: flex;
  gap: 15px;
}

.tab-container.jsx-887765010 {
  width: 100%;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.tab-container.jsx-1637879696 {
  flex: 1 1 0%;
  min-height: 100px;
  height: 100px;
  border-radius: 8px;
  background: rgb(219 235 255);
  border: 2px solid rgb(24, 28, 46);
  gap: 10px;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  min-width: 220px;
}

.title.jsx-1637879696 {
  font-weight: 600;
  font-size: 20px;
}

 p.jsx-1637879696 {
   margin: unset;
 }

.blue.jsx-1637879696 {
  color: rgb(77, 174, 255);
}

.info.jsx-1637879696 {
  font-weight: 600;
  font-size: 26px;
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  gap: 10px;
}

/* shop */
.shop-container.jsx-956121560 {
  width: 100%;
  height: 100%;
  padding: 50px 200px;
  overflow: hidden auto;
}

.title.jsx-956121560 {
  font-weight: 500;
  font-size: 24px;
  gap: 10px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 75px;
}

.blue.jsx-956121560 {
  color: rgb(77, 174, 255);
}

.title.jsx-956121560 p.jsx-956121560 {
  margin: unset;
}

.methods.jsx-956121560 {
  background: rgb(237 237 237);
  width: 100%;
  border-radius: 12px 12px 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 15px;
  padding: 15px;
  position: relative;
  margin-bottom: 75px;
}

.section-title.jsx-956121560 {
  position: absolute;
  background: rgb(20, 26, 49);
  border-radius: 12px 12px 0px 0px;
  padding: 3px 10px;
  height: 30px;
  top: -30px;
  left: 0px;
}

.wall-container.jsx-2229184468 {
  height: 95px;
  background: linear-gradient(308.21deg, rgb(38, 59, 128) -73.3%, rgb(37, 188, 255) 133.19%);
  border-radius: 6px;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.5s;
  overflow: hidden;
}

.disabled.active.jsx-2229184468 {
  display: flex;
}

 .disabled.jsx-2229184468 {
   display: none;
   width: 100%;
   height: 100%;
   z-index: 1;
   position: absolute;
   left: 0px;
   top: 0px;
   background-color: rgba(0, 0, 0, 0.8);
   font-weight: 600;
   font-size: 1rem;
   color: rgb(77, 174, 255);
   -webkit-box-align: center;
   align-items: center;
   -webkit-box-pack: center;
   justify-content: center;
   text-align: center;
   user-select: none;
 }

.wall-container.jsx-747294748 {
  height: 95px;
  background: linear-gradient(rgb(161, 164, 201) -3.68%, rgba(126, 128, 154, 0.7) 100%);
  border-radius: 6px;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.5s;
  overflow: hidden;
}

.wall-container.jsx-3458008273 {
  height: 95px;
  background: linear-gradient(rgb(10, 193, 142) -3.68%, rgb(23, 125, 62) 100%);
  border-radius: 6px;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.5s;
  overflow: hidden;
}

.disabled.jsx-3458008273 {
  display: none;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
  font-size: 1rem;
  color: rgb(77, 174, 255);
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  user-select: none;
}

.wall-container.jsx-1117237996 {
  height: 95px;
  background: white;
  border-radius: 6px;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.5s;
  overflow: hidden;
}

.disabled.jsx-1117237996 {
  display: none;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
  font-size: 1rem;
  color: rgb(77, 174, 255);
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  user-select: none;
}

.cashout-container.jsx-2702190055 {
  height: 250px;
  min-height: 250px;
  width: 100%;
  background-color: rgb(237 237 237);
  border-radius: 8px;
  padding: 15px;
  font-weight: 600;
  display: flex;
  gap: 15px;
  overflow: hidden;
  font-size:16px;
}

.information.jsx-2702190055 {
  width: 280px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.image-container.jsx-2702190055 {
  height: 140px;
  width: 280px;
  background: linear-gradient(rgb(161, 164, 201) -3.68%, rgba(126, 128, 154, 0.7) 100%);
  border-radius: 8px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

img.jsx-2702190055 {
  width: 140px;
  user-select: none;
}

.inputs.jsx-2702190055 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.input.jsx-2702190055 {
  width: 100%;
}

.blue.jsx-2702190055 {
  color: rgb(77, 174, 255);
}

.input.jsx-2702190055 input.jsx-2702190055 {
  width: 100%;
  height: 40px;
  padding: 0px 15px;
  border-radius: 6px;
  outline: unset;
  border: unset;
  font-size: 14px;
  background-color: #bacedf;
  color: white;
  margin-bottom: 10px;
}

.input.jsx-2702190055 {
  width: 100%;
}

.horz.jsx-2702190055 {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.purchase.jsx-2702190055 {
  margin-left: auto;
  height: 50px;
  width: 170px;
  background-color: rgb(56 182 255);
  border-radius: 8px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: rgb(98, 156, 241);
  transition: 0.2s;
  cursor: pointer;
}

.information.jsx-2702190055 p.jsx-2702190055 {
  margin: auto 0px;
  font-weight: 600;
  display: flex;
}

.fee.jsx-2702190055 {
  margin-left: auto;
}