@charset "UTF-8";
.uno-9raghk {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  justify-content: space-between;
}
.uno-in2zj9 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.uno-m1w5vn {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.uno-m8ufte {
  display: flex;
  margin-top: 42px;
}
.uno-rp78u0 {
  display: flex;
  flex-direction: column;
}
.uno-u2g9bi {
  margin-left: 24px;
}
.footer.svelte-1bhuhh3 {
  margin: 40px auto 0;
}
.button.svelte-1bhuhh3 {
  justify-content: flex-end;
}
.icon-wrapper.svelte-19e39jp {
  display: inline-block;
  line-height: 0;
  font-size: 0;
  width: var(--width, 24px);
  height: var(--height, 24px);
  color: var(--color, #ffffff);
}
.icon-wrapper.svelte-19e39jp svg {
  width: 100%;
  height: 100%;
}
.uno-cu4xtc {
  border-radius: 4px;
  flex: 1;
}
.uno-udg4dz {
  display: inline-flex;
  align-items: center;
}
.uno-u8yiuq {
  margin-right: 4px;
}
span.svelte-18lad7z {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  color: var(--blue);
}
.init.svelte-18lad7z {
  color: #666;
}
.processing.svelte-18lad7z {
  color: #ffa600;
}
.unverified.svelte-18lad7z {
  color: #f66;
}
.verified.svelte-18lad7z {
  color: #33d43e;
}
.uno-bdt6ny {
  font-size: 20px;
  font-weight: 700;
}
.uno-cw7n3n {
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.uno-qkdakc {
  font-size: 14px;
  margin-left: 8px;
  font-weight: 500;
}
.uno-th61vd {
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-top: 8px;
  -webkit-user-select: none;
  user-select: none;
  padding: 8px;
  font-weight: 500;
}
.uno-u7m33e {
  font-size: 14px;
  font-weight: 400;
}
.uno-ljonim {
  font-weight: 500;
  border-radius: 14px;
  text-align: center;
  display: inline-block;
  margin-left: 4px;
  --un-bg-opacity: 1;
  background-color: rgb(247 71 71 / var(--un-bg-opacity));
  --un-text-opacity: 1;
  color: rgb(255 255 255 / var(--un-text-opacity));
}
.uno-wxgpy7 {
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.uno-dm4nen {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.uno-hozolh {
  display: flex;
  margin-bottom: 20px;
  margin-top: 20px;
  gap: 12px;
}
.uno-jruota {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.uno-kvqzmk {
  display: flex;
  align-items: center;
}
.uno-s4erhd {
  display: flex;
  align-items: center;
  flex: 1;
}
.uno-na6568 {
  flex: 1;
}
.uno-5rp5z2 {
  margin-left: 2px;
}
.uno-e0e3dc {
  margin-left: 4px;
}
.uno-wwkos0 {
  margin-left: auto;
}
.profile-menu-wrap.svelte-12q835y {
  width: 280px;
  box-sizing: border-box;
  padding: 24px 16px;
  position: relative;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 20px rgba(0, 0, 0, var(--shadow-alpha));
}
.profile-menu-wrap.svelte-12q835y:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-color1);
  opacity: 0.96;
  z-index: -1;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.profile-menu-wrap.svelte-12q835y
  .account-gather-btn-group:where(.svelte-12q835y)
  .btn {
  border-radius: 40px;
  border-color: #fff;
  color: #fff;
  background: transparent;
}
.profile-menu-wrap.svelte-12q835y
  .account-gather-btn-group:where(.svelte-12q835y)
  .btn
  .icon-wrapper {
  vertical-align: sub;
}
.profile-menu-wrap.svelte-12q835y
  .account-gather-btn-group:where(.svelte-12q835y)
  .btn:hover {
  opacity: 0.8;
}
.profile-menu-wrap.svelte-12q835y
  .account-gather-btn-group:where(.svelte-12q835y)
  .btn:hover:before {
  background: transparent;
}
.profile-menu-wrap.svelte-12q835y
  .account-gather-btn-group:where(.svelte-12q835y)
  .btn.disabled:hover {
  opacity: 0.2;
}
.profile-menu-wrap.light.svelte-12q835y:before {
  opacity: 1;
}
.profile-menu-wrap.light.svelte-12q835y .main-account:where(.svelte-12q835y) {
  color: var(--blue-main);
  background: rgba(var(--green-main-rgb), var(--green-main-bg-alpha));
}
.profile-menu-wrap.light.svelte-12q835y
  .slide-btn-wrap.split:where(.svelte-12q835y):before {
  background: #e4e4e5;
}
.profile-menu-wrap-gather.light.svelte-12q835y
  .account-gather-btn-group:where(.svelte-12q835y)
  .btn {
  border-color: #888b94;
  color: #1d2029;
}
.profile-menu-wrap-gather.light.svelte-12q835y .text1:where(.svelte-12q835y) {
  color: #1d2029;
}
.profile-menu-wrap-gather.light.svelte-12q835y
  .slide-btn-wrap:where(.svelte-12q835y):hover {
  background: #f4f6fb;
}
.profile-menu-wrap-gather.svelte-12q835y
  .slide-btn-wrap:where(.svelte-12q835y) {
  color: var(--B1);
  text-decoration: none;
}
.profile-menu-wrap-gather.svelte-12q835y
  .slide-btn-wrap:where(.svelte-12q835y):hover {
  background: #ffffff0f;
}
.voucher.svelte-12q835y {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 9px;
  margin-top: 3px;
}
.rewards-hub.svelte-12q835y {
  padding: 12px 8px;
  background: #d7941f1f;
  color: #d7941f;
}
.main-account.svelte-12q835y {
  padding: 2px 8px;
  background-color: #2e2e2e;
  border-radius: 4px;
  margin-left: 8px;
}
.copy-uid-btn.svelte-12q835y:hover {
  opacity: 0.8;
}
@keyframes svelte-12q835y-slideRight {
  0% {
    transform: translate(-8px);
    opacity: 0.4;
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}
.slide-btn-wrap.svelte-12q835y .arrow-icon {
  opacity: 0;
  transform: translate(-3px);
  transition: all 0.1s ease-in-out;
}
.slide-btn-wrap.svelte-12q835y .kyc-status-flag:where(.svelte-12q835y) {
  transform: translate(18px);
  transition: all 0.1s ease-in-out;
}
.slide-btn-wrap.svelte-12q835y
  .show-arrow-icon:where(.svelte-12q835y)
  .kyc-status-flag:where(.svelte-12q835y) {
  transform: translate(0);
}
.slide-btn-wrap.svelte-12q835y
  .show-arrow-icon:where(.svelte-12q835y)
  .arrow-icon {
  opacity: 1;
  transform: translate(0);
}
.slide-btn-wrap.disabled.svelte-12q835y {
  opacity: 0.5;
}
.slide-btn-wrap.disabled.svelte-12q835y:hover {
  background: transparent;
  cursor: not-allowed;
}
.slide-btn-wrap.split.svelte-12q835y {
  position: relative;
}
.slide-btn-wrap.split.svelte-12q835y:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  cursor: default;
  background: #303339;
}
.slide-btn-wrap.svelte-12q835y:hover {
  border-radius: 8px;
  background: var(--bg-menu);
  color: var(--text1-color);
}
.slide-btn-wrap.svelte-12q835y:hover .kyc-status-flag:where(.svelte-12q835y) {
  transform: translate(0);
}
.slide-btn-wrap.svelte-12q835y:hover .arrow-icon {
  opacity: 1;
  transform: translate(0);
}
.btn-logout-wrap.svelte-12q835y {
  position: fixed;
  padding: 24px;
  box-sizing: border-box;
  bottom: 0;
  right: 0;
  width: 380px;
  z-index: 9;
  background: #232323;
}
.btn-logout-wrap-light.svelte-12q835y {
  background: #fff;
}
.btn-logout-wrap-light.svelte-12q835y .btn-logout {
  color: #1d2029 !important;
}
.btn-logout-wrap.svelte-12q835y .btn-logout {
  background: transparent;
  color: var(--text1-color);
  border-color: #888b94;
  border-radius: 40px;
}
.btn-logout-wrap.svelte-12q835y .btn-logout:hover {
  background: transparent;
  border-color: #888b94;
  color: var(--text1-color);
  opacity: 0.8;
}
.btn-logout-wrap.svelte-12q835y .btn-logout:hover:before {
  background: transparent;
}
.btn-logout-wrap.svelte-12q835y .btn-logout > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.uno-3nfhn7 {
  font-size: 14px;
  margin-left: 8px;
}
.uno-a8xqs7 {
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.uno-m3dkur {
  font-size: 14px;
  flex: 1;
}
.uno-y2deog {
  font-size: 14px;
  cursor: pointer;
  flex: 1;
}
.uno-vmj547 {
  font-weight: 500;
  cursor: pointer;
}
.uno-5yz4j3 {
  font-weight: 600;
}
.uno-m2zjmf {
  font-weight: 600;
  margin-left: 12px;
}
.uno-l3l02b {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.uno-twjnhk {
  cursor: pointer;
  margin-top: 16px;
}
.uno-zsqlge {
  cursor: pointer;
}
.uno-5pvkyr {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.uno-qckzx2 {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 12px;
}
.uno-1jq1f7 {
  display: block;
  padding-left: 0;
}
.uno-qhhueg {
  flex: 1;
}
.uno-ocg367 {
  margin-top: 16px;
}
.select-view-wrap.svelte-3vb5fn {
  width: 280px;
  box-sizing: border-box;
  position: relative;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 20px rgba(0, 0, 0, var(--shadow-alpha));
}
.select-view-wrap.svelte-3vb5fn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-color1);
  opacity: 0.96;
  z-index: -1;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.select-view-wrap.light.svelte-3vb5fn .row:where(.svelte-3vb5fn):hover,
.select-view-wrap.light.svelte-3vb5fn .row.active:where(.svelte-3vb5fn),
.select-view-wrap.light.svelte-3vb5fn .active:where(.svelte-3vb5fn) {
  color: var(--blue);
}
.select-view-wrap.light.svelte-3vb5fn .split:where(.svelte-3vb5fn) {
  background: #e4e4e5;
}
.select-view-wrap.light.svelte-3vb5fn .add-sub:where(.svelte-3vb5fn) {
  background: #f0f4fa;
  border-width: 0;
}
.select-view-wrap.gather.svelte-3vb5fn .wrap:where(.svelte-3vb5fn) {
  padding: 24px 0 0;
}
.select-view-wrap.gather.light.svelte-3vb5fn .text1:where(.svelte-3vb5fn) {
  color: #1d2029;
}
.select-view-wrap.gather.svelte-3vb5fn .text1:where(.svelte-3vb5fn) {
  color: #fff;
}
.select-view-wrap.gather.svelte-3vb5fn .text2:where(.svelte-3vb5fn) {
  color: #888b94;
}
.select-view-wrap.svelte-3vb5fn .wrap:where(.svelte-3vb5fn) {
  padding: 24px 16px 0;
}
header.svelte-3vb5fn {
  line-height: 20px;
  background: transparent;
}
header.svelte-3vb5fn:hover {
  opacity: 0.8;
}
.split.svelte-3vb5fn {
  height: 1px;
  background: #303339;
}
section.svelte-3vb5fn {
  background: transparent;
}
.row.svelte-3vb5fn,
.title.svelte-3vb5fn {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.row.svelte-3vb5fn + .row:where(.svelte-3vb5fn) {
  margin-top: 12px;
}
.arrow.svelte-3vb5fn:hover {
  opacity: 0.8;
}
.sv.svelte-3vb5fn {
  overflow: auto;
}
ul.svelte-3vb5fn {
  min-height: min-content;
}
.row.svelte-3vb5fn:hover,
.row.active.svelte-3vb5fn,
.active.svelte-3vb5fn {
  color: var(--TW);
}
.subDiv.svelte-3vb5fn {
  max-height: 350px;
  overflow-y: scroll;
  margin-top: 16px;
}
.subDiv.svelte-3vb5fn::-webkit-scrollbar {
  width: 2px;
  height: 5px;
}
.subDiv.svelte-3vb5fn::-webkit-scrollbar-track {
  border-radius: 10px;
}
.subDiv.svelte-3vb5fn::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #0000001a;
}
.subDiv.svelte-3vb5fn::-webkit-scrollbar-thumb:window-inactive {
  background: #e5e5e5;
}
.add-sub.svelte-3vb5fn {
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: var(--text1-color);
  border-top: 1px solid #303339;
}
.add-sub.svelte-3vb5fn:hover {
  opacity: 0.8;
}
.reversal.svelte-3vb5fn {
  transform: rotate(180deg);
}
.collapse-wrapper.svelte-s7f7x2 {
  width: 100%;
  overflow: hidden;
}
.default-header.svelte-s7f7x2 {
  cursor: pointer;
  padding: 10px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
}
.arrow.svelte-s7f7x2 {
  transition: transform 0.3s ease;
}
.arrow.open.svelte-s7f7x2 {
  transform: rotate(180deg);
}
.uno-cu80j8 {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.uno-a3xedw {
  display: flex;
  justify-content: space-between;
}
.uno-2e8cdz {
  flex: 1;
}
.modal-mask.svelte-n7jlgx {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in;
}
.modal.svelte-n7jlgx {
  position: absolute;
  right: -500px;
  padding: 24px;
  width: 380px;
  height: calc(100% - 48px);
  background: #232323;
  color: var(--B1);
  overflow: auto;
  transition: all 0.3s ease-in;
  box-sizing: border-box;
}
.close-btn.svelte-n7jlgx {
  border-radius: 100%;
  width: 56px;
  height: 56px;
}
.iconfont.svelte-n7jlgx {
  font-size: 32px;
}
@media screen and (max-width: 640px) {
  .modal.svelte-n7jlgx {
    width: calc(100% - 80px);
    height: calc(100% - 32px) !important;
  }
  .close-btn.svelte-n7jlgx {
    width: 32px;
    height: 32px;
  }
  .iconfont.svelte-n7jlgx {
    font-size: 16px;
  }
}
.uno-4qlz67 {
  display: inline-flex;
  flex: 1;
}
.uno-6s0pcw {
  display: inline-flex;
  position: relative;
}
.wrapper.svelte-u1bx8t {
  position: relative;
}
.wrapper.drop-child.svelte-u1bx8t {
  width: 100%;
}
.popover.svelte-u1bx8t {
  position: absolute;
  z-index: 99999999;
  white-space: nowrap;
}
.popover.bottom.svelte-u1bx8t {
  left: var(--position-left, 0px);
  transition: left 0.2s ease-out;
}
.popover.bottom.show.svelte-u1bx8t {
  top: 100%;
  animation: svelte-u1bx8t-slide-up 0.2s ease-out forwards;
}
.popover.bottom.svelte-u1bx8t:not(.show) {
  top: calc(100% + var(--spacing));
}
.popover.right.svelte-u1bx8t {
  top: 0;
  left: 100%;
}
.popover.right-bottom.svelte-u1bx8t {
  top: 100%;
  right: 0;
}
.popover.right-bottom.show.svelte-u1bx8t {
  animation: svelte-u1bx8t-slide-up 0.1s ease-out forwards;
}
.popover.right-bottom.svelte-u1bx8t:not(.show) {
  top: calc(100% + var(--spacing));
}
.popover.use-visible.svelte-u1bx8t {
  visibility: hidden;
}
.popover.use-visible.show.svelte-u1bx8t {
  visibility: visible;
}
@keyframes svelte-u1bx8t-slide-up {
  0% {
    transform: translateY(var(--spacing));
  }
  to {
    transform: translateY(0);
  }
}
.uno-fgkl3h {
  font-size: 14px;
  border-radius: 45px;
  border: 1px solid #747875;
  box-sizing: border-box;
  width: 100%;
  --un-text-opacity: 1;
  color: rgb(255 255 255 / var(--un-text-opacity));
}
.uno-bbys52 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 12px;
}
.uno-irxxfg {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  cursor: pointer;
}
.uno-c4mdwf {
  flex: 1;
  position: relative;
  width: 100%;
}
.uno-c9fvqc {
  width: 16px;
  height: 16px;
  --un-text-opacity: 1;
  color: rgb(255 255 255 / var(--un-text-opacity));
}
.uno-irxxfg:hover {
  opacity: 0.85;
}
.search-form.svelte-bfvknz {
  height: 40px !important;
  width: 100% !important;
  max-height: 40px;
}
.search-input.svelte-bfvknz {
  background: transparent;
  box-shadow: none;
  outline: none;
  caret-color: var(--text1-color);
  padding-right: 30px;
  padding-left: 12px;
  height: 40px;
  box-sizing: border-box;
  color: var(--text1-color);
}
.search-input.is-search.svelte-bfvknz {
  padding-left: 34px;
}
.search-input.svelte-bfvknz::placeholder {
  color: var(--text2-color);
}
.search-icon.svelte-bfvknz {
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}
.clear-icon.svelte-bfvknz {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 100%;
  padding-right: 12px;
}
.uno-jvubfr {
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-left: 24px;
  font-weight: 700;
}
.uno-xjg2c8 {
  display: flex;
  flex-direction: column;
}
.uno-dlwvd4 {
  display: inline-block;
}
.uno-nwd49w {
  flex: 1;
}
.uno-1unc2p {
  margin-left: 12px;
}
.gather-dialog {
  position: relative;
}
.gather-dialog .profile-menu-wrap,
.gather-dialog .select-view-wrap {
  padding: 0 24px;
  width: 100%;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.gather-dialog .profile-menu-wrap:before,
.gather-dialog .select-view-wrap:before {
  background: transparent;
  backdrop-filter: none;
}
.gather-dialog .reversal.svelte-8ldyag {
  transform: rotate(180deg);
}
.gather-dialog .gather-modal-title.svelte-8ldyag {
  height: 100%;
  color: #fff;
}
.gather-dialog .gather-modal-title.light.svelte-8ldyag {
  color: #212324;
}
.gather-dialog .gather-modal-title.svelte-8ldyag:hover {
  opacity: 0.8;
}
.uno-bxufcq {
  font-size: 14px;
  font-weight: 400;
}
.uno-m4gvbi {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.uno-s0zneo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.language-wrap.svelte-1803aai {
  width: 320px;
  box-sizing: border-box;
  padding: 12px;
  backdrop-filter: blur(10px);
  position: relative;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  box-shadow: 0 0 20px rgba(0, 0, 0, var(--shadow-alpha));
}
.language-wrap.modal.svelte-1803aai {
  box-shadow: none;
}
.language-wrap.light.svelte-1803aai:before {
  opacity: 1;
}
.language-wrap.svelte-1803aai:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-color1);
  opacity: 0.96;
  z-index: -1;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.language-item.svelte-1803aai {
  width: 50%;
  padding: 12px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 8px;
}
.language-item.svelte-1803aai:hover {
  background-color: var(--bg-menu);
}
.language-item.selected.svelte-1803aai .language-text:where(.svelte-1803aai) {
  color: var(--green-main);
  font-weight: 500;
}
.uno-4tzr84 {
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
}
.uno-6vqe10 {
  cursor: pointer;
}
.uno-sbwii8 {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
}
.uno-mpogzz {
  display: flex;
}
.uno-41zgvh {
  padding: 24px;
}
.modal-mask.svelte-1ympg1j {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  background: #0009;
}
.modal-container.svelte-1ympg1j {
  position: fixed;
  inset: 0;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal.svelte-1ympg1j {
  position: relative;
  border-radius: 12px;
  width: 520px;
  max-height: calc(100vh - 3em);
  background: #fff;
  overflow: auto;
}
.modal.big.svelte-1ympg1j {
  width: 620px;
}
.modal.middle.svelte-1ympg1j {
  width: 480px;
}
.modal.small.svelte-1ympg1j {
  width: 320px;
}
.modal.phone.svelte-1ympg1j {
  width: calc(100vw - 3em);
}
.svelte-1ympg1j::-webkit-scrollbar {
  width: 0 !important;
}
.close-icon-wrap.svelte-1ympg1j {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
  width: 40px;
  height: 40px;
}
.close-icon-wrap.svelte-1ympg1j .close-icon:where(.svelte-1ympg1j) {
  position: static;
}
.close-icon.svelte-1ympg1j {
  position: absolute;
  top: 16px;
  right: 16px;
}
@media screen and (max-width: 640px) {
  .xs\:ph16.svelte-1ympg1j {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.uno-bsgjmx {
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
  font-weight: 400;
}
.uno-x8hyn9 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.uno-qfip5m {
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.uno-mqpp1d {
  display: flex;
  flex-direction: column;
}
.uno-d5id7x {
  flex: 1;
}
.submenu-list-wrap.svelte-k1ra8o {
  width: 294px;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px 12px;
  position: relative;
  background: var(--bg-child);
  border-bottom-right-radius: 12px;
}
.submenu-list.svelte-k1ra8o {
  overflow-y: auto;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
}
.submenu-list.svelte-k1ra8o::-webkit-scrollbar {
  display: none;
}
.submenu-item.svelte-k1ra8o {
  padding: 12px 16px;
  transition: all 0.1s ease-in-out;
  color: #888b94;
}
.submenu-item.svelte-k1ra8o:hover {
  color: #888b94;
  border-radius: 8px;
  background-color: var(--bg-menu);
}
.submenu-title.svelte-k1ra8o {
  text-overflow: ellipsis;
  word-break: break-all;
  letter-spacing: 0;
  vertical-align: middle;
  white-space: break-spaces;
}
.submenu-desc.svelte-k1ra8o {
  white-space: break-spaces;
}
svelte-virtual-list-viewport.svelte-1tqh76q {
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: block;
}
svelte-virtual-list-contents.svelte-1tqh76q,
svelte-virtual-list-row.svelte-1tqh76q {
  display: block;
}
svelte-virtual-list-row.svelte-1tqh76q {
  overflow: hidden;
}
.uno-l3whe5 {
  font-size: 14px;
}
.tooltip-container.svelte-z570sq {
  z-index: 9999;
  pointer-events: auto;
}
.tooltip.svelte-z570sq {
  box-shadow: 0 2px 8px rgba(var(--B5), 0.15);
  border-radius: 12px;
  padding: 20px;
  font-size: 12px;
}
.tooltip.svelte-z570sq a {
  text-decoration: underline;
}
.content.svelte-z570sq {
  white-space: normal;
  color: var(--T1);
}
.arrow.svelte-z570sq {
  position: absolute;
  width: 8px;
  height: 8px;
}
.arrow2.svelte-z570sq {
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
}
.tooltip.svelte-z570sq,
.arrow2.svelte-z570sq {
  background: #fff;
  box-shadow: 0 3px 20px #0000001a;
}
.tooltip-container[data-popper-placement^="top"].svelte-z570sq {
  padding-bottom: 8px;
}
.tooltip-container[data-popper-placement^="top"].svelte-z570sq
  .arrow:where(.svelte-z570sq) {
  bottom: 4px;
}
.tooltip-container[data-popper-placement^="bottom"].svelte-z570sq {
  padding-top: 8px;
}
.tooltip-container[data-popper-placement^="bottom"].svelte-z570sq
  .arrow:where(.svelte-z570sq) {
  top: 4px;
}
.tooltip-container[data-popper-placement^="left"].svelte-z570sq {
  padding-right: 8px;
}
.tooltip-container[data-popper-placement^="left"].svelte-z570sq
  .arrow:where(.svelte-z570sq) {
  right: 4px;
}
.tooltip-container[data-popper-placement^="right"].svelte-z570sq {
  padding-left: 8px;
}
.tooltip-container[data-popper-placement^="right"].svelte-z570sq
  .arrow:where(.svelte-z570sq) {
  left: 4px;
}
.tooltip-container[data-popper-placement$="-start"].svelte-z570sq
  .arrow:where(.svelte-z570sq),
.tooltip-container[data-popper-placement$="-end"].svelte-z570sq
  .arrow:where(.svelte-z570sq) {
  transform: unset !important;
}
.tooltip-container[data-popper-placement="bottom-start"].svelte-z570sq
  .arrow:where(.svelte-z570sq),
.tooltip-container[data-popper-placement="top-start"].svelte-z570sq
  .arrow:where(.svelte-z570sq) {
  left: 12px !important;
}
.tooltip-container[data-popper-placement="bottom-end"].svelte-z570sq
  .arrow:where(.svelte-z570sq),
.tooltip-container[data-popper-placement="top-end"].svelte-z570sq
  .arrow:where(.svelte-z570sq) {
  left: unset !important;
  right: 12px !important;
}
.tooltip-container[data-popper-placement="left-start"].svelte-z570sq
  .arrow:where(.svelte-z570sq),
.tooltip-container[data-popper-placement="right-start"].svelte-z570sq
  .arrow:where(.svelte-z570sq) {
  top: 12px !important;
}
.tooltip-container[data-popper-placement="left-end"].svelte-z570sq
  .arrow:where(.svelte-z570sq),
.tooltip-container[data-popper-placement="right-end"].svelte-z570sq
  .arrow:where(.svelte-z570sq) {
  top: unset !important;
  bottom: 12px !important;
}
.market-tag.svelte-6khu7x {
  display: inline-block;
  border-radius: 2px;
  padding: 1px 4px 2px;
  line-height: 16px;
  font-size: 12px;
  background-color: #f24e5329;
  color: var(--sell);
  cursor: default;
  text-decoration: underline dashed var(--sell);
  white-space: nowrap;
}
.market-tag.pre-tag.svelte-6khu7x {
  background-color: var(--orange-4);
  color: var(--orange-1);
  text-decoration: none;
}
.market-tag.svelte-6khu7x .tooltip-container .content {
  color: #00f !important;
}
.uno-6gi0pd {
  font-size: 14px;
  font-weight: 500;
}
.uno-cuqk3b {
  font-size: 12px;
  margin-top: 4px;
  font-weight: 400;
}
.uno-n6m7io {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-left: 4px;
}
.uno-pv1mex {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.uno-2teve5 {
  text-align: right;
}
.uno-1pbn6w {
  display: flex;
  flex-direction: column;
}
.uno-vru178 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
  font-weight: 500;
  font-weight: 14;
}
.uno-9kga0i {
  flex: 1;
  margin-top: 16px;
}
.uno-gr7h1o {
  margin-left: 4px;
}
.uno-s6uklh {
  padding-left: 12px;
  padding-right: 12px;
}
.uno-p850ua {
  --un-text-opacity: 1;
  color: rgb(156 163 175 / var(--un-text-opacity));
}
.uno-odgk0q {
  font-weight: 500;
  font-weight: 14;
}
.market-list-wrap.svelte-1nvhj27 {
  width: 300px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding: 16px 8px;
  position: relative;
  background: var(--bg-child);
  border-bottom-right-radius: 12px;
}
.symbol-list.svelte-1nvhj27 {
  overflow-y: auto;
  scrollbar-width: none;
}
.symbol-list.svelte-1nvhj27::-webkit-scrollbar {
  display: none;
}
.symbol-list.svelte-1nvhj27 > svelte-virtual-list-viewport {
  scrollbar-width: none;
}
.symbol-list.svelte-1nvhj27 > svelte-virtual-list-viewport::-webkit-scrollbar {
  display: none;
}
.symbol-item.svelte-1nvhj27 {
  padding: 8px 12px;
  transition: all 0.1s ease-in-out;
}
.symbol-item.svelte-1nvhj27:hover {
  border-radius: 8px;
  background-color: var(--bg-menu);
}
.symbol-text.svelte-1nvhj27 {
  margin-left: 12px;
  flex: 1;
  text-overflow: ellipsis;
  word-break: break-all;
}
.c-gray.svelte-1nvhj27 {
  color: #888b94;
}
.pre.svelte-1nvhj27 {
  border-radius: 2px;
  padding: 0 4px;
  background-color: var(--orange-4);
  color: var(--orange-1);
}
.uno-0vj60z {
  font-size: 18px;
  font-weight: 600;
  width: 180px;
}
.uno-jtkluu {
  font-size: 12px;
  padding-left: 36px;
  padding-bottom: 12px;
  --un-text-opacity: 1;
  color: rgb(102 102 102 / var(--un-text-opacity));
  font-weight: 400;
}
.uno-ktjdp9 {
  font-size: 12px;
  padding-left: 16px;
  padding-bottom: 12px;
  font-weight: 400;
}
.uno-l3h4z8 {
  padding-right: 20px;
  padding-left: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
  --un-text-opacity: 1 !important;
  color: rgb(184 184 184 / var(--un-text-opacity)) !important;
}
.uno-mqa2ib,
.uno-oby4sz {
  padding-right: 20px;
  padding-left: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
  gap: 12px;
  font-weight: 500;
}
.uno-nc5ma1 {
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.uno-hqt64u {
  border-radius: 4px;
  display: inline-flex !important;
  width: auto !important;
  --un-bg-opacity: 1;
  background-color: rgb(41 41 41 / var(--un-bg-opacity));
  padding: 6px;
}
.uno-bojhlh {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  margin-left: 10px;
}
.uno-o4ih9c {
  overflow: hidden;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.uno-q637u1 {
  overflow: hidden;
}
.uno-frcnfr {
  width: 100%;
  display: inline-block;
}
.uno-94sglz {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.uno-ghxq2y {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.uno-r8rhfm {
  display: flex;
  align-items: center;
  flex: 1;
}
.uno-x88pxh {
  display: flex;
  align-items: center;
}
.uno-9bruu9 {
  flex: 1;
}
.uno-lqc6jx {
  flex: 1;
  margin-left: 16px;
}
.uno-97g801 {
  margin-right: 6px;
}
.uno-ejmq3a {
  margin-top: 16px;
  margin-bottom: 16px;
}
.uno-ijetqv {
  margin-top: 20px;
}
.uno-qsx6td {
  margin-left: 4px;
}
.uno-otxao7 {
  padding-top: 12px;
}
.uno-nvr4mf {
  font-weight: 700;
}
.wrap.light.svelte-ww7fli .split:where(.svelte-ww7fli) {
  background: #ebeef5;
}
.wrap.light.svelte-ww7fli
  .child-menu-item:where(.svelte-ww7fli)
  > a:where(.svelte-ww7fli):hover {
  color: #1d2029;
}
.wrap.right.svelte-ww7fli {
  margin-top: 0 !important;
}
.wrap.right.light.svelte-ww7fli
  .menu-item:where(.svelte-ww7fli)
  > a:where(.svelte-ww7fli):hover {
  background: #f4f6fb;
}
.wrap.right.light.svelte-ww7fli
  .menu-item.active:where(.svelte-ww7fli)
  > a:where(.svelte-ww7fli) {
  background: #f4f6fb;
}
.wrap.right.light.svelte-ww7fli
  .child-menu-item:where(.svelte-ww7fli)
  > a:where(.svelte-ww7fli):hover {
  color: #1d2029;
}
.wrap.right.light.svelte-ww7fli .text1:where(.svelte-ww7fli) {
  color: #1d2029;
}
.wrap.right.svelte-ww7fli .text1:where(.svelte-ww7fli) {
  color: #fff;
}
.wrap.right.svelte-ww7fli
  .menu-item.active:where(.svelte-ww7fli)
  > a:where(.svelte-ww7fli) {
  background: #ffffff0f;
}
.wrap.right.svelte-ww7fli
  .menu-item:where(.svelte-ww7fli)
  > a:where(.svelte-ww7fli) {
  color: #fff;
  text-decoration: none;
}
.wrap.right.svelte-ww7fli
  .menu-item:where(.svelte-ww7fli)
  > a:where(.svelte-ww7fli):hover {
  background: #ffffff0f;
}
.wrap.svelte-ww7fli
  .menu-item.active:where(.svelte-ww7fli)
  > a:where(.svelte-ww7fli) {
  background: var(--bg-menu);
}
.wrap.svelte-ww7fli
  .menu-item.active:where(.svelte-ww7fli)
  > a:where(.svelte-ww7fli)
  .arrow:where(.svelte-ww7fli) {
  transform: rotate(-180deg);
}
.wrap.svelte-ww7fli .menu-item:where(.svelte-ww7fli) > a:where(.svelte-ww7fli) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  box-sizing: border-box;
  height: 50px;
}
.wrap.svelte-ww7fli .child-menu-item:where(.svelte-ww7fli) {
  width: calc(100% - 56px);
}
.wrap.svelte-ww7fli
  .child-menu-item.active:where(.svelte-ww7fli)
  .arrow:where(.svelte-ww7fli) {
  transform: rotate(-180deg);
}
.wrap.svelte-ww7fli
  .child-menu-item:where(.svelte-ww7fli)
  > a:where(.svelte-ww7fli) {
  padding-left: 36px;
  height: 44px;
  line-height: 44px;
  color: #858585;
  cursor: pointer;
  text-decoration: none;
}
.wrap.svelte-ww7fli
  .child-menu-item:where(.svelte-ww7fli)
  > a:where(.svelte-ww7fli):hover {
  color: #fff;
}
.wrap.svelte-ww7fli
  .child-menu-item:where(.svelte-ww7fli)
  > a.with-sub:where(.svelte-ww7fli) {
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .wrap.svelte-ww7fli
    .child-menu-item:where(.svelte-ww7fli)
    > a:where(.svelte-ww7fli) {
    line-height: 1.2;
  }
}
.wrap.svelte-ww7fli .child-menu-item.submenu:where(.svelte-ww7fli) {
  text-indent: 2rem;
}
.avatar.svelte-ww7fli {
  border-radius: 50%;
  width: 36px;
  height: 36px;
}
.arrow.svelte-ww7fli {
  transition: all 0.1s;
}
.account-arrow.svelte-ww7fli {
  transform: rotate(-90deg);
}
.w180.svelte-ww7fli {
  width: 180px;
}
.title.svelte-ww7fli {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--TW);
}
.split.svelte-ww7fli {
  height: 1px;
  background: #303339;
}
.y-2.svelte-ww7fli {
  transform: translateY(2px);
}
.btn-group.svelte-ww7fli {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background: var(--bg-main);
  box-sizing: border-box;
  box-shadow: 0 0 20px #0000000d;
}
.btn-group.right.svelte-ww7fli {
  position: fixed;
  width: 380px;
  background: #232323;
}
.btn-group.right.svelte-ww7fli .text1 {
  color: #fff;
}
.btn-group.right.light.svelte-ww7fli {
  background: #fff;
}
.btn-group.right.light.svelte-ww7fli .text1 {
  color: #1d2029;
}
.btn-group.svelte-ww7fli .btn-bottom {
  border-radius: 40px;
}
.btn-group.svelte-ww7fli .btn-bottom.primary {
  background-color: #333;
  border-color: #333;
  color: #fff;
}
.btn-group.svelte-ww7fli .btn-bottom.primary:hover {
  opacity: 0.8;
}
.btn-group.svelte-ww7fli .btn-bottom.default {
  background: transparent;
  border-color: #888b94;
  color: var(--text1-color);
}
.btn-group.svelte-ww7fli .btn-signup.primary {
  background: #fff;
  border-color: #fff;
  color: #141414;
}
.btn-group.svelte-ww7fli .btn-bottom.default:hover:before {
  background: transparent;
}
@media screen and (max-width: 640px) {
  .new-btn-group.svelte-ww7fli .btn-asset-account {
    border-color: #fff !important;
    background: #fff !important;
  }
}
@media screen and (max-width: 640px) {
  .new-child-menu-img {
    margin-top: 2px;
  }
  .new-child-menu-item {
    align-items: normal;
  }
}
.uno-aw01pn {
  padding-right: 12px;
  padding-left: 12px;
}
.uno-ha740t {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px;
  font-weight: 400;
}
.uno-2z7sfp {
  display: flex;
  align-items: center;
}
.uno-ygalyv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  padding-left: 20px;
}
.uno-w8ei8s {
  display: block;
}
.wrap.svelte-4mtekp {
  height: 100%;
}
.logo.svelte-4mtekp {
  width: 124px;
}
.wrap.svelte-4mtekp .btn-signup:where(.svelte-4mtekp),
.wrap.svelte-4mtekp .btn-asset-account {
  display: inline-block;
  padding: 0 16px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  border-width: 0;
  border-radius: 24px;
  background-color: #33d43e;
  border-color: #33d43e;
  color: #090a0a;
}
@media screen and (max-width: 640px) {
  .wrap.svelte-4mtekp {
    overflow-y: scroll;
  }
}
.uno-iv684d {
  display: flex;
  flex-direction: column;
}
.uno-u8dxe3 {
  flex: 1;
  position: relative;
}
.gather-drawer-dialog {
  position: relative;
  box-shadow: 0 0 20px #00000080;
  overflow: hidden !important;
  overflow-y: scroll !important;
}
.gather-drawer-dialog .modal-header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: #232323;
}
.gather-drawer-dialog .profile-menu-wrap,
.gather-drawer-dialog .select-view-wrap {
  padding: 0;
  width: 100%;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.gather-drawer-dialog .profile-menu-wrap:before,
.gather-drawer-dialog .select-view-wrap:before {
  background: transparent;
  backdrop-filter: none;
}
.gather-drawer-dialog.light .modal-header {
  background: #fff;
}
.uno-52g76l {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.uno-bkz2gy {
  display: flex;
  align-items: center;
  justify-content: center;
}
.uno-ess9kz {
  display: flex;
}
.uno-mtqfu5 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex: 1;
}
.uno-tjhcbv {
  position: relative;
}
.user-view-content.svelte-e2pcx8 {
  min-width: 1200px;
  min-height: calc(100vh - 56px);
}
.user-view-left.svelte-e2pcx8 {
  flex: 1;
  min-height: 100%;
}
.user-view-right.svelte-e2pcx8 {
  flex: 1.5;
  padding-top: 68px;
  min-height: 100%;
  background: #fff;
  gap: 80px;
}
.copy-right.svelte-e2pcx8 {
  margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
  .user-view-content.svelte-e2pcx8 {
    display: block;
    min-width: auto;
    min-height: 100vh;
    background: #fff;
  }
  .user-view-left.svelte-e2pcx8 {
    display: none;
  }
  .user-view-right.svelte-e2pcx8 {
    padding-top: 40px;
    min-height: 100vh;
  }
}
.uno-yrtnq8 {
  font-size: 18px;
  margin-left: 4px;
}
.uno-rj15jc {
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
  align-items: center;
}
.uno-rix0gq {
  flex: 1;
  margin-left: 4px;
}
.light-gray.svelte-18b6v3g {
  color: var(--T4);
}
.item.svelte-18b6v3g {
  border: 1px solid #e9ecef;
  border-radius: 8px;
  height: 48px;
}
.item.error.svelte-18b6v3g {
  border: 1px solid #f66;
}
.item.svelte-18b6v3g:focus-within,
.item.svelte-18b6v3g:hover {
  border: 1px solid #003fe6;
}
.ipt.svelte-18b6v3g {
  border: none;
  height: 88%;
  outline: none;
}
.ipt.svelte-18b6v3g::-webkit-input-placeholder {
  font-family: var(--common-family);
  color: var(--T3);
}
.placeholder-color.svelte-18b6v3g::-webkit-input-placeholder {
  color: #c5c8ce;
}
input[disabled].svelte-18b6v3g {
  background: transparent;
}
.disabled.svelte-18b6v3g {
  background: #efefef;
}
.disabled.svelte-18b6v3g
  input.autofill:where(.svelte-18b6v3g):-webkit-autofill {
  box-shadow: 0 0 0 1000px #efefef inset;
}
.modal-ui.svelte-18b6v3g input:where(.svelte-18b6v3g)::placeholder {
  color: #9fa3ab;
}
.uno-4il86v {
  display: flex;
  flex-direction: column;
  position: relative;
}
.uno-m1a4ec {
  display: flex;
  margin-top: 10px;
}
.uno-gofyr6 {
  margin-right: 10px;
}
.wrap.svelte-1eglive {
  border-radius: 2px;
  padding: 16px 20px;
  min-width: 200px;
  background: #fff;
  box-shadow: 0 5px 15px #0000001a;
}
.before.svelte-1eglive {
  position: absolute;
  top: 13px;
  left: -13px;
  display: block;
  border: 7px;
  border-style: dashed dashed solid dashed;
  border-color: transparent #fff transparent transparent;
  width: 0;
  height: 0;
  content: "";
}
.right.svelte-1eglive .before:where(.svelte-1eglive) {
  display: none;
}
@media screen and (max-width: 640px) {
  .wrap.svelte-1eglive {
    padding: 8px 12px;
    box-shadow: none;
  }
  .before.svelte-1eglive {
    display: none;
  }
}
.uno-b4dsv3 {
  font-size: 18px;
  cursor: pointer;
}
.uno-vxl54f {
  font-size: 18px;
  margin-left: 4px;
}
.uno-yd6h0n {
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  position: relative;
}
.uno-4br9vl {
  flex: 1;
  margin-left: 4px;
}
.uno-e1qaam {
  position: absolute;
}
.light-gray.svelte-7yqki4 {
  color: var(--T4);
}
.item.svelte-7yqki4 {
  border: 1px solid #e9ecef;
  border-radius: 8px;
  height: 48px;
}
.item.error.svelte-7yqki4 {
  border: 1px solid #f66;
}
.item.svelte-7yqki4:focus-within,
.item.svelte-7yqki4:hover {
  border: 1px solid #003fe6;
}
.ipt.svelte-7yqki4 {
  border: none;
  height: 88%;
  outline: none;
}
.ipt.svelte-7yqki4::-webkit-input-placeholder {
  color: var(--T3);
}
input[disabled].svelte-7yqki4 {
  background: transparent;
}
.disabled.svelte-7yqki4 {
  background: #efefef;
}
.disabled.svelte-7yqki4 input.autofill:where(.svelte-7yqki4):-webkit-autofill,
.disabled.svelte-7yqki4
  input.autofill:where(.svelte-7yqki4):-webkit-autofill:hover,
.disabled.svelte-7yqki4
  input.autofill:where(.svelte-7yqki4):-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px #efefef inset;
}
.password.svelte-7yqki4 {
  top: 0;
  right: 320px;
}
.left.svelte-7yqki4 {
  top: 0;
  right: -10px;
  transform: translate(100%);
}
.modal-wrap.svelte-7yqki4 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.modal-hint.svelte-7yqki4 {
  position: fixed;
  inset: auto;
  transform: translate(20px, -43px);
}
.modal-ui.svelte-7yqki4 input:where(.svelte-7yqki4)::placeholder {
  color: #9fa3ab;
}
.uno-32wgwq {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.uno-5cc7et {
  font-size: 12px;
  line-height: 16px;
  margin-top: 24px;
  margin-left: 4px;
}
.uno-72h9kf {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  margin-left: 4px;
}
.uno-hszdgg {
  font-size: 12px;
  line-height: 16px;
  margin-top: 12px;
  margin-left: 4px;
}
.uno-jvtzk3 {
  font-size: 12px;
  line-height: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.uno-nq7k58 {
  font-size: 12px;
  margin-top: 12px;
}
.uno-a1cldb {
  border-radius: 48px;
  width: 100%;
}
.uno-a3rky9 {
  border-radius: 48px;
}
.uno-zuxqqy {
  display: flex;
  flex-direction: column;
}
.uno-6ebhqe {
  margin-top: 4px;
}
.uno-mjx46o {
  margin-top: 24px;
}
.warp.svelte-pkqzkg {
  background: #fff;
}
.home-login-email.svelte-pkqzkg .item:hover {
  border: 1px solid #e9ecef;
}
.btn.svelte-pkqzkg {
  margin-top: 24px;
}
.btn.svelte-pkqzkg Button {
  height: 48px;
}
.main.svelte-pkqzkg .item.br48,
.main.svelte-pkqzkg button.br48 {
  border-radius: 48px;
}
@media screen and (min-width: 640px) {
  .main.svelte-pkqzkg {
    border-radius: 8px;
    width: 420px;
    background: #fff;
  }
  .content.svelte-pkqzkg {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: 100%;
  }
}
@media screen and (max-width: 640px) {
  .title2.svelte-pkqzkg {
    display: none;
  }
  .title.svelte-pkqzkg {
    text-align: left;
    font-size: 24px;
  }
  .warp.svelte-pkqzkg {
    background: #fff;
  }
  .content.svelte-pkqzkg {
    padding: 0;
  }
  .main.svelte-pkqzkg {
    margin: 0;
    padding: 24px 20px 40px;
  }
}
.uno-akjbao {
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}
.uno-gmrksj {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.uno-n5gn1b {
  display: flex;
  justify-content: center;
}
.uno-9l2ud6 {
  position: absolute;
}
.warp.svelte-cjg2y5 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fff;
}
.activity-container.svelte-cjg2y5 {
  height: 100%;
  background: #000;
}
.back.svelte-cjg2y5 {
  width: 420px;
}
@media screen and (max-width: 640px) {
  .back.svelte-cjg2y5 {
    padding-top: 10px;
    padding-left: 20px;
    width: auto;
  }
  .right.svelte-cjg2y5 {
    align-items: normal;
  }
}
.modal-mask.svelte-100ny7i {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.modal.svelte-100ny7i {
  position: relative;
  border-radius: 12px;
  padding: 24px;
  width: 480px;
  overflow: auto;
  background: #fff;
}
@media screen and (max-width: 640px) {
  .modal.svelte-100ny7i {
    padding: 12px;
    width: 92%;
  }
}
.uno-2fnu35 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  justify-content: space-between;
}
.uno-d21jta {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.uno-m5udoo {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.uno-2wbgsv {
  display: flex;
  margin-top: 42px;
}
.uno-datcwh {
  display: flex;
  flex-direction: column;
}
.uno-lezb8j {
  margin-left: 24px;
}
.footer.svelte-1nn2dw8 {
  margin: 40px auto 0;
}
.button.svelte-1nn2dw8 {
  --BTN-BG: #141414;
  --BTN-COLOR: #fff;
  --BTN-DARK-BG: #fff;
  --BTN-DARK-COLOR: #111211;
  justify-content: flex-end;
}
.button.svelte-1nn2dw8 button.primary {
  background: var(--BTN-BG);
  color: var(--BTN-COLOR);
  border-color: var(--BTN-BG);
  border-radius: 32px;
}
.button.svelte-1nn2dw8 button.default {
  border-color: var(--BTN-BG);
  color: var(--BTN-BG);
  border-radius: 32px;
}
button.svelte-1mqu6h0:focus,
a.svelte-1mqu6h0:focus {
  outline:0
}
button.svelte-1mqu6h0,
a.svelte-1mqu6h0 {
  display:inline-block;
  border:solid 1px;
  padding:0 32px;
  line-height:48px;
  text-align:center;
  cursor:pointer
}
.p024.svelte-1mqu6h0 {
  padding:0 24px
}
.small.svelte-1mqu6h0 {
  padding:0 16px;
  line-height:32px
}
button.svelte-1mqu6h0+button {
  margin-left:24px
}
.small.svelte-1mqu6h0+.small {
  margin-left:12px
}
button.svelte-1mqu6h0 svg {
  display:inline-block;
  transform:scale(0);
  vertical-align:middle;
  animation:svelte-1mqu6h0-loading-circle 1s infinite linear;
  transition:transform 3s linear
}
.default.svelte-1mqu6h0 {
  border-color:#dbdfe7;
  background:transparent;
  color:#383838
}
.default.svelte-1mqu6h0:hover {
  border-color:var(--blue-main);
  color:var(--blue-main)
}
.dark.svelte-1mqu6h0 {
  border-color:#e5e5e5;
  background:transparent;
  color:#fff
}
.dark.svelte-1mqu6h0:hover {
  border-color:#0046ff;
  color:#0046ff
}
.text.svelte-1mqu6h0 {
  border-color:transparent;
  background:transparent;
  color:var(--blue)
}
.text.svelte-1mqu6h0:hover {
  opacity:.8
}
.common.svelte-1mqu6h0 {
  border-color:#dbdfe7;
  background:#fff;
  color:#010612
}
.common.svelte-1mqu6h0:hover {
  border-color:var(--blue-main-hover);
  background:var(--blue-main-hover);
  color:#fff
}
.primary.svelte-1mqu6h0 {
  border-color:var(--blue-main);
  background:var(--blue-main);
  color:#fff
}
.warning.svelte-1mqu6h0 {
  border-color:#ebaf1a;
  background:#ebaf1a;
  color:#fff
}
.danger.svelte-1mqu6h0 {
  border-color:var(--red-main);
  background:var(--red-main);
  color:#fff
}
.white.svelte-1mqu6h0 {
  border-color:#fff;
  background:#fff;
  color:var(--blue)
}
.white.svelte-1mqu6h0:hover {
  color:var(--blue-main-hover)!important
}
.light.svelte-1mqu6h0 {
  border-color:var(--blue-main);
  background:#fff;
  color:var(--blue-main)
}
.light.svelte-1mqu6h0:hover {
  border-color:var(--blue-main-hover);
  background:var(--blue-main-hover);
  color:#fff
}
.golden.svelte-1mqu6h0 {
  border-color:#f0bb89;
  background:linear-gradient(135deg,#fde3ca 0%,#f0bb89 100%);
  color:#12192a
}
.grey.svelte-1mqu6h0 {
  border:none;
  background:none;
  color:#777b83;
  outline:none;
  text-decoration:underline
}
.primary.svelte-1mqu6h0:hover,
.warning.svelte-1mqu6h0:hover,
.danger.svelte-1mqu6h0:hover {
  opacity:.8
}
.primary.svelte-1mqu6h0:disabled,
.warning.svelte-1mqu6h0:disabled,
.danger.svelte-1mqu6h0:disabled {
  opacity:.4
}
a.disabled.svelte-1mqu6h0,
button.svelte-1mqu6h0:disabled {
  pointer-events:none;
  opacity:.4
}
button.greyStyle.svelte-1mqu6h0:disabled {
  border:none;
  font-weight:500;
  background:#e9ecef;
  color:#9fa3ab;
  outline:none;
  opacity:1
}
a.a-btn-link.svelte-1mqu6h0:hover {
  color:#fff
}
@keyframes svelte-1mqu6h0-loading-circle {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
.light-gray.svelte-cc2fep.svelte-cc2fep {
  color:var(--T4)
}
.item.svelte-cc2fep.svelte-cc2fep {
  border:1px solid #e9ecef;
  border-radius:8px;
  height:48px
}
.item.error.svelte-cc2fep.svelte-cc2fep {
  border:1px solid var(--red-main)
}
.item.svelte-cc2fep.svelte-cc2fep:focus-within,
.item.svelte-cc2fep.svelte-cc2fep:hover {
  border:1px solid var(--blue-main-hover)
}
.ipt.svelte-cc2fep.svelte-cc2fep {
  border:none;
  height:88%;
  outline:none
}
.ipt.svelte-cc2fep.svelte-cc2fep::-webkit-input-placeholder {
  font-family:var(--common-family);
  color:var(--T3)
}
.placeholder-color.svelte-cc2fep.svelte-cc2fep::-webkit-input-placeholder {
  color:#c5c8ce
}
input[disabled].svelte-cc2fep.svelte-cc2fep {
  background:transparent
}
.disabled.svelte-cc2fep.svelte-cc2fep {
  background:#efefef
}
.disabled.svelte-cc2fep input.autofill.svelte-cc2fep:-webkit-autofill {
  box-shadow:0 0 0 1000px #efefef inset
}
.modal-ui.svelte-cc2fep input.svelte-cc2fep::-moz-placeholder {
  color:#9fa3ab
}
.modal-ui.svelte-cc2fep input.svelte-cc2fep::placeholder {
  color:#9fa3ab
}
.wrap.svelte-1ll9fju.svelte-1ll9fju {
  border-radius:2px;
  padding:16px 20px;
  min-width:200px;
  background:#fff;
  box-shadow:0 5px 15px #0000001a
}
.before.svelte-1ll9fju.svelte-1ll9fju {
  position:absolute;
  top:13px;
  left:-13px;
  display:block;
  border:7px;
  border-style:dashed dashed solid dashed;
  border-color:transparent #fff transparent transparent;
  width:0;
  height:0;
  content:""
}
.right.svelte-1ll9fju .before.svelte-1ll9fju {
  display:none
}
@media screen and (max-width: 640px) {
  .wrap.svelte-1ll9fju.svelte-1ll9fju {
    padding:8px 12px;
    box-shadow:none
  }
  .before.svelte-1ll9fju.svelte-1ll9fju {
    display:none
  }
}
.light-gray.svelte-117ogfc.svelte-117ogfc {
  color:var(--T4)
}
.item.svelte-117ogfc.svelte-117ogfc {
  border:1px solid #e9ecef;
  border-radius:8px;
  height:48px
}
.item.error.svelte-117ogfc.svelte-117ogfc {
  border-color:var(--red-main)
}
.item.svelte-117ogfc.svelte-117ogfc:focus-within,
.item.svelte-117ogfc.svelte-117ogfc:hover {
  border-color:var(--blue-main-hover)
}
.ipt.svelte-117ogfc.svelte-117ogfc {
  border:none;
  height:88%;
  outline:none
}
.ipt.svelte-117ogfc.svelte-117ogfc::-webkit-input-placeholder {
  color:var(--T3)
}
input[disabled].svelte-117ogfc.svelte-117ogfc {
  background:transparent
}
.disabled.svelte-117ogfc.svelte-117ogfc {
  background:#efefef
}
.disabled.svelte-117ogfc input.autofill.svelte-117ogfc:-webkit-autofill,
.disabled.svelte-117ogfc input.autofill.svelte-117ogfc:-webkit-autofill:hover,
.disabled.svelte-117ogfc input.autofill.svelte-117ogfc:-webkit-autofill:focus {
  box-shadow:0 0 0 1000px #efefef inset
}
.password.svelte-117ogfc.svelte-117ogfc {
  top:0;
  right:320px
}
.left.svelte-117ogfc.svelte-117ogfc {
  top:0;
  right:-10px;
  transform:translate(100%)
}
.modal-wrap.svelte-117ogfc.svelte-117ogfc {
  position:absolute;
  right:0;
  bottom:0
}
.modal-hint.svelte-117ogfc.svelte-117ogfc {
  position:fixed;
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  transform:translate(20px,-43px)
}
.modal-ui.svelte-117ogfc input.svelte-117ogfc::-moz-placeholder {
  color:#9fa3ab
}
.modal-ui.svelte-117ogfc input.svelte-117ogfc::placeholder {
  color:#9fa3ab
}
.modal-mask.svelte-11r98pr {
  position:fixed;
  top:0;
  left:0;
  z-index:999999;
  width:100%;
  height:100%;
  transition:all .3s ease-in
}
.modal.svelte-11r98pr {
  position:absolute;
  right:-500px;
  padding:40px;
  width:480px;
  height:calc(100% - 80px);
  background:#fff;
  overflow:auto;
  transition:all .3s ease-in;
  box-sizing:inherit
}
.close-btn.svelte-11r98pr {
  border-radius:100%;
  width:64px;
  height:64px;
  background-color:var(--B4)
}
.iconfont.svelte-11r98pr {
  font-size:32px
}
@media screen and (max-width: 640px) {
  .modal.svelte-11r98pr {
    width:calc(100% - 80px);
    height:calc(100% - 32px)!important
  }
  .close-btn.svelte-11r98pr {
    width:32px;
    height:32px
  }
  .iconfont.svelte-11r98pr {
    font-size:16px
  }
}
.light-gray.svelte-12qyzim.svelte-12qyzim {
  color:#c5c8ce
}
.input-wrap.svelte-12qyzim.svelte-12qyzim {
  border:1px solid #e9ecef;
  border-radius:48px;
  height:48px
}
.input-wrap.svelte-12qyzim.svelte-12qyzim:focus-within,
.input-wrap.svelte-12qyzim.svelte-12qyzim:hover {
  border:1px solid var(--blue-main-hover)
}
.ipt.svelte-12qyzim.svelte-12qyzim {
  border:none;
  height:88%;
  outline:none
}
.ipt.svelte-12qyzim.svelte-12qyzim::-webkit-input-placeholder {
  color:var(--T3)
}
.ipt-c-black.svelte-12qyzim.svelte-12qyzim {
  color:#1d2029
}
.ipt-c-grey.svelte-12qyzim.svelte-12qyzim {
  color:#6c6e74
}
.content.svelte-12qyzim .br48 {
  border-radius:48px
}
.content.svelte-12qyzim .drawer.svelte-12qyzim {
  padding-top:60px
}
.content.svelte-12qyzim button.primary {
  background:var(--BTN-BG);
  color:var(--BTN-COLOR);
  border-color:var(--BTN-BG)
}
.loading-wrap.svelte-1xd48um {
  width:100%;
  height:100%;
  top:0;
  left:0;
  justify-content:center;
  z-index:7999
}
.spin-dot.svelte-1xd48um {
  flex-wrap:wrap;
  justify-content:space-between
}
.ani.svelte-1xd48um {
  -webkit-animation:svelte-1xd48um-spinAnimation 1s linear infinite
}
.qr-wrap.svelte-1o0i0y7.svelte-1o0i0y7 {
  align-self:end
}
.qr-layer.svelte-1o0i0y7.svelte-1o0i0y7 {
  width:100%
}
.img-wrap.svelte-1o0i0y7 img.svelte-1o0i0y7 {
  width:inherit;
  height:inherit
}
.qr-img.svelte-1o0i0y7.svelte-1o0i0y7 {
  display:inline-block;
  border-radius:12px;
  width:220px;
  height:220px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 3px 18px #ccc6
}
.qr-fresh.svelte-1o0i0y7.svelte-1o0i0y7 {
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:10;
  background-color:#ffffffe6
}
.qr-fresh.svelte-1o0i0y7 div.svelte-1o0i0y7 {
  height:100%
}
.fresh-btn.svelte-1o0i0y7.svelte-1o0i0y7 {
  padding:10px 20px;
  background-color:var(--BTN-BG);
  color:var(--BTN-COLOR);
  border-radius:32px
}
.fresh-btn.svelte-1o0i0y7 span.svelte-1o0i0y7 {
  width:20px;
  height:20px
}
.complete.svelte-1o0i0y7.svelte-1o0i0y7 {
  width:72px;
  height:72px
}
.loading.svelte-1o0i0y7.svelte-1o0i0y7 {
  width:40px;
  height:40px;
  opacity:1
}
.wrap-mask.svelte-14ryahk .key-mask.svelte-14ryahk {
  z-index:1000000;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,.5)
}
.wrap-pk.svelte-13wl77z .modal-mask {
  z-index:1000000
}
.enable-modal.modal .modal-content {
  padding:32px
}
.enable-wrap.svelte-13wl77z .ffy.svelte-13wl77z {
  font-family:HarmonyOS Sans
}
.enable-wrap.svelte-13wl77z .banner.svelte-13wl77z {
  width:120px;
  height:120px
}
.enable-wrap.svelte-13wl77z .banner img.svelte-13wl77z {
  width:inherit;
  height:inherit
}
.enable-wrap.svelte-13wl77z .enable-btn {
  border-radius:32px;
  width:100%;
  min-width:unset;
  font-weight:700;
  font-family:HarmonyOS Sans
}
.enable-wrap.svelte-13wl77z .enable-btn.primary {
  border-color:var(--BTN-BG);
  background:var(--BTN-BG);
  color:var(--BTN-COLOR)
}
.enable-wrap.svelte-13wl77z .enable-btn.default {
  border-color:var(--BTN-BG);
  background:transparent;
  color:var(--T1)
}
.enable-wrap.svelte-13wl77z .enable-btn:hover {
  opacity:.8
}
.enable-wrap.svelte-13wl77z .enable-btn:focus {
  opacity:.8
}
.passkey.svelte-zlth42 {
  padding:14px 20px;
  font-family:HarmonyOs Sans;
  background-color:#f1f4f9
}
.btn.svelte-zlth42 button.primary {
  border-color:var(--BTN-BG);
  background:var(--BTN-BG);
  color:var(--BTN-COLOR)
}
.wallet-connect-box {
  width:100%;
  height:100%
}
.wallet-connect-box :global(button span) {
  display:flex;
  justify-content:center;
  align-items:center
}
.wallet-connect-box :global(.primary) {
  border:1px solid #fff;
  border-radius:8px;
  width:100%;
  height:85px;
  line-height:20px;
  font-size:16px;
  background:#fff
}
.wallet-connect-box :global(.primary .img) {
  box-sizing:border-box;
  border:1px solid #dbdfe7;
  border-radius:24px;
  width:48px;
  height:48px
}
.wallet-connect-box :global(.primary:hover) {
  border:1px solid #fff;
  background:#fff
}
.wallet-connect-box :global(.primary:hover .img) {
  border:1px solid #003fe6;
  background:#003fe6
}
.wallet-connect-box :global(.primary .con) {
  font-size:14px;
  color:#6c6e74
}
.wallet-connect-box :global(.primary:hover .con) {
  color:#003fe6
}
.wallet-connect-box :global(.custom-loading) {
  cursor:none;
  pointer-events:none
}
.wallet-connect-box :global(iframe) {
  position:absolute;
  top:22px;
  max-width:100%;
  height:50%!important;
  transform:scaleY(2);
  opacity:0!important
}
.wallet-connect-box .white,
.wallet-connect-box:hover img {
  display:none
}
.wallet-connect-box:hover .white {
  display:block
}
.wallet-connect-box>div {
  width:56px;
  height:56px
}
.modal-mask.svelte-1qo2p65 {
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:999;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#0009
}
.modal.svelte-1qo2p65 {
  position:relative;
  max-height:calc(100vh - 3em);
  border-radius:12px;
  background:#fff
}
.modal.svelte-1qo2p65:focus {
  outline:none
}
.modal.svelte-1qo2p65::-moz-focus-inner {
  border:0
}
.modal.svelte-1qo2p65:-moz-focusring {
  outline:none
}
.iconfont.svelte-1qo2p65 {
  font-family:phemex-icon!important;
  font-size:12px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -webkit-text-stroke-width:.2px;
  -moz-osx-font-smoothing:grayscale
}
.close-icon.svelte-1qo2p65 {
  position:absolute;
  top:16px;
  right:16px;
  font-size:20px;
  color:#9fa3ab;
  cursor:pointer
}
.modal-content.svelte-1qo2p65 {
  padding:24px
}
svg.svelte-qx9jmj {
  display:inline-block;
  vertical-align:middle;
  animation:svelte-qx9jmj-loading-circle 1s infinite linear;
  transform:scale(1);
  transition:transform 3s linear
}
.px-loading-wrap.svelte-qx9jmj {
  display:inline-block
}
@keyframes svelte-qx9jmj-loading-circle {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
button.svelte-ghn1e7 {
  position:relative;
  border:1px solid;
  text-align:center;
  outline:none;
  cursor:pointer;
  transition:.2s
}
.primary.svelte-ghn1e7 {
  border-color:var(--blue-main);
  background:var(--blue-main);
  color:#fff;
  fill:#fff
}
.primary.svelte-ghn1e7:hover {
  border-color:var(--blue-main-hover);
  background:var(--blue-main-hover);
  color:#fff
}
.primary.svelte-ghn1e7:active {
  border-color:var(--blue-main-active);
  background:var(--blue-main-active);
  color:#fff
}
.default.svelte-ghn1e7 {
  border-color:var(--blue-main);
  background:#fff;
  color:var(--blue-main);
  fill:var(--blue-main)
}
.default.svelte-ghn1e7:hover {
  border-color:var(--blue-main-hover);
  background:#fff;
  color:var(--blue-main-hover)
}
.default.svelte-ghn1e7:hover:before {
  position:absolute;
  inset:-1px;
  z-index:1;
  background:var(--blue-main);
  border-radius:inherit;
  opacity:.08;
  transition:opacity .2s;
  content:"";
  pointer-events:none
}
.default.svelte-ghn1e7:active {
  border-color:var(--blue-main-active);
  background:#fff;
  color:var(--blue-main-active)
}
.default.svelte-ghn1e7:active:before {
  position:absolute;
  inset:-1px;
  z-index:1;
  background:var(--blue-main);
  border-radius:inherit;
  opacity:.16;
  transition:opacity .2s;
  content:"";
  pointer-events:none
}
.text.svelte-ghn1e7 {
  border:none;
  background:transparent;
  color:var(--blue-main);
  fill:var(--blue-main)
}
.text.svelte-ghn1e7:hover {
  color:var(--blue-main-hover)
}
.text.svelte-ghn1e7:hover:before {
  position:absolute;
  inset:-1px;
  z-index:1;
  background:var(--blue-main);
  border-radius:inherit;
  opacity:.04;
  transition:opacity .2s;
  content:"";
  pointer-events:none
}
.text.svelte-ghn1e7:active {
  color:var(--blue-main-active)
}
.text.svelte-ghn1e7:active:before {
  position:absolute;
  inset:-1px;
  z-index:1;
  background:var(--blue-main);
  border-radius:inherit;
  opacity:.08;
  transition:opacity .2s;
  content:"";
  pointer-events:none
}
.danger-primary.svelte-ghn1e7 {
  border-color:var(--red-main);
  background:var(--red-main);
  color:#fff;
  fill:#fff
}
.danger-primary.svelte-ghn1e7:hover {
  border-color:var(--red-main-hover);
  background:var(--red-main-hover);
  color:#fff
}
.danger-primary.svelte-ghn1e7:active {
  border-color:var(--red-main-active);
  background:var(--red-main-active);
  color:#fff
}
.danger-default.svelte-ghn1e7 {
  border-color:var(--red-main);
  background:#fff;
  color:var(--red-main);
  fill:var(--red-main)
}
.danger-default.svelte-ghn1e7:hover {
  border-color:var(--red-main-hover);
  background:#fff;
  color:var(--red-main-hover)
}
.danger-default.svelte-ghn1e7:hover:before {
  position:absolute;
  inset:-1px;
  z-index:1;
  background:var(--red-main);
  border-radius:inherit;
  opacity:.08;
  transition:opacity .2s;
  content:"";
  pointer-events:none
}
.danger-default.svelte-ghn1e7:active {
  border-color:var(--red-main-active);
  background:#fff;
  color:var(--red-main-active)
}
.danger-default.svelte-ghn1e7:active:before {
  position:absolute;
  inset:-1px;
  z-index:1;
  background:var(--red-main);
  border-radius:inherit;
  opacity:.16;
  transition:opacity .2s;
  content:"";
  pointer-events:none
}
.large.svelte-ghn1e7 {
  border-radius:8px;
  padding:0 24px;
  height:48px;
  font-size:16px
}
.medium.svelte-ghn1e7 {
  border-radius:8px;
  padding:0 16px;
  height:40px;
  font-size:14px
}
.small.svelte-ghn1e7 {
  border-radius:4px;
  padding:0 12px;
  height:32px;
  font-size:14px
}
.large.svelte-ghn1e7>.px-loading-wrap {
  width:16px;
  height:16px
}
.medium.svelte-ghn1e7>.px-loading-wrap,
.small.svelte-ghn1e7>.px-loading-wrap {
  width:14px;
  height:14px
}
.loading.svelte-ghn1e7 {
  opacity:.2;
  pointer-events:none
}
.disabled.svelte-ghn1e7 {
  opacity:.2;
  cursor:not-allowed
}
.block.svelte-ghn1e7 {
  width:100%
}
.iconfont.svelte-ghn1e7 {
  font-family:phemex-icon!important;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -webkit-text-stroke-width:.2px;
  -moz-osx-font-smoothing:grayscale
}
.btn.svelte-ykjc76 button {
  border-radius:32px!important;
  font-size:16px!important
}
.btn.svelte-ykjc76 .cancel {
  border-color:var(--CARD2)!important;
  background:var(--CARD2)!important;
  color:var(--T1)!important
}
.btn.svelte-ykjc76 .confirm {
  border-color:var(--BTN-BG)!important;
  background:var(--BTN-BG)!important;
  color:var(--BTN-COLOR)!important
}
.footer.svelte-1p2c7px {
  margin:40px auto 0
}
.mt42.svelte-1p2c7px {
  margin-top:42px
}
.button.svelte-1p2c7px {
  justify-content:flex-end
}
.button.svelte-1p2c7px button.primary {
  background:var(--BTN-BG);
  color:var(--BTN-COLOR);
  border-color:var(--BTN-BG);
  border-radius:32px
}
.footer.svelte-17n0bpt {
  margin:40px auto 0
}
.mt42.svelte-17n0bpt {
  margin-top:42px
}
.button.svelte-17n0bpt {
  justify-content:flex-end
}
.button.svelte-17n0bpt button.primary {
  border-radius:32px;
  border-color:var(--BTN-BG);
  background:var(--BTN-BG);
  color:var(--BTN-COLOR)
}
.button.svelte-17n0bpt button.default {
  border-radius:32px;
  border-color:var(--BTN-BG);
  color:var(--BTN-BG)
}
@media screen and (max-width: 640px) {
  .button.svelte-17n0bpt {
    justify-content:space-between
  }
}
.button-overlay.svelte-1stcdzv.svelte-1stcdzv {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:0;
  box-sizing:border-box;
  min-width:0;
  opacity:.0001
}
.button-overlay.svelte-1stcdzv>div.svelte-1stcdzv {
  padding:0;
  width:56px;
  height:56px
}
.button-overlay.svelte-1stcdzv>div.svelte-1stcdzv div {
  z-index:1;
  padding:0;
  width:inherit;
  height:inherit
}
.button-overlay.svelte-1stcdzv>div.svelte-1stcdzv span {
  display:none
}
.button-overlay.svelte-1stcdzv div[role=button]>div:nth-child(2) {
  position:absolute;
  top:0;
  padding:0;
  width:inherit;
  height:inherit
}
.loading.svelte-1stcdzv.svelte-1stcdzv,
.loading.svelte-aac2mz {
  cursor:not-allowed;
  opacity:.5
}
.c-black.svelte-1giv61z {
  color:#000
}
.bg-grey.svelte-1giv61z {
  background:#E9ECF2;
  padding:0 20px;
  height:48px;
  border-radius:48px;
  text-transform:capitalize
}
.wrap.svelte-skpg3u {
  width:100%;
  height:100%;
  top:0;
  left:0;
  justify-content:center;
  z-index:7999
}
.dark.wrap.svelte-skpg3u {
  background:#111211!important;
  z-index:799
}
.spin-dot.svelte-skpg3u {
  width:25px;
  height:25px;
  flex-wrap:wrap;
  justify-content:space-between;
  -webkit-animation:svelte-skpg3u-spinAnimation 1s linear infinite
}
.circle.svelte-skpg3u {
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--blue-main)
}
.circle.svelte-skpg3u:nth-child(2) {
  opacity:.8
}
.circle.svelte-skpg3u:nth-child(3) {
  opacity:.6
}
.circle.svelte-skpg3u:nth-child(4) {
  opacity:.4
}
@keyframes svelte-skpg3u-spinAnimation {
  0% {
    -webkit-transform:rotate(0deg)
  }
  25% {
    -webkit-transform:rotate(90deg)
  }
  50% {
    -webkit-transform:rotate(180deg)
  }
  75% {
    -webkit-transform:rotate(270deg)
  }
  to {
    -webkit-transform:rotate(360deg)
  }
}
.wcm-modal,
wcm-modal {
  z-index:1000000!important
}
.loading.svelte-aac2mz {
  cursor:not-allowed;
  opacity:.5
}
.wallet-box.svelte-1amnao2 {
  border-radius:48px;
  padding:12px 20px;
  background:#f5f5f5;
  color:#1d2029;
  white-space:nowrap
}
.wallet-box.svelte-1amnao2:hover {
  background:#e9ecf2
}
.third-login.svelte-1y9wgdu .modal-mask,
.third-login.svelte-1y9wgdu .container {
  z-index:1000000
}
@media screen and (max-width: 640px) {
  .third-login.svelte-1y9wgdu {
    -ms-overflow-style:none;
    overflow-x:scroll;
    overflow-y:hidden;
    scrollbar-width:none
  }
  .third-login.svelte-1y9wgdu::-webkit-scrollbar {
    display:none
  }
  .third-login.jcc.svelte-1y9wgdu {
    gap:24px
  }
  .third-login.jcc.svelte-1y9wgdu .wallet-connect-box {
    width:48px
  }
}
.tab.svelte-pojs3u.svelte-pojs3u {
  color:#999b9f;
  border-bottom:1px solid #DCDFE5;
  height:38px
}
.tab.gap-32.svelte-pojs3u.svelte-pojs3u {
  gap:32px
}
.tab.svelte-pojs3u .selected.svelte-pojs3u {
  color:#1d2029;
  font-weight:500;
  border-bottom:2px solid #000
}
.split.svelte-15k9v8d.svelte-15k9v8d {
  padding:20px 0;
  height:16px
}
.split.svelte-15k9v8d .line.svelte-15k9v8d {
  width:100%;
  height:1px;
  background:#ebebeb
}
.split.svelte-15k9v8d .pa.svelte-15k9v8d {
  top:20px;
  left:50%;
  transform:translate(-50%);
  text-transform:capitalize
}
.c-grey.svelte-15k9v8d.svelte-15k9v8d {
  color:#6c6e74
}
.security.svelte-126run1 {
  padding:12px 0;
  color:#1d2029;
  background:#F5F7FA;
  gap:4px
}
@media screen and (max-width: 640px) {
  .security.svelte-126run1 {
    margin-top:40px
  }
}
.close-btn.svelte-1wt4w96:hover .iconfont.svelte-1wt4w96 {
  color:var(--T2)
}
.login-wrap.svelte-1wt4w96.svelte-1wt4w96 {
  width:100%;
  overflow:auto
}
.login-wrap.svelte-1wt4w96 .login-tab.svelte-1wt4w96 {
  padding:0;
  width:480px;
  color:#1d2029
}
.title.svelte-1wt4w96.svelte-1wt4w96 {
  margin-top:60px;
  line-height:48px;
  font-weight:var(--fw3);
  font-size:32px;
  color:#1d2029
}
.sidebar-login-wrap.svelte-1wt4w96.svelte-1wt4w96,
.login-row.svelte-1wt4w96.svelte-1wt4w96 {
  margin-top:20px
}
.reset-password.svelte-1wt4w96.svelte-1wt4w96:hover {
  color:var(--blue)
}
.sidebar-login-wrap.svelte-1wt4w96 button.primary {
  border-radius:32px;
  background:var(--BTN-BG);
  color:var(--BTN-COLOR);
  border-color:var(--BTN-BG)
}
.form.svelte-1wt4w96 .error-msg.svelte-1wt4w96 {
  bottom:-16px;
  left:0
}
.c-grey.svelte-1wt4w96.svelte-1wt4w96 {
  color:#6c6e74
}
.login-wrap.svelte-1wt4w96 .br48 {
  border-radius:48px
}
.login-wrap.svelte-1wt4w96 button {
  border-width:0
}
@media screen and (max-height: 650px) {
  .title.svelte-1wt4w96.svelte-1wt4w96 {
    margin-top:0
  }
  .sidebar-login-wrap.svelte-1wt4w96.svelte-1wt4w96 {
    margin-top:20px
  }
}
.google.svelte-yk3yz2.svelte-yk3yz2 {
  margin-top:40px
}
.br.svelte-yk3yz2.svelte-yk3yz2 {
  top:10px;
  z-index:8;
  border-top:1px solid #dbdfe7;
  width:100%
}
.or.svelte-yk3yz2.svelte-yk3yz2 {
  z-index:9;
  padding:0 8px;
  text-align:center;
  background:#fff;
  color:#6c6e74
}
.btn.svelte-yk3yz2.svelte-yk3yz2 {
  overflow:hidden
}
.btn.svelte-yk3yz2 .primary {
  border:1px solid #fff;
  border-radius:8px;
  width:100%;
  height:85px;
  line-height:20px;
  font-size:16px;
  background:#fff;
  color:#010612
}
.btn.svelte-yk3yz2 .primary .img {
  border:1px solid #dbdfe7;
  border-radius:24px;
  width:48px;
  height:48px
}
.btn.svelte-yk3yz2:hover .primary {
  border:1px solid #fff;
  background:#fff
}
.btn.svelte-yk3yz2:hover .primary .img {
  border:1px solid #003fe6;
  background:#003fe6
}
.btn.svelte-yk3yz2:hover .primary .img .original,
.white.svelte-yk3yz2.svelte-yk3yz2 {
  display:none
}
.btn.svelte-yk3yz2:hover .primary .img .white {
  display:block
}
.btn.svelte-yk3yz2:hover .primary .con {
  color:#003fe6
}
.con.svelte-yk3yz2.svelte-yk3yz2 {
  margin-top:12px;
  line-height:18px;
  font-size:14px;
  color:#6c6e74
}
.btn.svelte-yk3yz2 .primary span {
  display:flex;
  justify-content:center;
  align-items:center
}
.buttonDiv.svelte-yk3yz2.svelte-yk3yz2 {
  position:absolute;
  top:0;
  left:0;
  margin:0;
  box-sizing:border-box;
  min-width:0;
  transform:scale(4);
  opacity:.0001
}
.mt0.svelte-yk3yz2.svelte-yk3yz2,
.home-btn.svelte-yk3yz2.svelte-yk3yz2 {
  margin-top:0
}
.home-btn.svelte-yk3yz2 .primary {
  border:1px solid rgba(219,223,231,.4);
  border-radius:8px;
  padding:0 30px 0 24px;
  height:64px!important;
  font-weight:500;
  font-size:16px;
  background:transparent!important;
  color:#fff;
  cursor:pointer
}
.home-btn.svelte-yk3yz2:hover .primary {
  border:1px solid rgba(219,223,231,.4)
}
.home-btn.svelte-yk3yz2.svelte-yk3yz2:hover {
  opacity:.9
}
.twitter-btn.svelte-yk3yz2 .inner.svelte-yk3yz2 {
  fill:var(--T1)
}
.twitter-btn.svelte-yk3yz2:hover .inner.svelte-yk3yz2 {
  fill:#fff
}
.twitter-btn.svelte-yk3yz2 .img.svelte-yk3yz2 {
  border:1px solid #dbdfe7;
  border-radius:24px;
  width:48px;
  height:48px
}
.white.svelte-yk3yz2.svelte-yk3yz2,
.twitter-btn.svelte-yk3yz2:hover .original.svelte-yk3yz2 {
  display:none
}
.twitter-btn.svelte-yk3yz2:hover .white.svelte-yk3yz2 {
  display:block
}
.twitter-btn.svelte-yk3yz2:hover .tw.svelte-yk3yz2 {
  color:var(--blue)
}
.twitter-btn.svelte-yk3yz2:hover .img.svelte-yk3yz2 {
  background:var(--blue)
}
.twitter-btn.svelte-yk3yz2:hover button {
  background:var(--blue);
  color:#fff
}
@media screen and (max-width: 640px) {
  .google.svelte-yk3yz2.svelte-yk3yz2 {
    margin-top:24px
  }
  .sm\:hidden {
    display:none
  }
}
.google-btn.svelte-yk3yz2:hover button {
  background:var(--blue);
  color:#fff
}
.register-wrap.svelte-1t9flb1.svelte-1t9flb1 {
  height:100%
}
.close-btn.svelte-1t9flb1:hover .iconfont.svelte-1t9flb1 {
  color:var(--T2)
}
.title.svelte-1t9flb1.svelte-1t9flb1 {
  margin-top:64px;
  line-height:48px;
  font-weight:var(--fw3);
  font-size:32px;
  color:var(--T1)
}
.ipt-box.svelte-1t9flb1.svelte-1t9flb1 {
  border:1px solid #dbdfe7;
  border-radius:8px;
  padding:0 20px;
  height:48px
}
.ipt-box.error.svelte-1t9flb1.svelte-1t9flb1 {
  border:1px solid #f66
}
.ipt-box.svelte-1t9flb1.svelte-1t9flb1:focus-within,
.ipt-box.svelte-1t9flb1.svelte-1t9flb1:hover {
  border:1px solid var(--blue-main)
}
.ipt.svelte-1t9flb1.svelte-1t9flb1 {
  border:none;
  height:90%;
  outline:none
}
.iconfont.svelte-1t9flb1.svelte-1t9flb1 {
  margin-top:2px
}
.login-row.svelte-1t9flb1.svelte-1t9flb1 {
  margin-top:20px
}
.disabled.svelte-1t9flb1.svelte-1t9flb1 {
  background:#efefef
}
.c6.svelte-1t9flb1.svelte-1t9flb1,
.c-grey.svelte-1t9flb1.svelte-1t9flb1 {
  color:#6c6e74
}
.register-wrap.svelte-1t9flb1 .ipt-box.svelte-1t9flb1,
.register-wrap.svelte-1t9flb1 .br48 {
  border-radius:48px
}
.form.svelte-1t9flb1 .error-msg.svelte-1t9flb1 {
  bottom:-17px;
  left:0
}
.form.svelte-1t9flb1 .rotate-bottom.svelte-1t9flb1 {
  transform:rotate(180deg)
}
.btn.svelte-1t9flb1 button.primary {
  border-color:var(--BTN-BG);
  background:var(--BTN-BG);
  color:var(--BTN-COLOR)
}
.wrap.svelte-bxpayf.svelte-bxpayf {
  height:100%
}
.close-btn.svelte-bxpayf.svelte-bxpayf {
  margin-left:auto;
  width:50px;
  height:50px;
  background:#eff2f7;
  border-radius:50%
}
.close-btn.svelte-bxpayf:hover .iconfont.svelte-bxpayf {
  color:var(--T2)
}
.title.svelte-bxpayf.svelte-bxpayf {
  margin-top:70px;
  font-size:48px
}
.sub-title.svelte-bxpayf.svelte-bxpayf {
  margin-top:80px
}
.ipt-box.svelte-bxpayf.svelte-bxpayf {
  padding:0 18px;
  height:48px;
  border-radius:4px;
  border:1px solid #dbdfe7
}
.ipt-box.error.svelte-bxpayf.svelte-bxpayf {
  border:1px solid #f66
}
.ipt-box.svelte-bxpayf.svelte-bxpayf:focus-within,
.ipt-box.svelte-bxpayf.svelte-bxpayf:hover {
  border:1px solid #003fe6
}
.ipt.svelte-bxpayf.svelte-bxpayf {
  height:90%;
  border:none;
  outline:none
}
.mt50.svelte-bxpayf.svelte-bxpayf {
  margin-top:50px
}
.login-row.svelte-bxpayf.svelte-bxpayf {
  bottom:80px
}
.disabled.svelte-bxpayf.svelte-bxpayf {
  background:#efefef
}
.wrap.svelte-d6v2uo.svelte-d6v2uo {
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.wrap.svelte-d6v2uo .disabled.svelte-d6v2uo {
  pointer-events:none;
  opacity:.8
}
.digits.svelte-d6v2uo.svelte-d6v2uo {
  display:flex;
  justify-content:space-between;
  align-items:center;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.digit-box.svelte-d6v2uo.svelte-d6v2uo {
  display:flex;
  justify-content:center;
  box-sizing:border-box;
  border-bottom:solid 2px #e5e5e5;
  width:48px;
  height:48px
}
.active.digit-box.svelte-d6v2uo.svelte-d6v2uo {
  border-bottom-color:var(--blue-main)
}
.disabled.digits.svelte-d6v2uo:hover .digit-box.svelte-d6v2uo,
.disabled.svelte-d6v2uo .digit-box.svelte-d6v2uo {
  border-bottom-color:#e5e5e5
}
.fail.svelte-d6v2uo .digit-box.svelte-d6v2uo,
.fail.svelte-d6v2uo:hover .digit-box.svelte-d6v2uo {
  border-bottom:solid 1px #f24e53
}
.txt.svelte-d6v2uo.svelte-d6v2uo {
  display:inline-block;
  line-height:48px;
  font-weight:var(--fw3);
  font-size:16px;
  color:var(--T1);
  pointer-events:none
}
input.svelte-d6v2uo.svelte-d6v2uo {
  border:none;
  border-radius:0;
  width:1px;
  height:45px;
  text-align:center;
  background:transparent;
  outline:none;
  -moz-appearance:textfield
}
input.svelte-d6v2uo.svelte-d6v2uo::-webkit-outer-spin-button,
input.svelte-d6v2uo.svelte-d6v2uo::-webkit-inner-spin-button {
  margin:0;
  -webkit-appearance:none
}
.loading.svelte-d6v2uo svg {
  animation:svelte-d6v2uo-rotate 1s linear infinite
}
@keyframes svelte-d6v2uo-rotate {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
.explain.svelte-d6v2uo.svelte-d6v2uo {
  margin:6px 0 0;
  text-align:left;
  font-size:12px;
  color:#dc4a45
}
.digit-box.fail.svelte-d6v2uo.svelte-d6v2uo {
  border-bottom:1px solid #f24e53!important
}
@media screen and (max-width: 640px) {
  .digit-box.svelte-d6v2uo.svelte-d6v2uo {
    margin:0 8px;
    width:32px;
    height:48px
  }
}
.wrap.svelte-1w8a04c.svelte-1w8a04c {
  margin-top:54px;
  padding-top:60px;
  height:100%
}
.sub-title.svelte-1w8a04c.svelte-1w8a04c {
  margin-top:40px
}
.iconfont.svelte-1w8a04c.svelte-1w8a04c {
  font-size:12px
}
.title.svelte-1w8a04c.svelte-1w8a04c {
  color:#1d2029
}
.arrow.svelte-1w8a04c.svelte-1w8a04c {
  color:#999b9f
}
.arrow.svelte-1w8a04c i.svelte-1w8a04c {
  transform:rotate(-180deg)
}
.arrow.svelte-1w8a04c.svelte-1w8a04c:hover {
  color:var(--blue)
}
.email-gif.svelte-1w8a04c.svelte-1w8a04c {
  width:100px;
  height:100px
}
.code.svelte-1w8a04c .digit-box span {
  font-weight:var(--fw3);
  font-size:36px;
  color:var(--T1)
}
@media screen and (max-width: 640px) {
  .xs\:f24.svelte-1w8a04c.svelte-1w8a04c {
    font-size:24px
  }
  .sub-title.svelte-1w8a04c.svelte-1w8a04c {
    margin-top:40px
  }
}
.wrap.svelte-19y6jgb {
  height:100%
}
.title.svelte-19y6jgb {
  margin-top:70px;
  font-size:48px
}
.sub-title.svelte-19y6jgb {
  margin-top:40px
}
.iconfont.svelte-19y6jgb {
  font-size:12px
}
.arrow.svelte-19y6jgb {
  transform:rotate(-180deg)
}
.email-gif.svelte-19y6jgb {
  width:100px;
  height:100px
}
.code.svelte-19y6jgb .digit-box span {
  font-size:36px;
  font-weight:var(--fw3);
  color:var(--blue-main)
}
@media screen and (max-width: 640px) {
  .title.svelte-19y6jgb {
    font-size:24px
  }
  .sub-title.svelte-19y6jgb {
    margin-top:40px
  }
}
.wrap.svelte-cfskwx.svelte-cfskwx {
  height:100%;
  padding-top:60px;
  margin-top:54px
}
.title.svelte-cfskwx.svelte-cfskwx {
  margin-top:24px;
  font-size:32px
}
.sub-title.svelte-cfskwx.svelte-cfskwx {
  margin-top:20px
}
.iconfont.svelte-cfskwx.svelte-cfskwx {
  font-size:12px
}
.arrow.svelte-cfskwx.svelte-cfskwx {
  color:#999b9f
}
.arrow.svelte-cfskwx i.svelte-cfskwx {
  transform:rotate(-180deg)
}
.arrow.svelte-cfskwx.svelte-cfskwx:hover {
  color:var(--blue)
}
.code.svelte-cfskwx .digit-box span {
  font-size:36px;
  font-weight:var(--fw3);
  color:var(--T1)
}
.code.svelte-cfskwx .digit-box {
  border:1px solid #DCDFE5;
  width:60px;
  height:75px;
  border-radius:8px
}
.code.svelte-cfskwx .active.digit-box {
  border-color:var(--blue-main-active)
}
.c-grey.svelte-cfskwx.svelte-cfskwx {
  color:#6c6e74
}
@media screen and (max-width: 640px) {
  .code.svelte-cfskwx .digit-box {
    height:50px
  }
}
.wrap.svelte-1wv8e45 {
  line-height:54px
}
.icon-wrapper.svelte-1vmof5v {
  display:inline-block;
  width:var(--width, 24px);
  height:var(--height, 24px);
  line-height:0;
  font-size:0;
  color:var(--color, #ffffff)
}
.icon-wrapper.svelte-1vmof5v svg {
  width:100%;
  height:100%
}
.T6.svelte-1bzo0dv {
  color:#dbdfe7
}
.iconfont.gray.svelte-1bzo0dv {
  color:#c6c7c9
}
.wrap.svelte-1gb0s06.svelte-1gb0s06 {
  width:100%;
  height:40px;
  line-height:40px
}
.white.svelte-1gb0s06 span.svelte-1gb0s06,
.white.svelte-1gb0s06 .arrow.svelte-1gb0s06 {
  color:var(--TW)
}
.white.before.svelte-1gb0s06 span.svelte-1gb0s06:before {
  position:absolute;
  top:4px;
  left:-10px;
  font-size:18px;
  color:var(--TW);
  content:"*";
  vertical-align:middle
}
.wrap.disabled.svelte-1gb0s06.svelte-1gb0s06 {
  pointer-events:none;
  opacity:.4
}
.arrow.svelte-1gb0s06.svelte-1gb0s06 {
  top:0;
  right:-24px;
  transition:transform .2s
}
ul.svelte-1gb0s06.svelte-1gb0s06 {
  position:fixed;
  left:0;
  display:none;
  border-radius:2px;
  width:100%;
  max-height:200px;
  background:var(--B1);
  overflow-x:hidden;
  overflow-y:auto;
  box-shadow:0 2px 8px #00000026
}
ul.svelte-1gb0s06 li.svelte-1gb0s06 {
  margin:0;
  width:100%;
  height:48px;
  line-height:48px
}
ul.svelte-1gb0s06 li.svelte-1gb0s06:hover {
  background:#f8f8f8
}
ul.svelte-1gb0s06 li.svelte-1gb0s06:active {
  color:var(--blue)
}
.dropdown.svelte-1gb0s06.svelte-1gb0s06 {
  z-index:99999;
  display:inline-block
}
.animation.svelte-1gb0s06.svelte-1gb0s06 {
  transform:rotate(180deg)
}
.active.svelte-1gb0s06.svelte-1gb0s06 {
  color:var(--blue)
}
.menu-mask.svelte-1gb0s06.svelte-1gb0s06 {
  position:fixed;
  left:0;
  z-index:800;
  margin-top:40px;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.6)
}
@media screen and (max-width: 640px) {
  .wrap.svelte-1gb0s06.svelte-1gb0s06 {
    width:94%
  }
}
span.svelte-1mzj7k2 {
  position:relative;
  display:inline-block
}
span.disabled.svelte-1mzj7k2 {
  pointer-events:none;
  opacity:.4
}
input.svelte-1mzj7k2 {
  margin:0;
  border:none;
  border-bottom:solid 1px #e5e5e5;
  border-radius:0;
  padding:0;
  width:100%;
  height:40px;
  line-height:40px;
  background:transparent;
  caret-color:#33d43e;
  outline:none;
  transition:top .18s linear,line-height .18s linear,font-size .18s linear
}
input.svelte-1mzj7k2::-webkit-outer-spin-button,
input.svelte-1mzj7k2::-webkit-inner-spin-button {
  margin:0;
  -webkit-appearance:none
}
input.svelte-1mzj7k2::-webkit-input-placeholder {
  color:var(--T3)
}
input.svelte-1mzj7k2:after {
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:1px;
  background:#003398;
  transform:scaleX(0);
  content:"";
  opacity:0;
  transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1)
}
.ipt.svelte-1mzj7k2 {
  font-size:34px;
  font-family:DINAlternate-Bold,DINAlternate!important
}
span.svelte-11t8pt2.svelte-11t8pt2 {
  position:relative;
  display:inline-flex;
  align-items:center
}
.df.svelte-11t8pt2.svelte-11t8pt2 {
  display:flex
}
span.disabled.svelte-11t8pt2.svelte-11t8pt2 {
  pointer-events:none;
  opacity:.4
}
input.svelte-11t8pt2.svelte-11t8pt2 {
  flex:1;
  border:none;
  background:transparent;
  caret-color:var(--T1);
  outline:none;
  -moz-appearance:textfield
}
.bb.svelte-11t8pt2.svelte-11t8pt2 {
  border-bottom:solid 1px #e5e5e5
}
input.svelte-11t8pt2.svelte-11t8pt2::-webkit-outer-spin-button,
input.svelte-11t8pt2.svelte-11t8pt2::-webkit-inner-spin-button {
  margin:0;
  -webkit-appearance:none
}
.label.svelte-11t8pt2.svelte-11t8pt2 {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:block;
  line-height:38px;
  font-size:14px;
  pointer-events:none;
  transition:top .18s linear,line-height .18s linear,font-size .18s linear
}
.label.svelte-11t8pt2.svelte-11t8pt2:after {
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:1px;
  transform:scaleX(0);
  content:"";
  opacity:0;
  transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1)
}
input.svelte-11t8pt2:focus+.label,
input.has-text.svelte-11t8pt2+.label {
  top:-10px;
  line-height:18px;
  font-size:12px
}
.mouseDown.svelte-11t8pt2 .label.svelte-11t8pt2,
input.svelte-11t8pt2:focus+.label {
  color:var(--blue)
}
input.svelte-11t8pt2:focus+.label:after {
  transform:scaleX(1);
  opacity:1
}
.mouseDown.svelte-11t8pt2 .label.svelte-11t8pt2:after {
  transform:scaleX(1);
  opacity:1
}
button.svelte-11t8pt2.svelte-11t8pt2 {
  border:none;
  border-radius:50%;
  width:24px;
  height:24px;
  line-height:24px;
  font-size:16px;
  background:transparent;
  color:var(--blue);
  cursor:pointer;
  visibility:hidden
}
button.svelte-11t8pt2.svelte-11t8pt2:hover {
  opacity:.8
}
span.svelte-11t8pt2:hover button.svelte-11t8pt2 {
  visibility:visible
}
input.svelte-11t8pt2:focus~button.svelte-11t8pt2 {
  visibility:visible
}
button.svelte-11t8pt2.svelte-11t8pt2:disabled {
  color:#9fa3ab
}
button.svelte-11t8pt2.svelte-11t8pt2:after {
  font-family:phemex-icon;
  content:""
}
button.svelte-11t8pt2+button:after {
  content:""
}
.unit.svelte-11t8pt2.svelte-11t8pt2 {
  margin-right:12px;
  pointer-events:none
}
.pagination.svelte-1e26z0i.svelte-1e26z0i {
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  gap:8px
}
.pagination.svelte-1e26z0i li.svelte-1e26z0i {
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:2px;
  width:32px;
  height:32px;
  font-size:14px;
  color:#858585;
  cursor:pointer
}
.pagination.svelte-1e26z0i .active.svelte-1e26z0i {
  background:#f5f5f5;
  color:#000
}
.pagination.svelte-1e26z0i li.svelte-1e26z0i:hover {
  color:#000
}
.pagination.svelte-1e26z0i li .arrow.svelte-1e26z0i {
  padding-top:2px;
  font-size:14px;
  color:#858585
}
.pagination.svelte-1e26z0i li:hover .arrow.svelte-1e26z0i {
  color:#000
}
.pagination.svelte-1e26z0i .disabled .arrow.svelte-1e26z0i {
  color:#ababab;
  cursor:not-allowed
}
.pagination.dark.svelte-1e26z0i li.svelte-1e26z0i {
  background:transparent;
  color:#858585
}
.pagination.dark.svelte-1e26z0i .active.svelte-1e26z0i {
  border-radius:4px;
  background:#1f1f1f;
  color:#fff
}
.pagination.dark.svelte-1e26z0i li.svelte-1e26z0i:hover {
  color:#fff
}
.pagination.dark.svelte-1e26z0i li .arrow.svelte-1e26z0i {
  font-size:14px;
  color:#858585
}
.pagination.dark.svelte-1e26z0i li:hover .arrow.svelte-1e26z0i {
  color:#fff
}
.pagination.dark.svelte-1e26z0i .disabled .arrow.svelte-1e26z0i {
  color:#666;
  cursor:not-allowed
}
i.svelte-kjyqn0 {
  color:var(--blue-main-active)
}
.disabled.svelte-kjyqn0 {
  opacity:.7
}
.wrap.svelte-qn85iq.svelte-qn85iq {
  height:40px;
  line-height:40px
}
.underline.svelte-qn85iq.svelte-qn85iq {
  border-bottom:1px solid #e5e5e5
}
.border.svelte-qn85iq.svelte-qn85iq {
  border:1px solid #e5e5e5;
  border-radius:8px;
  padding:0 10px
}
.no-border.svelte-qn85iq.svelte-qn85iq {
  border:none
}
.white.wrap.svelte-qn85iq.svelte-qn85iq:hover,
.white.wrap.svelte-qn85iq.svelte-qn85iq:focus {
  border-bottom-color:var(--blue-main-hover)
}
.white.svelte-qn85iq span.svelte-qn85iq,
.white.svelte-qn85iq .arrow.svelte-qn85iq {
  color:#fff
}
.white.before.svelte-qn85iq span.svelte-qn85iq:before {
  position:absolute;
  top:4px;
  left:-10px;
  font-size:18px;
  color:#fff;
  content:"*";
  vertical-align:middle
}
.underline.svelte-qn85iq.svelte-qn85iq:hover {
  border-color:var(--blue-main)
}
.wrap.disabled.svelte-qn85iq.svelte-qn85iq {
  pointer-events:none;
  opacity:.4
}
.arrow.svelte-qn85iq.svelte-qn85iq {
  transition:transform .2s
}
ul.svelte-qn85iq.svelte-qn85iq {
  position:absolute;
  top:100%;
  left:0;
  display:none;
  border-radius:8px;
  width:100%;
  max-height:200px;
  background:#fff;
  overflow-x:hidden;
  overflow-y:auto;
  box-shadow:0 2px 8px #00000026
}
ul.svelte-qn85iq li.svelte-qn85iq {
  margin:0;
  padding-left:10px
}
ul.svelte-qn85iq li.svelte-qn85iq:hover {
  background:#f8f8f8
}
ul.svelte-qn85iq li.svelte-qn85iq:active {
  color:var(--blue-main-active)
}
.dropdown.svelte-qn85iq.svelte-qn85iq {
  z-index:99999;
  display:inline-block
}
.animation.svelte-qn85iq.svelte-qn85iq {
  transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg)
}
.active.svelte-qn85iq.svelte-qn85iq {
  color:var(--blue)
}
.option.disabled.svelte-qn85iq.svelte-qn85iq {
  cursor:not-allowed;
  opacity:.4
}
.wrap.svelte-yw1k60.svelte-yw1k60 {
  border-radius:4px;
  width:100%;
  height:28px;
  line-height:28px
}
.white.wrap.svelte-yw1k60.svelte-yw1k60:hover,
.white.wrap.svelte-yw1k60.svelte-yw1k60:focus {
  border-bottom-color:#0064c8
}
.white.svelte-yw1k60 span.svelte-yw1k60,
.white.svelte-yw1k60 .arrow.svelte-yw1k60 {
  color:#fff
}
.white.before.svelte-yw1k60 span.svelte-yw1k60:before {
  content:"*";
  font-size:18px;
  vertical-align:middle;
  color:#fff;
  position:absolute;
  left:-10px;
  top:4px
}
.wrap.disabled.svelte-yw1k60.svelte-yw1k60 {
  pointer-events:none;
  opacity:.4
}
.arrow.svelte-yw1k60.svelte-yw1k60 {
  top:0;
  right:4px;
  transition:transform .2s
}
ul.svelte-yw1k60.svelte-yw1k60 {
  width:100%;
  position:absolute;
  top:28px;
  border-radius:2px;
  box-shadow:0 2px 8px #00000026;
  background:#fff;
  display:none;
  max-height:200px;
  overflow-y:auto;
  overflow-x:hidden
}
ul.svelte-yw1k60 li.svelte-yw1k60 {
  margin:0;
  padding-left:10px;
  width:100%;
  height:28px;
  line-height:28px
}
ul.svelte-yw1k60 li.svelte-yw1k60:hover {
  background:#f8f8f8
}
ul.svelte-yw1k60 li.svelte-yw1k60:active {
  color:#003398
}
.dropdown.svelte-yw1k60.svelte-yw1k60 {
  display:inline-block;
  z-index:99999
}
.animation.svelte-yw1k60.svelte-yw1k60 {
  transform:rotate(180deg)
}
.active.svelte-yw1k60.svelte-yw1k60 {
  color:#003398
}
.ml8.svelte-yw1k60.svelte-yw1k60 {
  margin-left:8px
}
.switch.svelte-10zhgpp.svelte-10zhgpp {
  position:relative;
  display:inline-block;
  width:40px;
  height:18px;
  line-height:18px
}
.switch.middle.svelte-10zhgpp.svelte-10zhgpp {
  width:30px;
  height:18px;
  line-height:18px
}
.label.svelte-10zhgpp.svelte-10zhgpp {
  display:block;
  border:1px solid var(--B3);
  border-radius:24px;
  cursor:pointer;
  overflow:hidden
}
.middle.svelte-10zhgpp .label.svelte-10zhgpp {
  border-radius:18px
}
.golden.checked.svelte-10zhgpp .label.svelte-10zhgpp {
  border:0
}
.inner.svelte-10zhgpp.svelte-10zhgpp {
  display:block;
  margin-left:-100%;
  width:200%;
  transition:all .2s
}
.inner.svelte-10zhgpp.svelte-10zhgpp:before,
.inner.svelte-10zhgpp.svelte-10zhgpp:after {
  display:block;
  box-sizing:border-box;
  padding:0;
  width:50%;
  height:20px;
  line-height:22px;
  font-size:12px;
  color:#fff;
  float:left
}
.middle.svelte-10zhgpp .inner.svelte-10zhgpp:before,
.middle.svelte-10zhgpp .inner.svelte-10zhgpp:after {
  height:18px;
  line-height:18px;
  background:var(--CARD2)
}
.middle.checked.svelte-10zhgpp .inner.svelte-10zhgpp:after,
.middle.checked.svelte-10zhgpp .inner.svelte-10zhgpp:before {
  background:var(--blue)
}
.inner.svelte-10zhgpp.svelte-10zhgpp:before {
  padding-left:10px;
  background:var(--blue);
  content:attr(data-left) " "
}
.inner.svelte-10zhgpp.svelte-10zhgpp:after {
  padding-right:10px;
  text-align:right;
  background:#fff;
  content:attr(data-right) " "
}
.golden.svelte-10zhgpp .inner.svelte-10zhgpp:before,
.golden.svelte-10zhgpp .inner.svelte-10zhgpp:after {
  background:transparent
}
.circle.svelte-10zhgpp.svelte-10zhgpp {
  position:absolute;
  top:2px;
  right:18px;
  display:block;
  border-radius:50px;
  width:18px;
  height:18px;
  background:var(--gey-3);
  transition:all .2s
}
.middle.svelte-10zhgpp .circle.svelte-10zhgpp {
  top:3px;
  right:13px;
  width:14px;
  height:14px
}
.switch.checked.svelte-10zhgpp .inner.svelte-10zhgpp {
  margin-left:0
}
.switch.checked.svelte-10zhgpp .circle.svelte-10zhgpp {
  right:3px;
  background:var(--B2)
}
.golden.checked.svelte-10zhgpp .circle.svelte-10zhgpp {
  border:1px solid #f3c497;
  background:#f3c497
}
.switch.disabled.svelte-10zhgpp.svelte-10zhgpp {
  pointer-events:none;
  opacity:.4
}
.swipe-panel.svelte-gx1ps {
  position:relative;
  width:100%;
  height:100%
}
.swipe-item-wrapper.svelte-gx1ps {
  position:relative;
  z-index:2;
  height:inherit;
  overflow:hidden
}
.swipeable-items.svelte-gx1ps,
.swipeable-slot-wrapper.svelte-gx1ps {
  position:relative;
  width:inherit;
  height:inherit
}
.swipeable-item.svelte-1ks2opm {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  transition-timing-function:ease-out
}
.btn.svelte-1uxg2ec {
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:2px;
  padding:4px 16px;
  height:22px;
  text-align:center;
  font-size:14px;
  background:#f5f5f5
}
.btn.active.svelte-1uxg2ec {
  background:var(--B1);
  color:var(--blue-main-active)
}
.btn.active.svelte-1uxg2ec:after {
  display:none
}
.wrap.svelte-1uxg2ec {
  margin-right:16px;
  line-height:54px
}
.wrap.svelte-1uxg2ec+.wrap {
  margin-left:16px
}
.active.svelte-1uxg2ec {
  font-weight:var(--fw3);
  color:var(--T1)!important
}
.active.svelte-1uxg2ec:after {
  position:absolute;
  bottom:12px;
  display:block;
  width:30px;
  height:2px;
  background:var(--BTN-BG);
  content:""
}
.border-active.svelte-1uxg2ec {
  margin-right:28px;
  padding-right:0
}
.border-active.svelte-1uxg2ec+.wrap {
  padding-left:0
}
.active.svelte-1uxg2ec:after {
  width:100%
}
.wrap.v2.svelte-1uxg2ec {
  line-height:40px;
  color:var(--T1)
}
.active.v2.svelte-1uxg2ec {
  font-weight:var(--fw2)
}
.active.v2.svelte-1uxg2ec:after {
  bottom:0
}
.wrap.svelte-w9wnyj.svelte-w9wnyj {
  border-radius:12px;
  overflow-x:auto
}
.h360.svelte-w9wnyj.svelte-w9wnyj {
  min-height:360px
}
.grid.svelte-w9wnyj.svelte-w9wnyj {
  display:grid;
  max-height:100%;
  line-height:42px
}
.cell.svelte-w9wnyj.svelte-w9wnyj {
  top:0;
  padding-right:8px;
  padding-left:8px
}
.ta-right.svelte-w9wnyj.svelte-w9wnyj {
  text-align:right
}
.row.svelte-w9wnyj.svelte-w9wnyj,
.tr.svelte-w9wnyj.svelte-w9wnyj {
  display:contents
}
.row.svelte-w9wnyj:hover .cell.svelte-w9wnyj {
  background:#f9f9f9
}
.h240.svelte-w9wnyj.svelte-w9wnyj {
  height:240px
}
.book.svelte-w9wnyj.svelte-w9wnyj {
  width:90px;
  height:100%
}
.td-row.svelte-w9wnyj.svelte-w9wnyj {
  grid-column:1 / -1
}
.tac.svelte-w9wnyj.svelte-w9wnyj {
  text-align:center
}
.wrap.svelte-w9wnyj .grid.svelte-w9wnyj .fixed-cell {
  position:sticky;
  right:0;
  background:#fff
}
.wrap.svelte-w9wnyj .grid.svelte-w9wnyj .fixed-cell:after {
  position:absolute;
  top:-1px;
  bottom:-1px;
  left:0;
  width:30px;
  transform:translate(-100%);
  box-shadow:inset -10px 0 8px -8px #00000026;
  content:""
}
span.svelte-18enkw7.svelte-18enkw7 {
  position:relative;
  display:inline-block;
  width:100%
}
input.svelte-18enkw7.svelte-18enkw7 {
  border:none;
  width:100%;
  line-height:38px;
  font-size:14px;
  background:transparent;
  color:#383838;
  caret-color:var(--blue-main);
  outline:none
}
input.svelte-18enkw7.svelte-18enkw7:-webkit-autofill,
input.svelte-18enkw7.svelte-18enkw7:-webkit-autofill:hover,
input.svelte-18enkw7.svelte-18enkw7:-webkit-autofill:focus,
input.svelte-18enkw7.svelte-18enkw7:-webkit-autofill:active {
  -webkit-transition:background-color 5000s ease-in-out 0s;
  transition:background-color 5000s ease-in-out 0s
}
.before.svelte-18enkw7.svelte-18enkw7:before {
  position:absolute;
  top:4px;
  left:-10px;
  font-size:18px;
  color:var(--B1);
  content:"*";
  vertical-align:middle
}
.white.svelte-18enkw7.svelte-18enkw7 {
  background:transparent
}
.white.svelte-18enkw7 input.svelte-18enkw7 {
  background:transparent;
  color:#fff
}
.white.svelte-18enkw7 label.svelte-18enkw7 {
  color:#fff
}
.white.disabled.svelte-18enkw7 input.svelte-18enkw7,
.white.disabled.svelte-18enkw7 .before.svelte-18enkw7:before,
.white.disabled.svelte-18enkw7 .before.svelte-18enkw7 {
  background:transparent;
  color:rgba(var(--blue-main-rgb),.36)
}
.white.disabled.svelte-18enkw7 label.svelte-18enkw7:after {
  background:rgba(var(--blue-main-rgb),.36);
  opacity:1
}
.white.svelte-18enkw7 label.svelte-18enkw7 {
  border-bottom:solid 1px rgba(var(--blue-main-rgb),.36)
}
label.svelte-18enkw7.svelte-18enkw7 {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:block;
  border-bottom:solid 1px #e5e5e5;
  line-height:38px;
  font-size:14px;
  color:gray;
  pointer-events:none;
  transition:top .18s linear,line-height .18s linear,font-size .18s linear
}
label.svelte-18enkw7.svelte-18enkw7:after {
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:1px;
  background:var(--blue-main);
  content:"";
  opacity:0
}
input.svelte-18enkw7:focus+label,
input.not-empty.svelte-18enkw7+label {
  top:-10px;
  line-height:18px;
  font-size:12px
}
input.svelte-18enkw7:focus+.label,
input.svelte-18enkw7:focus+.before:before {
  color:var(--blue-main)
}
input.svelte-18enkw7:focus+label:after {
  transform:scaleX(1);
  opacity:1
}
.white.svelte-18enkw7 input.svelte-18enkw7:focus+label:after,
.white.svelte-18enkw7 input.svelte-18enkw7:hover+label:after {
  background:var(--blue-main-hover);
  opacity:1
}
input[type=number].svelte-18enkw7.svelte-18enkw7::-webkit-outer-spin-button,
input[type=number].svelte-18enkw7.svelte-18enkw7::-webkit-inner-spin-button {
  margin:0;
  -webkit-appearance:none!important
}
input[type=number].svelte-18enkw7.svelte-18enkw7 {
  -moz-appearance:textfield
}
.notices.svelte-15p9rln {
  position:fixed;
  top:10px;
  left:0;
  right:0;
  bottom:0;
  overflow:hidden;
  padding:3em;
  z-index:10000099;
  pointer-events:none;
  display:flex;
  flex-direction:column
}
.notice.svelte-mfb9w {
  display:inline-flex;
  pointer-events:auto;
  align-self:center
}
.toast.svelte-o5v741 {
  margin:8px 0;
  border-radius:8px;
  padding:10px 20px;
  text-align:center;
  font-size:14px;
  color:#383838;
  pointer-events:auto;
  box-shadow:0 1px 4px #0000001f,0 0 6px #0000000a
}
.success.svelte-o5v741 {
  background:#e6f8f3;
  color:#00bd84
}
.danger.svelte-o5v741 {
  background:#feedee;
  color:#f24e53
}
.tooltip.svelte-1i0ojtq.svelte-1i0ojtq {
  border-radius:8px;
  padding:8px 10px 10px 8px;
  max-width:450px;
  line-height:20px;
  font-size:14px;
  background:#000;
  color:#fff;
  box-shadow:0 0 20px #0000001a
}
.tooltip.phone.svelte-1i0ojtq.svelte-1i0ojtq {
  max-width:300px
}
.arrow.svelte-1i0ojtq.svelte-1i0ojtq,
.arrow2.svelte-1i0ojtq.svelte-1i0ojtq {
  position:absolute;
  width:8px;
  height:8px
}
.arrow2.svelte-1i0ojtq.svelte-1i0ojtq {
  background:#000;
  transform:rotate(45deg);
  content:""
}
.tooltip[data-popper-placement^=top].svelte-1i0ojtq>.arrow.svelte-1i0ojtq {
  bottom:-4px
}
.tooltip[data-popper-placement^=bottom].svelte-1i0ojtq>.arrow.svelte-1i0ojtq {
  top:-4px
}
.tooltip[data-popper-placement^=left].svelte-1i0ojtq>.arrow.svelte-1i0ojtq {
  right:-4px
}
.tooltip[data-popper-placement^=right].svelte-1i0ojtq>.arrow.svelte-1i0ojtq {
  left:-4px
}
.tooltip[data-popper-placement^=bottom].svelte-1i0ojtq.svelte-1i0ojtq {
  position:absolute;
  margin-top:10px
}
.tooltip[data-popper-placement^=top].svelte-1i0ojtq.svelte-1i0ojtq {
  position:absolute;
  display:flex;
  justify-content:center;
  margin-top:10px;
  border-radius:8px
}
.icon.svelte-1i0ojtq.svelte-1i0ojtq {
  position:absolute;
  top:5px;
  right:5px;
  line-height:12px
}
.tooltip.p16.svelte-1i0ojtq.svelte-1i0ojtq {
  padding:16px
}
.wrap.svelte-1bx6re5.svelte-1bx6re5 {
  height:100%
}
.close-btn.svelte-1bx6re5.svelte-1bx6re5 {
  margin-left:auto;
  border-radius:50%;
  width:50px;
  height:50px;
  background:#eff2f7
}
.close-btn.svelte-1bx6re5:hover .iconfont.svelte-1bx6re5 {
  color:var(--T2)
}
.title.svelte-1bx6re5.svelte-1bx6re5 {
  margin-top:70px;
  font-size:48px
}
.sub-title.svelte-1bx6re5.svelte-1bx6re5 {
  margin-top:80px
}
.ipt-box.svelte-1bx6re5.svelte-1bx6re5 {
  border:1px solid #dbdfe7;
  border-radius:4px;
  padding:0 18px;
  height:48px
}
.ipt-box.error.svelte-1bx6re5.svelte-1bx6re5 {
  border:1px solid #f66
}
.ipt-box.svelte-1bx6re5.svelte-1bx6re5:focus-within,
.ipt-box.svelte-1bx6re5.svelte-1bx6re5:hover {
  border:1px solid #003fe6
}
.ipt.svelte-1bx6re5.svelte-1bx6re5 {
  border:none;
  height:90%;
  outline:none
}
.mt50.svelte-1bx6re5.svelte-1bx6re5 {
  margin-top:50px
}
.disabled.svelte-1bx6re5.svelte-1bx6re5 {
  background:#fafafa
}
.activity.svelte-1e2b2z2 {
  width:440px;
  height:100%
}
.title.svelte-1e2b2z2 {
  padding:68px 0 20px
}
.number.svelte-1e2b2z2 {
  border-radius:4px;
  width:40px;
  height:40px;
  background:#303236
}
.label.svelte-1e2b2z2 {
  padding-bottom:12px
}
.count-down.svelte-1e2b2z2 {
  display:none
}
.header-place.svelte-beyuc5 {
  position:sticky;
  top:0;
  left:0;
  z-index:10000;
  width:100%;
  height:auto
}
.header-place.visibleHidden.svelte-beyuc5 {
  visibility:hidden
}
@media screen and (max-width: 640px) {
  .header-place.svelte-beyuc5 {
    height:unset;
    min-height:unset
  }
}
.warp.svelte-v5s0h9.svelte-v5s0h9 {
  width:480px;
  min-height:550px;
  background:#fff
}
.code.svelte-v5s0h9 .digit-box {
  margin:0;
  border:1px solid #ebebeb!important;
  border-radius:8px;
  width:60px;
  height:72px
}
.code.svelte-v5s0h9 .digit-box.active {
  border:1px solid var(--blue)!important
}
.code.svelte-v5s0h9 .digit-box span {
  font-weight:var(--fw2);
  font-size:36px;
  color:var(--T1)
}
.code.svelte-v5s0h9 .digit-box input {
  padding:0;
  width:1px
}
.code.svelte-v5s0h9 .digit-box explain {
  margin:6px 0
}
@keyframes svelte-v5s0h9-rotate {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
.disable.svelte-v5s0h9.svelte-v5s0h9 {
  color:var(--T3);
  pointer-events:none
}
.c-grey.svelte-v5s0h9.svelte-v5s0h9 {
  color:#6c6e74
}
.title.svelte-v5s0h9.svelte-v5s0h9 {
  color:#1d2029
}
@media screen and (min-width: 640px) {
  .modal-wrap.svelte-v5s0h9.svelte-v5s0h9 {
    position:relative;
    background-color:inherit
  }
  .modal-wrap.svelte-v5s0h9 .content.svelte-v5s0h9 {
    width:auto
  }
  .modal-wrap.svelte-v5s0h9 .title.svelte-v5s0h9 {
    position:relative;
    left:-32px;
    text-align:left
  }
  .modal-wrap.svelte-v5s0h9 .main.svelte-v5s0h9 {
    padding:0
  }
  .main.svelte-v5s0h9.svelte-v5s0h9 {
    border-radius:8px;
    padding:24px 0;
    width:480px;
    background:#fff
  }
  .content.svelte-v5s0h9.svelte-v5s0h9 {
    position:relative;
    display:flex;
    align-items:center;
    margin:0 auto;
    height:100%
  }
}
@media screen and (max-width: 640px) {
  .title2.svelte-v5s0h9.svelte-v5s0h9 {
    display:none
  }
  .title.svelte-v5s0h9.svelte-v5s0h9 {
    margin-bottom:24px;
    text-align:left;
    font-size:24px
  }
  .warp.svelte-v5s0h9.svelte-v5s0h9 {
    width:auto;
    min-height:auto;
    background:#fff
  }
  .content.svelte-v5s0h9.svelte-v5s0h9 {
    padding:0
  }
  .main.svelte-v5s0h9.svelte-v5s0h9 {
    margin:0;
    padding:24px 20px 40px
  }
  .code.svelte-v5s0h9 .digit-box {
    width:40px;
    height:52px
  }
  .code.svelte-v5s0h9 .digit-box span {
    line-height:52px;
    font-size:24px
  }
}
.user-view-content.svelte-1l3fgq4 {
  min-width:1200px;
  min-height:calc(100vh - 56px)
}
.user-view-left.svelte-1l3fgq4 {
  flex:1;
  min-height:100%
}
.user-view-right.svelte-1l3fgq4 {
  flex:1.4;
  padding-top:68px;
  min-height:100%;
  background:#fff;
  gap:80px
}
.copy-right.svelte-1l3fgq4 {
  margin-bottom:60px
}
@media screen and (max-width: 640px) {
  .user-view-content.svelte-1l3fgq4 {
    display:block;
    min-width:auto;
    min-height:100vh;
    background:#fff
  }
  .user-view-left.svelte-1l3fgq4 {
    display:none
  }
  .user-view-right.svelte-1l3fgq4 {
    padding-top:40px;
    min-height:100vh
  }
}
@media screen and (max-width: 1600px) {
  .user-view-right.svelte-1l3fgq4 {
    flex:1.1;
    padding-top:40px;
    min-height:100vh;
    gap:40px
  }
}
.login-banner-con.svelte-1h5o5zo.svelte-1h5o5zo {
  padding:60px 0;
  width:400px
}
.login-banner-con.svelte-1h5o5zo .image.svelte-1h5o5zo {
  width:400px;
  min-height:500px
}
.login-banner-con.svelte-1h5o5zo .sub.svelte-1h5o5zo {
  color:#b0b2b8
}
.warp.svelte-bhvczj {
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  width:100%;
  height:100%;
  background:#fff
}
.activity-container.svelte-bhvczj {
  height:100%;
  background:#000
}
.back.svelte-bhvczj {
  width:480px
}
@media screen and (max-width: 640px) {
  .back.svelte-bhvczj {
    padding-left:20px;
    width:auto
  }
  .right.svelte-bhvczj {
    align-items:normal
  }
}
.warp.svelte-1rrnk62 {
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  width:100%;
  height:100%;
  background:#003fe6
}
.logo.svelte-1rrnk62 {
  margin-top:24px
}
img.svelte-1rrnk62 {
  width:106px;
  height:24px
}
.email-gif.svelte-1rrnk62 {
  width:100px;
  height:100px
}
.code.svelte-1rrnk62 .digit-box span {
  font-weight:var(--fw3);
  font-size:36px;
  color:var(--blue-main)
}
@keyframes svelte-1rrnk62-rotate {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
.disable.svelte-1rrnk62 {
  color:#9fa3ab;
  pointer-events:none
}
@media screen and (min-width: 640px) {
  .main.svelte-1rrnk62 {
    border-radius:8px;
    padding:50px 30px 40px;
    width:340px;
    background:#fff
  }
  .back.svelte-1rrnk62 {
    width:400px
  }
  .logo-a.svelte-1rrnk62 {
    position:absolute;
    top:0;
    left:0;
    display:flex;
    margin-left:120px
  }
  .content.svelte-1rrnk62 {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    width:1200px;
    height:100%
  }
}
@media screen and (max-width: 640px) {
  .warp.svelte-1rrnk62 {
    background:#fff
  }
  .back.svelte-1rrnk62,
  .title2.svelte-1rrnk62 {
    display:none
  }
  .title.svelte-1rrnk62 {
    text-align:left;
    font-size:24px
  }
  .logo.svelte-1rrnk62 {
    margin-left:24px
  }
  img.svelte-1rrnk62 {
    width:106px;
    height:24px
  }
  .content.svelte-1rrnk62 {
    padding:0
  }
  .main.svelte-1rrnk62 {
    margin:0;
    padding:50px 20px 40px
  }
}
.warp.svelte-1sn8ah1 {
  background:#fff
}
.code.svelte-1sn8ah1 .digit-box {
  margin:0;
  border:1px solid #dbdfe7!important;
  border-radius:8px;
  width:60px;
  height:72px
}
.code.svelte-1sn8ah1 .digit-box.active {
  border:1px solid var(--blue)!important
}
.code.svelte-1sn8ah1 .digit-box span {
  font-weight:var(--fw2);
  font-size:36px;
  color:var(--T1)
}
.code.svelte-1sn8ah1 .digit-box input {
  padding:0;
  width:1px
}
.code.svelte-1sn8ah1 .digit-box explain {
  margin:6px 0
}
@media screen and (min-width: 640px) {
  .main.svelte-1sn8ah1 {
    border-radius:8px;
    width:480px;
    background:#fff
  }
  .content.svelte-1sn8ah1 {
    position:relative;
    display:flex;
    align-items:center;
    margin:0 auto;
    height:100%
  }
}
.c-grey.svelte-1sn8ah1 {
  color:#6c6e74
}
.c-black.svelte-1sn8ah1 {
  color:#1d2029
}
@media screen and (max-width: 640px) {
  .title.svelte-1sn8ah1 {
    text-align:left;
    font-size:18px
  }
  .warp.svelte-1sn8ah1 {
    background:#fff
  }
  .content.svelte-1sn8ah1 {
    padding:0
  }
  .main.svelte-1sn8ah1 {
    margin:0;
    padding:24px 20px 40px
  }
  .code.svelte-1sn8ah1 .digit-box {
    width:40px!important;
    height:52px!important
  }
  .code.svelte-1sn8ah1 .digit-box span {
    line-height:52px!important;
    font-size:24px
  }
}
.warp.svelte-gjjgdg {
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  width:100%;
  height:100%;
  background:#fff
}
.activity-container.svelte-gjjgdg {
  height:100%;
  background:#000
}
.back.svelte-gjjgdg {
  width:480px;
  color:#999b9f
}
@media screen and (max-width: 640px) {
  .back.svelte-gjjgdg {
    padding-left:20px;
    width:auto
  }
  .right.svelte-gjjgdg {
    align-items:normal
  }
}
.warp.svelte-es8rdc {
  background:#fff
}
.home-login-email.svelte-es8rdc .item:hover {
  border:1px solid #e9ecef
}
.btn.svelte-es8rdc {
  margin-top:24px
}
.btn.svelte-es8rdc Button {
  height:48px
}
.main.svelte-es8rdc .item.br48,
.main.svelte-es8rdc button.br48 {
  border-radius:48px
}
@media screen and (min-width: 640px) {
  .main.svelte-es8rdc {
    border-radius:8px;
    width:420px;
    background:#fff
  }
  .content.svelte-es8rdc {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    height:100%
  }
}
@media screen and (max-width: 640px) {
  .title2.svelte-es8rdc {
    display:none
  }
  .title.svelte-es8rdc {
    text-align:left;
    font-size:24px
  }
  .warp.svelte-es8rdc {
    background:#fff
  }
  .content.svelte-es8rdc {
    padding:0
  }
  .main.svelte-es8rdc {
    margin:0;
    padding:24px 20px 40px
  }
}
.warp.svelte-3sb9m8 {
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  width:100%;
  height:100%;
  background:#fff
}
.activity-container.svelte-3sb9m8 {
  height:100%;
  background:#000
}
.back.svelte-3sb9m8 {
  width:420px
}
@media screen and (max-width: 640px) {
  .back.svelte-3sb9m8 {
    padding-top:10px;
    padding-left:20px;
    width:auto
  }
  .right.svelte-3sb9m8 {
    align-items:normal
  }
}
.wrap.svelte-1wtrzty {
  margin-top:40px
}
.arrow.svelte-1wtrzty {
  transform:rotate(-180deg)
}