:root{--primary: #6bc4ff;--primary_20: #6bc4ff33;--primary_40: #6bc4ff66;--secondary_color: #012269;--secondary_color_20: #01226933;--secondary_color_50: #0122697f;--black: #000000ff;--black_95: #000000f2;--black_90: #000000e6;--black_85: #000000d9;--black_80: #000000cd;--black_75: #000000bf;--black_70: #000000b3;--black_65: #000000a6;--black_60: #0000009a;--black_50: #00000080;--black_40: #00000066;--black_30: #0000004d;--black_20: #00000033;--black_15: #00000026;--black_10: #0000001a;--black_08: #00000014;--black_05: #0000000d;--black_03: #00000008;--black_01: #00000003;--white: #ffffffff;--white_95: #fffffff2;--white_90: #ffffffe6;--white_85: #ffffffd9;--white_80: #ffffffcd;--white_75: #ffffffbf;--white_70: #ffffffb3;--white_65: #ffffffa6;--white_60: #ffffff9a;--white_50: #ffffff80;--white_40: #ffffff66;--white_30: #ffffff4d;--white_20: #ffffff33;--white_15: #ffffff26;--white_10: #ffffff1a;--white_05: #ffffff0d;--white_04: #ffffff0a;--white_02: #ffffff05;--gray_95: var(--black_95);--gray_50: var(--black_50);--gray_40: var(--black_40);--gray_30: var(--black_30);--gray_20: var(--black_20);--gray_10: var(--black_10);--gray_05: var(--black_05);--gray_03: var(--black_03);--page_bg1: #f9f7f7;--text_color_1: var(--secondary_color);--text_color_2: var(--secondary_color_50);--text_color_3: #1f3d7c33;--text_color_4: #159cd7;--text_color_5: #212d64;--background_color_1: #eff8ff;--background_color_2: #1c8dff;--border-color_1: #233d7f1a;--viewport_height: 100vh;--viewport_width: 100vw}:root:root{--adm-font-family: "SFProDisplay", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;--adm-mask-z-index: 10000000}@media(prefers-color-scheme: dark){:root{color-scheme:light}body{background-color:#fff;color:#000}}*,*::before,*::after{box-sizing:border-box;font-family:inherit}*::-webkit-scrollbar{display:none}body{margin:0 auto !important;padding:0;font-family:"SFProDisplay",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;width:var(--viewport_width);height:100vh;height:var(--viewport_height);overscroll-behavior:none}#root{width:100%;height:100%;margin:0;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.primary-button-large{display:flex;background-color:#6bc4ff;background-color:var(--primary);border-radius:1000px;border:none;color:#012269;color:var(--text_color_1);justify-content:center;align-items:center;height:56px;font-weight:600;font-size:15px}.primary-button-large[data-disabled=true],.primary-button-large:disabled{background-color:#6bc4ff33;background-color:var(--primary_20);color:#fff}.primary-button-medium{display:flex;background-color:#6bc4ff;background-color:var(--primary);border-radius:1000px;border:none;color:#012269;color:var(--text_color_1);justify-content:center;align-items:center;height:33px;font-weight:500;font-size:14px}.primary-button-medium[data-disabled=true],.primary-button-medium:disabled{background-color:#6bc4ff33;background-color:var(--primary_20);color:#fff}.secondary-button-large{display:flex;background-color:#eff8ff;background-color:var(--background_color_1);border-radius:1000px;border:none;color:#012269;color:var(--text_color_1);justify-content:center;align-items:center;height:56px;font-weight:600;font-size:15px}.secondary-button-medium{display:flex;background-color:#eff8ff;background-color:var(--background_color_1);border-radius:1000px;border:none;color:#012269;color:var(--text_color_1);justify-content:center;align-items:center;height:33px;font-weight:500;font-size:14px}
.login-container {
  display: flex;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  align-items: center;
}

.login-page {
  display: flex;
  text-align: center;
  align-self: flex-start;
  flex-direction: column;
  width: 100%;
}

.login_title {
  margin-top: 76px;
  color: #000;
  font-family: "SFProDisplay";
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
}

.login-sub-title-container {
  margin-top: 21px;
}

.login-sub-title {
  padding-left: 6px;
  padding-right: 6px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  font-family: "SF Pro Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.login-number {
  color: #212d64;
  font-family: "RacingSansOne";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.simple-login-loading {
  position: absolute;
  bottom: 230px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  animation: simple-login-loading-spin 2s linear infinite;
}

@keyframes simple-login-loading-spin {
  from {
    transform: translateX(-50%) rotate(0deg);
  }

  to {
    transform: translateX(-50%) rotate(360deg);
  }
}

.login-content {
  position: absolute;
  bottom: 260px;
  left: 50%;
  transform: translateX(-50%);
  color: #012269;
  text-align: center;
  font-family: "SF Pro Text";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.login-content-fake-button {
  position: absolute;
  bottom: 229px;
  left: 50%;
  transform: translateX(-50%);
  color: #012269;
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 16px;
  background: #ffd82a;
  padding: 3px 8px;
}

.login-image {
  max-width: calc(100% - 80px);
  justify-content: center;
  align-items: center;
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.login-dot {
  height: 5px;
  width: 22px;
  margin: 0 5px;
  background-color: #d9d9d980;
  flex-shrink: 0;
  border-radius: 2px;
  display: inline-block;
}

.login-dot.active {
  background-color: white;
}

.login-join {
  position: absolute;
  left: 20px;
  right: 20px;
  background-color: #012269;
  height: 56px;
  border-radius: 5px;
  bottom: 118px;
  border: none;
}

.google-image {
  height: 20px;
  width: 20px;
  margin-left: 20px;
  float: left;
}

.google-font {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-family: Arial;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.footer {
  position: absolute;
  margin-left: 50px;
  margin-right: 50px;
  bottom: 50px;
}

.normal-footer-text {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline;
}

.hyperlink {
  color: rgba(0, 0, 0, 0.95);
  font-family: "SFProDisplay";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline;
  text-decoration: underline;
}

.onboarding-login-info-container {
  position: absolute;
  bottom: 200px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  gap: 32px;
}

.onboarding-info-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.onboarding-login-info-images {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.onboarding-age-select {
  width: 40px;
  height: 40px;
}

.onboardings-login-selectable-image {
  width: 40px;
  height: 40px;
}

.onboarding-login-info-title {
  white-space: nowrap;
}

#privacy-policy {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  color: #4b5563;
  font-size: 16px;
  line-height: 1.6;
  max-width: 1000px;
  margin: 0 auto;
  padding: 1rem;
}

.gdpr-top-close-btn {
  position: absolute;
  right: 0px;
  top: 2px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

#privacy-policy h1 {
  font-size: 2.5rem;
  color: #111827;
  font-weight: 600;
  margin-bottom: 2rem;
  line-height: 1.2;
}

#privacy-policy h2 {
  font-size: 1.75rem;
  color: #1f2937;
  font-weight: 500;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

#privacy-policy div {
  margin-bottom: 1.25rem;
}

#privacy-policy ul {
  margin: 1rem 0;
  padding-left: 2rem;
}

#privacy-policy li {
  margin-bottom: 0.5rem;
  position: relative;
}

#privacy-policy a {
  color: #2563eb;
  text-decoration: none;
  transition: color 0.2s;
}

#privacy-policy a:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

@media only screen and (min-width: 640px) {
  #privacy-policy {
    padding: 2rem;
  }
}

@media only screen and (min-width: 768px) {
  #privacy-policy {
    padding: 3rem;
  }

  #privacy-policy h1 {
    font-size: 3rem;
  }

  #privacy-policy h2 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 639px) {
  #privacy-policy {
    font-size: 15px;
  }

  #privacy-policy h1 {
    font-size: 2rem;
  }

  #privacy-policy h2 {
    font-size: 1.5rem;
  }
}

.global-toast .global-toast-notice{transform:translateY(-50%)}.global-toast .global-toast-notice .global-toast-notice-content{background-color:var(--black_85);color:#fff;font-size:15px;max-width:calc(100% - 48px)}
@font-face {
  font-family: "CarterOne";
  src: url(/static/media/CarterOne-Regular.077c4bbc891d504d9751.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RacingSansOne";
  src: url(/static/media/RacingSansOne-Regular.c4f165be512469c89885.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SFProDisplay";
  src: url(/static/media/SFProText-Light.8313687aaf8ec01d6b8f.ttf) format("truetype");
  font-weight: 100 300; /* 100~300的字重会用这个字体*/
  font-style: normal;
}

@font-face {
  font-family: "SFProDisplay";
  src: url(/static/media/SFProText-Regular.90da7ab18293ca42e335.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "SFProDisplay";
  src: url(/static/media/SFProText-Medium.fc3c323b3b2bb1c643ee.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "SFProDisplay";
  src: url(/static/media/SFProText-Semibold.fee27977166efaac0a2a.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "SFProDisplay";
  src: url(/static/media/SFProText-Bold.9dae2991f4fb30a5f7e0.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "SFProDisplay";
  src: url(/static/media/SFProText-Heavy.a6d0a7c7709218b4a46c.ttf) format("truetype");
  font-weight: 800 900;
  font-style: normal;
}

.App {
  text-align: center;
  background-color: #fff;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.Splash {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.username-mid {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.username-mid * {
    margin: 0;
    padding: 0;
}

.username-title {
    color: #012269;
    text-align: center;
    font-family: "SFProDisplay";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 50px;
    text-transform: capitalize;
}

.username-sub-title {
    color: rgba(0, 0, 0, 0.50);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 20px;
}

.input-username {
    margin: 50px 38px 0;
    width: calc(100% - 74px);
    height: 56px;
    background-color: transparent;
    color: #012269;
    text-align: center;
    font-family: "SFProDisplay";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.10);
    caret-color: #159CD7;
}

.input-username:focus {
    outline: none;
}

.input-username::placeholder {
    color: rgba(35, 61, 127, 0.30);
    text-align: center;
    font-family: "SFProDisplay";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.error-hint-content {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FF0101;
    font-family: "SFProDisplay";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 16px 37px 0;
}

.error-hint-content img {
    margin-right: 6px;
    width: 12px;
    height: 12px;
}

.username-next-button {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 48px);
    height: 56px;
    background: linear-gradient(0deg, #6BC4FF 0%, #6BC4FF 100%), rgba(167, 55, 255, 0.07);
    color: white;
    border: none;
    border-radius: 28px;
    color: #012269;
    text-align: center;
    font-family: "SFProDisplay";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    left: 50%;
    transform: translateX(-50%);
}

.username-next-button.disable {
    width: calc(100% - 48px);
    height: 56px;
    opacity: 0.2;
    background: linear-gradient(0deg, #6BC4FF 0%, #6BC4FF 100%), rgba(167, 55, 255, 0.07);
    border-radius: 28px;
    color: white;
    text-align: center;
    font-family: "SFProDisplay";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}
.onboarding-full-screen-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: rgba(239, 248, 255, 1);
}

.onboarding-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.onboarding-top {
  width: 100%;
  top: 0;
  left: 0;
}

.onboarding-body {
  flex-grow: 1;
}

.top-hint {
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin: 0 auto;
}

.first-line {
  display: flex;
  align-items: center;
  height: 50px;
}

.cash-show-container {
  display: flex;
  width: 100%;
  height: 46px;
  padding: 14px;
  flex-direction: row;
  align-items: center;
  background: rgba(107, 196, 255, 0.2);
}

.cash-img {
  display: flex;
  width: 16px;
  height: 16px;
  justify-content: space-between;
  align-items: center;
}

.money-hint {
  margin-left: 2px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.number-part {
  margin-left: 6px;
  color: #212d64;
  font-family: "RacingSansOne";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.customer-progressBar {
  height: 4px;
  --fill-color: #6bc4ff !important;
  --track-color: white !important;
}

.mid {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mid * {
  margin: 0;
  padding: 0;
}

.back-button {
  position: absolute;
  left: 12px;
  width: 24px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}

.back-button img {
  flex-shrink: 0;
}

.title {
  color: #000000f2;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 148px;
}

.sub-title {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 20px;
}

.age-mid {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.age-mid * {
  margin: 0;
  padding: 0;
}

.age-title {
  margin-top: 50px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

.age-sub-title {
  color: #159cd7;
  font-family: "SFProDisplay";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 16px;
}

.age-sub-title-error {
  display: flex;
  align-items: center;
  color: rgba(255, 0, 0, 1);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 8px;
}

.age-error-hint-img {
  margin-right: 6px;
  width: 12px;
  height: 12px;
}

.input-age {
  margin: 50px 37px 0;
  width: calc(100% - 74px);
  height: 48px;
  background-color: transparent;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: none;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
  caret-color: #159cd7;
}

.input-age:focus {
  outline: none;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}

.age-next-button {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 48px);
  height: 56px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  color: white;
  border: none;
  border-radius: 28px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  left: 50%;
  transform: translateX(-50%);
}

.age-next-button.disable {
  width: calc(100% - 48px);
  height: 56px;
  opacity: 0.2;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  border-radius: 28px;
  color: white;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.earn-cash-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

.earn-cash-modal-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 1;
  animation: fadeIn 500ms;
}

.earn-cash-modal-bg-light {
  position: absolute;
  object-fit: cover;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  transform-origin: center center;
  opacity: 0; /* 初始透明度为0 */
  animation:
    fadeIn 500ms forwards,
    light-rotate 10s linear infinite 500ms;
}

.earn-cash-modal-content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 3;
  font-family: "SFProDisplay", serif;
  width: 100%;
  height: 100%;
  transform-origin: center center;
  animation: scaleUp 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.earn-cash-modal-content-top {
  width: 375px;
  height: 80px;
  margin-top: -40px;
}

.earn-cash-modal-content {
  display: flex;
  width: 311px;
  height: 309px;
  flex-direction: column;
  align-items: center;
  background-image: url(data:image/png;base64,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);
  background-size: cover;
  background-repeat: no-repeat;
}

.earn-cash-modal-content-title-container {
  align-self: flex-start;
  display: flex;
  flex-direction: row;
}

.earn-cash-modal-content-congrats {
  display: flex;
  flex-direction: column;
  margin-left: 32px;
  margin-top: 30px;
}

.earn-cash-modal-content-title {
  font-size: 24px;
  font-weight: 800;
  line-height: 28px;
  margin: 0;
}

.earn-cash-modal-content-desc {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: #01226980;
  margin: 0;
}

.earn-cash-modal-content-cash-5 {
  width: 110px;
  height: 110px;
  margin-top: -20px;
}

.earn-cash-modal-content-cash-10 {
  width: 90px;
  height: 90px;
  margin-top: -10px;
  margin-left: 196px;
  position: absolute;
}

.earn-cash-modal-content-number-container {
  width: 261px;
  height: 85px;
  border-radius: 12px;
  background-color: #ffffff99;
  padding: 12px 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  position: absolute;
  margin-top: 112px;
}

.earn-cash-modal-content-number {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.earn-cash-modal-content-number-divider {
  width: 1px;
  height: 54px;
  background-color: #cfeaff;
}

.earn-cash-modal-content-balance {
  font-family: "RacingSansOne", serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 35px;
  text-align: left;
  color: #012269;
}

.earn-cash-modal-content-balance-newuser {
  font-family: "RacingSansOne", serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
  color: #012269;
  align-self: center;
}

.earn-cash-modal-content-number-install-apk-container {
  width: 261px;
  height: 85px;
  border-radius: 12px;
  background-color: #ffffff99;
  padding: 12px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  margin-top: 112px;
}

.earn-cash-modal-content-balance-install-apk {
  font-family: "RacingSansOne", serif;
  font-size: 28px;
  font-weight: 400;
  color: #ff9000;
  align-self: center;
}

.earn-cash-modal-content-balance-install-apk-desc {
  font-size: 10px;
  font-weight: 600;
  color: #ff9000;
  background-color: #ffedc7;
  border-radius: 12px;
  align-self: center;
  margin-top: 6px;
  padding: 4px 8px;
}

.earn-cash-modal-content-balance-icon {
  padding: 4px 8px;
  border-radius: 12px;
  background-color: #cfeaff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: #012269;
}

.earn-cash-modal-content-earning {
  font-family: "RacingSansOne", serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 35px;
  text-align: left;
  color: #ff9000;
}

.earn-cash-modal-content-earning-icon {
  padding: 4px 8px;
  border-radius: 12px;
  background-color: #ffedc7;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: #ff9000;
}

.earn-cash-modal-content-button {
  width: 247px;
  padding: 16px 16px;
  border-radius: 32px;
  background-color: #ffd82a;
  color: #012269;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  border: none;
  position: absolute;
  margin-top: 221px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes light-rotate {
  from {
    transform: translate(-50%, -50%) scale(1.5) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) scale(1.5) rotate(360deg);
  }
}

@keyframes scaleUp {
  from {
    transform: scale(0.1);
  }
  to {
    transform: scale(1);
  }
}

.profile-page-container {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.profile-top-container {
  width: 100%;
  height: 330px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  flex-direction: column;
  background-position: center center;
}

.profile-empty-taken-div {
  flex-grow: 1;
}

.profile-info-container {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 84%;
  padding-left: 8%;
  bottom: 9px;
  padding-right: 8%;
  color: rgb(255, 255, 255);
  align-items: center;
}

.profile-name-age {
  padding: 0px;
  font-size: 20px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  font-weight: 700;
}

.profile-digital-human-iv {
  width: 20px;
  height: 20px;
  padding-left: 4px;
}

.profile-gender {
  width: 16px;
  height: 16px;
  padding-left: 4px;
}

.profile-info {
  color: rgb(255, 255, 255, 0.5);
  padding-left: 4px;
  font-size: 14px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.profile-setting-button-container {
  position: absolute;
  top: 9px;
  right: 0px;
  width: 48px;
  height: 48px;
  border-color: aquamarine;
}

.profile-setting-button-img {
  width: 32px;
  height: 32px;
  align-items: center;
}

.profile-tags-container {
  position: relative;
  display: flex;
  gap: 4px;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
  width: 84%;
  left: 8%;
  right: 8%;
  padding-bottom: 23px;
}

.profile-add-tag-img {
  background-color: rgb(0, 0, 0, 0.3);
  border-radius: 50%;
  padding: 5px;
  width: 24px;
  height: 24px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.profile-show-full-tag-img {
  background-color: rgb(0, 0, 0, 0.3);
  border-radius: 50%;
  padding: 5px;
  width: 24px;
  height: 24px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.profile-tag {
  background-color: rgb(0, 0, 0, 0.3);
  border-radius: 999px;
  padding: 5px;
  display: inline-block;
  color: white;
  white-space: nowrap;
  width: auto;
  font-size: 12px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.profile-top-extra-container {
  padding-top: 8px;
  padding-left: 4%;
  padding-right: 4%;
}

.profile-extra-item {
  display: flex;
  padding-top: 10px;
  align-items: flex-start; /* 确保内容从顶部对齐 */
  font-size: 13px;
}

.profile-extra-item-text-container {
  display: flex;
  flex-wrap: wrap; /* 允许内容换行 */
  max-width: 100%; /* 防止内容超出容器宽度 */
}

.profile-extra-item-title {
  color: #00000080;
  font-family: "SFProDisplay";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap; /* 禁止标题换行 */
}

.profile-extra-item-content {
  color: #000000f2;
  font-family: "SFProDisplay";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  overflow-wrap: break-word; /* 自动换行，避免单词超出容器 */
  flex: 1 1; /* 确保内容占满剩余空间 */
  min-width: 0; /* 避免内容导致布局撑开 */
}

.profile-add-post-button {
  position: fixed;
  width: 56px;
  height: 56px;
  bottom: 76px;
  right: 16px;
}

.profile-add-post-button img {
  width: 56px;
  height: 56px;
}

.profile-back-button-container {
  position: absolute;
  margin-top: 9px;
  margin-left: 12px;
}

.profile-delete-account-button {
  background-color: red;
  color: white;
  border: 2px;
  border-color: black;
  padding: 5px;
}

.photo-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

.photo-item img {
  width: 100%;
  height: 100%;
  padding: 1px;
  border-radius: 8px;
  object-fit: cover;
}

.fullscreen-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100000;
}

.fullscreen-image {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.single-photo .photo-item {
  width: 204px;
  height: 204px;
  /* 可以根据需要调整 */
}

.three-grid .photo-item {
  width: 82px;
  /* 减去gap的大小 */
  height: 82px;
  /* 可以根据需要调整 */
}

.six-grid .photo-item {
  width: calc(33.333% - 10px);
  height: 100px;
  /* 可以根据需要调整 */
}

.nine-grid .photo-item {
  width: calc(33.333% - 10px);
  height: 100px;
  /* 可以根据需要调整 */
}

.feed-item-container {
  display: flex;
  flex-direction: row;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding-bottom: 12px;
  padding-top: 20px;
}

.feed-item-left-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 12px;
  margin-right: 10px;
}

.feed-item-avatar-button {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 48px;
  border: none;
}

.feed-item-avatar-button img {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 48px;
  border: none;
}

.feed-item-right-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-right: 12px;
}

.feed-item-user-name {
  display: flex;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.feed-item-content {
  display: flex;
  color: rgba(0, 0, 0, 0.95);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 4px;
  margin-bottom: 12px;
}

.feed-item-bottom-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}

.feed-item-bottom-left-container {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
}

.feed-item-like-image {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: none;
  background-color: transparent;
  margin-right: 4px;
}

.feed-item-like-count {
  color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 80%;
  margin-right: 32px;
}

.feed-item-chat-image {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: none;
  background-color: transparent;
  margin-right: 4px;
}

.feed-item-chat-count {
  color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 80%;
}

.feed-item-tool {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: none;
  background-color: transparent;
}

.create-post-container {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: 99;
}

.create-post-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  top: 0;
  left: 0;
}

.create-post-back-button {
  display: flex;
  width: 12px;
  height: 12px;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  border: none;
  background: none;
}

.create-post-close-button img {
  width: 12px;
  height: 12px;
}

.create-post-post-button {
  display: flex;
  height: 32px;
  padding: 0px 16px 0px 16px;
  align-items: center;
  border-radius: 16px;
  border: none;
  background: #1679ff;
  margin-right: 12px;
}

.create-post-post-button text {
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.create-post-input-area {
  display: flex;
  padding: 0px 12px;
  align-items: flex-start;
  align-self: stretch;
  margin-top: 16px;
  margin-bottom: 24px;
  border: none;
  outline: none;
}

/* ImagePicker.css */
.image-picker-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-picker-inner-container {
  display: flex;
  flex-wrap: wrap;
  border-radius: 8px;
  align-items: center;
  width: 100%;
  margin: 0 24px 0;
}

.image-picker-imageWrapper {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100%-10px) / 3);
  padding-bottom: 33.3%; /* 保持宽高比 */
  position: relative;
  aspect-ratio: 1 / 1;
}

.image-picker-image {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.image-picker-addButton {
  display: flex;
  width: 33.3%;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}

.image-picker-addButton img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.create-post-images-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(31, 32, 36, 0.85);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  z-index: 100;
}

.create-post-images-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 8px;
  width: 93%;
  margin-bottom: 31px;
}

.create-post-images-desc1 {
  display: flex;
  margin-top: 30px;
  margin-bottom: 18px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.create-post-images-desc2 {
  display: flex;
  margin-top: 18px;
  margin-bottom: 18px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.create-post-images-items-container {
  display: flex;
  flex-direction: row;
  margin: 0 4px 20px;
  gap: 2px;
}

.create-post-images-item {
  position: relative;
  flex: 1 1 33.33%;
  max-width: 33.33%;
  aspect-ratio: 113 / 140;
  border-radius: 12px;
}

.create-post-images-item-image {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.create-post-images-item-checkmark {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  left: 50%;
  bottom: -12px;
  transform: translate(-50%, 0);
}

.navbar {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  padding-top: 6px;
  height: 70px;
  background-color: #fff;
  border: 0.5px solid var(--black_08);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.icon-with-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.icon-with-text img {
  pointer-events: none;
  /* 防止图片被单独点击选中 */
}

.icon-with-text span {
  font-family: "SFProDisplay";
  font-weight: 400;
  font-size: 10px;
  line-height: 11.93px;
  letter-spacing: 0px;
  text-align: center;
}

.icon {
  width: 28px;
  height: 28px;
}

.icon-big {
  width: 50px;
  height: 50px;
  overflow: overlay;
  margin-top: -15px;
  z-index: 1;
}

.chatpage-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#chatpage-header-container {
  background: linear-gradient(180deg, #1375ff 0%, #3eb2ff 100%);
}

#chatpage-header {
  font-family: "CarterOne", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  padding: 16px;
  color: #fff;
}

.chatpage-money-banner-img {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  margin-top: -20px;
  padding: 3.62px 0px 3.094px 0px;
}

.balance-container {
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  margin-bottom: 16px;
  color: #fff;
}

.balance-box {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 12px;
  flex: 1 1;
  margin-top: 24px;
  margin-bottom: 40px;
}

.balance-box:first-child {
  margin-right: 8px;
}

.balance-header {
  display: flex;
  align-items: center;
}

.balance-icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}

.icon-match {
  width: 34px;
  height: 34px;
  display: inline;
}

.convert-button,
.cashout-button {
  background-color: white;
  color: #1c8dff;
  border: none;
  border-radius: 12px;
  padding: 4px 8px;
  font-size: 12px;
}

.balance-amount {
  font-size: 24px;
  font-weight: 400;
  font-family: "RacingSansOne", Helvetica, Arial, sans-serif;
  margin-top: 8px;
  margin-bottom: 0;
}

.balance-label {
  font-size: 14px;
  margin-right: 8px;
}

.chatpage-inner-container {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  margin-top: -20px;
  background-color: #eff8ff;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.match-message-container {
  color: #000;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin: 14px;
}

.match-message {
  margin-left: 8px;
}

/* Modal Overlay */
.convert-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  /* background: rgba(0, 0, 0, 0.4)
    url("../../assets/images/chat/convert-modal-linear-gradient-purple.png")
    no-repeat center center; */
  /* background-size: cover; */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

/* Modal Container */
.convert-modal-container {
  /* background: linear-gradient(135deg, #e8eaff, #f2e8ff); */
  background: #e8ddfe
    url(/static/media/convert-modal-linear-gradient-purple.8eb2446b.png)
    no-repeat center top;
  background-size: contain;
  border-radius: 16px;
  margin: 15px;
  padding: 60px 20px;
  width: 90%;
  max-width: 350px;
  position: relative;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  text-align: center;
}

/* Close Button */
.convert-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

/* Amount Section */
.convert-modal-amount {
  font-family: "RacingSansOne", Helvetica, Arial, sans-serif;
  font-size: 50px;
  font-weight: bold;
  color: #333;
  margin-top: 10px;
  margin-bottom: 40px;
}

.convert-modal-dollar {
  font-size: 50px;
  vertical-align: top;
}

.convert-modal-arrow {
  /* font-size: 50px; */
  width: 32px;
  height: 40px;
  color: #6a0dad;
  margin-left: 5px;
}

/* Modal Title and Subtitle */
.convert-modal-title {
  margin: 15px 0 5px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.convert-modal-subtitle {
  margin: 0;
  font-size: 16px;
  color: #555;
}

.convert-modal-total-cash {
  color: #8f5bff;
  font-size: 15px;
}

/* Award Section */
.convert-modal-award {
  display: flex;
  align-items: center;
  background-color: #f1e9fe;
  border-radius: 10px;
  padding: 10px;
  margin: 15px 0px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.award-icon {
  font-size: 30px;
}

.award-icon-background {
  background-color: #dcccff;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  display: flex;
  justify-content: center; /* horizontal alignment */
  align-items: center; /* vertical alignment */
  margin-right: 10px;
}

.award-text {
  text-align: left;
}

.award-title {
  color: #333;
}

.award-subtitle {
  font-size: 14px;
  color: #777;
}

.award-subtitle-purple {
  color: #8f5bff;
}

/* Action Button */
.convert-modal-action {
  background-color: #8f5bff;
  color: white;
  padding: 16px;
  border: none;
  border-radius: 32px;
  cursor: pointer;
  font-size: 16px;
  margin-top: 10px;
}

.guide-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}.guide-overlay .overlay-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:auto}.guide-overlay .highlight{position:absolute;background-color:rgba(0,0,0,0);box-shadow:0 0 0 9999px rgba(0,0,0,.4);pointer-events:auto}.guide-overlay .guide-text{position:absolute;color:#012269;font-size:15px;pointer-events:none;text-align:center;left:50%;transform:translateX(-50%)}.guide-overlay .guide-text button{margin-top:10px;padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.guide-overlay .finger-down{animation:poke-anim 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite}.guide-overlay .finger-up{animation:poke-anim-up 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;transform:rotate(180deg) scaleX(-1)}@keyframes poke-anim{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes poke-anim-up{0%,100%{transform:rotate(180deg) scaleX(-1) translateY(0)}50%{transform:rotate(180deg) scaleX(-1) translateY(8px)}}
.conversation-list-container{position:relative;flex-grow:1;width:100%;overflow:hidden}.conversation-preview-container{display:flex;align-items:center;width:100%;height:86px;cursor:pointer;padding:0 12px;background:rgba(0,0,0,0);border:none}.conversation-preview-container .order-item-avatar{width:55px;height:55px;border-radius:50%;align-self:center}.conversation-preview-container .content-container{display:flex;flex-direction:row;align-items:flex-start;width:100%;height:100%;padding-top:12px;margin-left:12px;border-bottom:.5px solid rgba(35,61,127,.1019607843)}.conversation-preview-container .content-container .content{text-align:left;min-width:0;flex-grow:1}.conversation-preview-container .content-container .content .chat-title{font-weight:600;font-size:12px;width:100%;color:var(--text_color_2)}.conversation-preview-container .content-container .content .message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-weight:600;font-size:14px;color:var(--text_color_1)}.conversation-preview-container .content-container .content .cashout-message{font-weight:600;font-size:15px}.conversation-preview-container .content-container .content .expiration-message{display:flex;flex-direction:row;align-items:center;color:var(--text_color_4);font-size:11px;font-weight:400}.conversation-preview-container .content-container .external{text-align:right;display:flex;flex-direction:column;width:85px;height:100%;align-items:center}.conversation-preview-container .content-container .external .unread{height:19px;padding:1px 0}.conversation-preview-container .content-container .external .time{font-style:normal;font-weight:400;font-size:12px;line-height:14px;padding:1px 0}.conversation-preview-container .content-container .external .preview-cashout-button{border:none;border-radius:15px;color:#fff;padding:6px 10px;background-color:#8f5bff;font-weight:500;font-size:14px}.conversation-preview-container .content-container .external .preview-cashout-button-icon{width:12px;margin-top:-2px;vertical-align:middle}.conversation-preview-container .content-container .external .preview-cashout-icon-coin{width:16px;height:16px}.conversation-preview-container .content-container .external .preview-cashout-amount{font-family:"RacingSansOne";font-size:20px;font-weight:400;color:var(--text_color_1);text-align:center}.conversation-preview-container .content-container .external .preview-cashout-button2{display:flex;flex-direction:column;align-items:center;display:flex;background-color:var(--primary);border-radius:1000px;border:none;color:var(--text_color_1);justify-content:center;align-items:center;width:75px;height:24px;font-size:13px;font-weight:500;margin-top:6px}.conversation-preview-container .content-container .external .preview-cashout-button2[data-disabled=true],.conversation-preview-container .content-container .external .preview-cashout-button2:disabled{background-color:var(--primary_20);color:#fff}.conversation-preview-container .content-container .external .preview-cashout-button2.callback{background-color:#fa5051;color:#fff}.conversation-preview-container .content-container .external .preview-cashout-button2.cancelled{background-color:rgba(1,34,105,.2);color:#eff8ff}.conversation-preview-container .content-container .external .preview-cashout-button2.claim{background-color:#ffd82a}.conversation-preview-container .content-container .external .preview-cashout-button2.claimed{opacity:.3;background-color:#ffd82a}.conversation-preview-container .content-container .external .preview-cashout-button2.dispute{background-color:#ff6a00}.conversation-preview-container .content-container .external .preview-cashout-button2.not-ready{color:rgba(1,34,105,.5);background-color:rgba(0,0,0,0);font-size:11px;font-weight:600}.conversation-preview-container .content-container .external .preview-cashout-button2.expired,.conversation-preview-container .content-container .external .preview-cashout-button2.cancelled{opacity:.3;background-color:rgba(1,34,105,.1215686275)}.conversation-preview-container .content-container .external .preview-cashout-button2.in-review{opacity:.3;color:#fff;background-color:#ff6a00}.conversation-preview-container .content-container .external .more--hover{display:flex;justify-content:flex-end;flex:1 1}.conversation-preview-container .content-container .external .more--hover .icon-more{transform:scale(1.5)}.conversation-preview-container .content-container .external .more--hover .more-handle-box{top:0;right:0;box-shadow:0 0 10px rgba(0,0,0,.1);bottom:auto;bottom:initial;padding:14px 0;box-sizing:border-box;text-align:start;white-space:nowrap}.conversation-preview-container .preview-progress-bar-wrapper{margin-top:6px}.conversation-preview-container .preview-progress-bar-wrapper .text-earning-progress-bar{height:19px}.conversation-preview-container .preview-progress-bar{--fill-color: #6bc4ff80;--track-color: #159cd71a;--track-width: 19px;font-size:11px;border-radius:6px;overflow:clip}.conversation-preview-container .preview-progress-bar-text{position:relative;top:-19px;left:6px;font-size:11px;font-weight:400;color:rgba(1,34,105,.5)}.conversation-preview-container.conversation-preview-content--unread .unread{width:16px;height:13px;border-radius:16px;display:flex;justify-content:center;align-items:center;padding:2px 5px 1px;font-size:11px;font-weight:700;margin:2px 0 2px auto;color:#fff}.adm-progress-bar-fill{transition:width 0s;background:var(--fill-color);height:var(--track-width)}
.ai-suggestion-frame-overlay {
  position: absolute;
  width: 100%;
  height: 200px;
  bottom: 50%;
  background: transparent;
}

.ai-suggestion-frame-overlay-helper {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #00000080;
  z-index: 1000;
}

.ai-suggenstion-frame-suggestion-container-text {
  display: flex;
  margin-left: 4px;
  color: #ffffffe5;
  font-family: "SFProDisplay";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.ai-suggenstion-frame-suggestion-container-text.close {
  display: flex;
  margin-left: 4px;
  color: #ffffff99;
  font-family: "SFProDisplay";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.ai-suggersion-frame-hand {
  position: absolute;
  bottom: -70px;
  left: 72px;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  animation: hand-move 2s ease-in-out infinite;
}

@keyframes hand-move {
  0% {
    transform: translateX(0) translateY(-35px);
  }

  50% {
    transform: translateX(15px) translateY(0px);
  }

  100% {
    transform: translateX(0) translateY(-35px);
  }
}

.ai-suggestion-frame-center {
  position: absolute;
  bottom: -53px;
  left: 148px;
  width: 194px;
  height: 43px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  /*gap: 10px;*/
  flex-shrink: 0;
  border-radius: 12px;
  background: #fff;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /*transform: translateY(calc(-12px));*/
}

.ai-suggestion-frame-suggestion-container {
  display: flex;
  flex-direction: row;
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 12px;*/
  /*margin-left: 12px;*/
  margin-top: 8px;
  height: 24px;
  width: auto;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  flex-shrink: 0;
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.3);
  padding: 4px;
  /*transform: translateY(calc(-100% - 12px));*/
}

.ai-suggestion-frame-suggestion-container.helper {
  display: flex;
  flex-direction: row;
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 14px;*/
  height: 24px;
  width: auto;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  flex-shrink: 0;
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.3);
  padding: 4px;
  z-index: 1000;
  /*transform: translateY(calc(-100% - 12px));*/
}

.ai-suggestion-frame-switch {
  display: inline-block;
  position: relative;
  width: 28px;
  /* 开关宽度 */
  height: 16px;
  /* 开关高度 */
}

.ai-suggestion-frame-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.ai-suggestion-frame-switch-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e3e4ec;
  /* 关闭时的背景色 */
  border-radius: 34px;
  transition: 0.4s;
}

.ai-suggestion-frame-switch-slider:before {
  position: absolute;
  content: "";
  height: 12px;
  /* 圆点大小 */
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: #ffffff;
  /* 关闭时圆点颜色 */
  border-radius: 50%;
  transition: 0.4s;
}

input:checked + .ai-suggestion-frame-switch-slider {
  background-color: #6bc4ff;
  /* 打开时的背景色 */
}

input:checked + .ai-suggestion-frame-switch-slider:before {
  transform: translateX(12px);
  /* 滑动距离 */
  background-color: #ffffff;
  /* 打开时圆点颜色 */
}

.scrolling-suggestion-msg-container {
  width: 100%;
  height: 100%;
}

.scrolling-suggestion-msg-scroll-area {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  /*padding: 0 12px;*/
  scroll-behavior: smooth;
  -webkit-mask-image: linear-gradient(to bottom, transparent 18px, black 56px);
          mask-image: linear-gradient(to bottom, transparent 18px, black 56px);
}

.scrolling-suggestion-msg-wrapper {
  /*margin-bottom: 8px;*/
}

.scrolling-suggestion-msg-line {
  color: #fff;
  font-family: "SFProDisplay";
  font-weight: 700;
  font-size: 24px;
  /*height: 36px;*/
  line-height: 36px;
  letter-spacing: 0;
  white-space: pre-wrap;
  word-break: break-word;
  overflow: hidden;
  text-shadow: 0 0 4px var(--black_30) !important;
}

.scrolling-suggestion-state {
  color: #fff;
  font-family: "SFProDisplay";
  font-weight: 700;
  font-size: 24px;
  height: 36px;
  line-height: 36px;
  letter-spacing: 0;
  word-break: break-word;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  /*left: 12px;*/
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  /*align-items: center;*/
}

.scrolling-suggestion-container-wrapper {
  position: relative;
  /*bottom: calc(50% + 47px);*/
  width: 100%;
  /*height: 144px;*/
}

.ai-suggestion-frame-overlay-background-mask {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}

/* 新增滚动文字动画样式 */
.scrolling-suggestion-msg-container2 {
  height: 100%;
  width: 100%;
  overflow: hidden; /* 改为 hidden 而非 scroll */
  position: relative; /* 添加相对定位 */
}

.scrolling-suggestion-msg2 {
  position: absolute;
  width: 100%;
  color: white;
  font-family: "SFProDisplay";
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0;
  /*padding: 12px;*/
  white-space: pre-wrap;
  word-break: break-word;
}

.scrolling-suggestion-msg2.enter {
  animation: slideEnter 150ms forwards;
}

.scrolling-suggestion-msg2.exit {
  animation: slideExit 150ms forwards;
}

@keyframes slideEnter {
  0% {
    transform: translateY(70%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideExit {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-70%);
    opacity: 0;
  }
}

.receive-call-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.receive-call-modal-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 302px;
  height: 335px;
  border-radius: 20px;
  background-size: cover;
  background: url(/static/media/bg_receive_1v1.1871a17b.png) no-repeat;
  position: relative;
  font-family: "SFProDisplay";
}

.receive-call-modal-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.receive-call-modal-title {
  font-weight: 800;
  font-size: 23px;
  text-align: center;
  color: #4a2300;
  margin-top: 14px;
}

.receive-call-modal-hint {
  font-weight: 500;
  font-size: 9px;
  text-align: center;
  color: #ff9000;
  padding: 4px 8px;
  background: #ffefd6;
  border-radius: 12px;
  margin-top: 17px;
}

.receive-call-modal-money {
  font-family: "RacingSansOne";
  font-weight: 400;
  font-size: 40px;
  line-height: 50px;
  color: #ff9000;
}

.receive-call-modal-confirm {
  width: 254px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffd82a;
  border-radius: 32px;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #4a2300;
  margin-top: 10px;
}

.receive-call-modal-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.one-one-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #000;
}

.local-video-wrapper {
  width: 100%;
  height: 50%;
  position: relative;
}

.local-video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.remote-video-wrapper {
  width: 100%;
  height: 50%;
  position: relative;
  background-color: #1a1a1a;
}

.remote-video-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.remote-video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.remote-userinfo {
  position: absolute;
  left: 22px;
  bottom: 22px;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  font-family: "SFProDisplay";
}

.video-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.voice-text-list-container {
  position: absolute;
  height: 220px;
  width: 260px;
  bottom: 34px;
  left: 12px;
  overflow-y: hidden;
}

.voice-text-item {
  background-color: #00000066;
  border-radius: 12px;
  color: #fff;
  font-family: "SFProDisplay";
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding: 6px 6px;
}

.infinite-scroll-component__outerdiv {
  height: 100%;
}

.page-close-icon {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 3;
  margin: 10px 15px 15px 15px;
}

.noface-container {
  height: 158px;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-content: center;
  background-color: white;
  border-radius: 16px;
  font-family: "SFProDisplay";
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.noface-title {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #012269;
  margin-top: 20px;
}

.noface-subtitle {
  font-weight: 400;
  font-size: 12px;
  color: #01226980;
  text-align: center;
  margin-top: 8px;
}

.noface-confirm {
  height: 40px;
  background-color: #6bc4ff;
  border: 0px;
  border-radius: 20px;
  margin-left: 20px;
  margin-right: 20px;
  color: #012269;
  margin-top: 28px;
}

.live-exit-page {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #000000e6;
  z-index: 9999;
  display: flex;
  flex-direction: column;
}

.live-exit-page-title-container {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 50px;
  margin-right: 50px;
}

.live-exit-page-title {
  font-weight: 400;
  font-size: 17px;
  line-height: 20.28px;
  text-align: center;
  color: #ffffff;
}

.live-exit-page-bottom-button-container {
  display: flex;
  justify-content: center;
  gap: 13px;
}

.live-exit-page-negative-button {
  background-color: #ffffff33;
  font-weight: 700;
  font-size: 15px;
  line-height: 18.31px;
  text-align: center;
  color: #ffffff;
  border: none;
  border-radius: 15px;
  padding: 13px 43px 13px 43px;
  margin-bottom: 43px;
}

.live-exit-page-positive-button {
  background-color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  line-height: 18.31px;
  text-align: center;
  color: #159cd7;
  border: none;
  border-radius: 15px;
  padding: 13px 25px 13px 25px;
  margin-bottom: 43px;
}

.trtc-local-video {
  width: 100%;
  height: 100%;
}

.camera-heading {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 3;
}

.selfie-frame-money-heading {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 28px);
  margin-top: 14px;
  background: linear-gradient(92.66deg, rgba(0, 0, 0, 0.5) -4.21%, rgba(0, 0, 0, 0.2) 97.52%);
  border-radius: 12px;
  border: 1px solid #ffffff1a;
  z-index: 3;
  display: flex;
  flex-direction: row;
  align-items: center;
  top: 0px;
}

.selfie-frame-money-icon {
  width: 60px;
  height: 60px;
  margin-top: 12.5px;
  margin-bottom: 12.5px;
  margin-left: 20px;
}

.selfie-frame-separator {
  width: 1px;
  background-color: #ffffff14;
  height: 54px;
  margin-left: 20px;
  margin-right: 20px;
}

.selfie-frame-money-container {
  display: flex;
  flex-direction: column;
}

.selfie-frame-money-title {
  color: #ffffffcc;
  background: #ffffff1a;
  font-family: "SFProDisplay";
  font-weight: 600;
  font-size: 10px;
  line-height: 11.93px;
  letter-spacing: 0px;
  text-align: center;
  border-radius: 12px;
  padding: 4px 8px 4px 8px;
  width: fit-content;
}

.selfie-frame-money {
  margin-top: 6px;
  font-family: "RacingSansOne";
  font-weight: 400;
  font-size: 28px;
  line-height: 35.28px;
  letter-spacing: 0px;
  color: white;
}

.camera-heading-title {
  color: #fff;
  font-family: "SFProDisplay";
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
  white-space: nowrap;
}

.camera-frame-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 2;
}

.camera-overlay-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: 1;
}

.camera-head-frame {
  width: 70%;
  max-width: 260px;
}

.camera-shoulder-frame {
  max-width: 350px;
  height: auto;
}

.selfie-frame-start-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #1c8dff;
  border-radius: 28px;
  padding-top: 19px;
  padding-bottom: 19px;
  width: calc(100% - 48px);
  z-index: 3;
  bottom: 34px;
  border: none;
  font-family: "SFProDisplay";
  font-weight: 700;
  font-size: 16px;
  line-height: 19.09px;
  letter-spacing: 0px;
  text-align: center;
  color: white;
}

.start-text {
  color: #2888ff;
  font-family: "SFProDisplay";
  font-size: 18px;
  font-weight: 500;
}

.count-down-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.countdown-number {
  color: white;
  font-size: 20vw;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  animation: countdown 1s ease-out forwards;
}

@keyframes countdown {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  30% {
    transform: scale(1.2);
    opacity: 1;
  }

  70% {
    transform: scale(0.9);
    opacity: 1;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

.live-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.live-modal-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 302px;
  height: 315px;
  background-size: cover;
  background: url(/static/media/bg_live_guide_modal.5098816a.png) no-repeat;
  position: relative;
}

.live-modal-content-top {
  display: flex;
  width: 97px;
  height: 97px;
  margin-top: 19px;
  flex-shrink: 0;
}

.live-modal-title {
  font-weight: 800;
  font-size: 23px;
  text-align: center;
  color: #4a2300;
}

.live-modal-got-paid {
  display: flex;
  flex-direction: row;
  margin-top: 17px;
}

.live-modal-got-paid-end {
  width: 14px;
  height: 14px;
  align-self: flex-end;
}

.live-modal-content-money {
  font-family: "RacingSansOne";
  font-weight: 400;
  font-size: 40px;
  line-height: 50px;
  color: #ff9000;
  margin-top: 7px;
}

.live-modal-bottom-button {
  width: 254px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffd82a;
  border-radius: 32px;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #4a2300;
  margin-top: 18px;
}

.live-modal-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.chat-message-list-container{position:absolute;height:300px;width:260px;bottom:34px;left:12px;overflow-y:hidden}.chat-message-list-container .infinite-scroll-component__outerdiv{height:100%}.chat-message-list-container .infinite-scroll-component__outerdiv .live-chat-message-container{display:flex;flex-direction:row;align-items:center;will-change:transform,opacity;background-color:var(--black_40)}.chat-message-list-container .infinite-scroll-component__outerdiv .live-chat-message-container .user-avatar{flex-shrink:0;border-radius:50%}.chat-message-list-container .infinite-scroll-component__outerdiv .live-chat-message-container .message-info-container{display:flex;flex-direction:column;margin-left:6px}.chat-message-list-container .infinite-scroll-component__outerdiv .live-chat-message-container .message-info-container .user-info{color:var(--white_60);font-weight:bold}.chat-message-list-container .infinite-scroll-component__outerdiv .live-chat-message-container .message-info-container .message-content{font-size:14px;color:#fff;margin-top:3px}
.live-room-top-pannel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 12px;
  margin-top: 0px;
}

.live-room-top-pannel-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 200px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.live-room-top-pannel-time-area {
  height: 44px;
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-left: 15px;
  z-index: 1;
}

.live-room-top-pannel-time {
  color: white;
  font-weight: 622;
  font-size: 15px;
  line-height: 19.66px;
  letter-spacing: -0.3px;
  text-align: center;
}

.live-room-top-pannel-lottie {
  position: absolute;
  left: 12px;
  top: 47px;
  height: 44px;
}

.live-room-top-pannel-self-profile-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 10;
  margin-top: 3px;
}

.live-room-top-pannel-self-portrait {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 3px;
}

.live-room-top-pannel-money-container {
  display: flex;
  flex-direction: column;
}

.live-room-top-pannel-money-row-one {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 3px;
}

.live-room-top-pannel-money-img {
  width: 14px;
  height: 14px;
}

.live-room-top-pannel-money-row-two {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 3px;
  margin-right: 45px;
}

.live-room-top-pannel-money {
  color: white;
  font-family: "RacingSansOne";
  font-weight: 400;
  font-size: 18px;
  line-height: 22.68px;
  letter-spacing: 0px;
}

.live-room-top-pannel-upgrade-img {
  width: 10px;
  height: 14px;
  margin-left: 4px;
}

.live-room-top-pannel-money-suffix {
  color: white;
  font-family: "SFProDisplay";
  font-weight: 600;
  font-size: 10px;
  line-height: 11.93px;
  letter-spacing: 0%;
  margin-left: 2px;
}

.live-room-top-pannel-people-container {
  background: #0000004d;
  border-radius: 18px;
  margin-right: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.live-room-top-pannel-see-img {
  width: 14px;
  height: 14px;
  margin-left: 10px;
  margin-top: 9px;
  margin-bottom: 9px;
}

.live-room-top-pannel-number-count {
  color: white;
  margin: 9px 10px 9px 4px;
  font-family: "SFProDisplay";
  font-weight: 500;
  font-size: 12px;
  line-height: 14.32px;
  letter-spacing: 0px;
}

.camera-close-icon {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 5px;
  z-index: 3;
  margin: 10px 15px 15px 15px;
}

.empty-view {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-content {
  /* height: calc(100vh - 5px); */
  height: 100%;
  overflow-y: auto;
}
.home-content .ka-wrapper {
  height: 100%;
}

.home-content .ka-wrapper .ka-content {
  height: 100%;
}

.gdpr-popup {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 16px;
  z-index: 10000;
}

.gdpr-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.gdpr-top-close-btn {
  position: absolute;
  right: 0px;
  top: 2px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.gdpr-content p {
  margin: 0 0 10px;
  font-size: 14px;
  color: #333;
}

.gdpr-content a {
  color: #1a73e8;
  font-size: 14px;
  margin-left: 6px;
  text-decoration: underline;
}

.gdpr-content a:hover {
  text-decoration: underline;
}

.gdpr-accept-btn {
  border-radius: 28px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  color: #ffffff;
  border: none;
  padding: 8px 50px;
  cursor: pointer;
  font-size: 14px;
  margin-top: 12px;
}

.gdpr-accept-btn:hover {
  background-color: #155bb5;
}

.earnings-page-container {
  height: 100%;
}

.earnings-page-normal-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.earnings-page-top-container {
  background: linear-gradient(180deg, #1375ff 0%, #3eb2ff 100%);
  padding-bottom: 40px;
}

.earnings-page-first-part {
  font-family: "CarterOne";
  font-size: 24px;
  font-weight: 400;
  line-height: 18.96px;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: white;
  margin-left: 20px;
  padding-top: 24px;
}

.earnings-page-money-banner {
  font-family: "RacingSansOne";
  font-size: 28px;
  font-weight: 400;
  line-height: 35.28px;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: white;
  border: 1px solid #c7fff64d;
  background-color: #ffffff80;
  border-radius: 14px;
  margin-left: 14px;
  margin-right: 14px;
  margin-top: 22px;
  padding-left: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.earnings-page-money-banner-money {
  flex: 1 1;
  margin-top: 22px;
  margin-bottom: 22px;
}

.earnings-page-money-banner-img {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  margin-top: -20px;
  padding: 3.62px 0px 3.094px 0px;
}

.earnings-page-body-container {
  border-radius: 14px 14px 0px 0px;
  background-color: #eff8ff;
  margin-top: -20px;
  display: flex;
  flex-direction: column;
  flex: 1 1;
}

.earnings-page-recycler-view {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}

.earnings-page-empty-recycler-view-content {
  color: #159cd7;
  font-family: "SFProDisplay";
  font-size: 16px;
  font-weight: 600;
  line-height: 19.09px;
  text-align: center;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  margin-top: 100px;
  margin-left: 50px;
  margin-right: 50px;
}

.earnings-page-open-app-container {
  background: linear-gradient(180deg, #1375ff 0%, #3eb2ff 25%, #eff8ff 85%);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.earnings-page-title {
  font-family: "CarterOne";
  font-size: 24px;
  font-weight: 400;
  line-height: 18.96px;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: white;
  margin-top: 24px;
  margin-left: 20px;
}

.earnings-page-subtitle {
  font-family: "SFProDisplay";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: white;
  margin-top: 10px;
  margin-left: 20px;
}

.earnings-page-body-item {
  margin-top: 26px;
  background: linear-gradient(180deg, #eff8ff 0%, #ffffff 100%);
  border-radius: 20px;
  margin-left: 14px;
  margin-right: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
}

.earnings-page-app-img {
  margin-top: 46px;
  width: 86%;
  aspect-ratio: 298/309;
}

.earnings-page-open-hint {
  font-family: "SFProDisplay";
  font-size: 20px;
  font-weight: 600;
  line-height: 23.87px;
  text-align: center;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #159cd7;
  margin-top: 36px;
}

.earnings-page-open-button {
  border: none;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  border-radius: 28px;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-weight: 400;
  line-height: 17.9px;
  text-align: center;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  padding-top: 19px;
  padding-bottom: 19px;
  margin: 24px;
}

.earnings-page-item-task-container {
  display: flex;
  flex-direction: row;
  border-radius: 14px;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}

.earnings-page-item-task-reward {
  font-family: RacingSansOne;
  font-size: 24px;
  font-weight: 400;
  line-height: 30.24px;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  margin-left: 16px;
  margin-top: 25px;
  margin-bottom: 25px;
  width: 80px;
}

.earnings-page-item-task-content-container {
  margin-left: 36px;
  display: flex;
  flex-direction: column;
  flex: 1 1;
  padding-right: 20px;
  position: relative;
}

.earnings-page-item-task-time-countdown {
  font-family: SFProDisplay;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.71px;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: grey;
  height: 17px;
}

.earnings-page-item-task-content {
  font-family: SFProDisplay;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.71px;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #012269;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
}

.earnings-page-item-title {
  color: #159cd7;
  font-family: SFProDisplay;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.09px;
  text-align: center;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  margin-left: 6px;
  margin-bottom: 4px;
}

.earnings-page-item-data-container {
  margin-top: 14px;
}

.earnings-page-item-container {
  width: 100%;
  padding-left: 14px;
  padding-right: 14px;
}

.task-detail-dialog .react-modal-sheet-container{border-top-right-radius:10px !important;border-top-left-radius:10px !important}.task-detail-dialog .react-modal-sheet-header{height:14px !important}.task-detail{display:flex;flex-direction:column;height:100%;padding:20px 14px}.task-detail .task-detail-header{display:flex;flex-direction:row;align-items:center}.task-detail .task-detail-header .task-detail-header-img{width:55px;height:55px;border-radius:50%}.task-detail .task-detail-header .task-detail-header-text{display:flex;flex-direction:column;align-items:flex-start;margin-left:12px;gap:4px}.task-detail .task-detail-header .task-detail-header-text .task-title{font-size:12px;font-weight:600;color:var(--text_color_2)}.task-detail .task-detail-header .task-detail-header-text .task-description{font-size:14px;font-weight:600;color:var(--text_color_1)}.task-detail .task-detail-header .task-detail-header-text .task-state{font-size:10px;font-weight:500;color:var(--text_color_1);background-color:var(--primary);border-radius:10px;padding:2px 8px}.task-detail .task-detail-rewards-container{margin-top:24px;display:flex;flex-direction:column;background-color:#d1edff;border-radius:14px}.task-detail .task-detail-rewards-container .rewards-item{display:flex;flex-direction:row;align-items:center;padding:18px 14px}.task-detail .task-detail-rewards-container .rewards-item .rewards-name{font-size:14px;font-weight:500;flex-grow:1;color:var(--text_color_1)}.task-detail .task-detail-rewards-container .rewards-item .rewards-description{font-size:20px;color:var(--text_color_5);font-family:"RacingSansOne",serif}.task-detail .task-detail-tabs{margin-top:14px;--active-title-color: var(--text_color_4);--active-line-color: var(--text_color_4);--active-line-height: 1.5px;--active-line-border-radius: 0;--title-font-size: 14px;--adm-color-border: var(--black_08)}.task-detail .task-detail-tabs .adm-tabs-header{border-bottom-width:.5px !important}.task-detail .task-detail-swiper{flex-grow:1}.task-detail .task-detail-bottom-container{flex-shrink:0}.task-detail .task-detail-bottom-container .primary-button{display:flex;background-color:var(--primary);border-radius:1000px;border:none;color:var(--text_color_1);justify-content:center;align-items:center;height:56px;display:block;line-height:56px;text-align:center;font-weight:500;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.task-detail .task-detail-bottom-container .primary-button[data-disabled=true],.task-detail .task-detail-bottom-container .primary-button:disabled{background-color:var(--primary_20);color:#fff}.task-detail .task-detail-bottom-container .secondary-outline-button{display:flex;background-color:rgba(0,0,0,0);border-radius:1000px;border:.5px solid var(--primary_40);color:var(--text_color_1);justify-content:center;align-items:center;border:1px solid var(--primary);color:var(--text_color_4);height:56px;display:block;line-height:56px;text-align:center;font-weight:500;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.task-detail .task-todo-list-container{display:flex;flex-direction:column;padding-top:20px;padding-bottom:29px;height:100%}.task-detail .task-todo-list-container .todo-title{font-size:18px;font-weight:600;color:var(--text_color_5)}.task-detail .task-todo-list-container .todo-list{display:flex;flex-direction:column;margin-top:20px;gap:14px;height:100%}.task-detail .task-todo-list-container .todo-list .task-todo-item{display:flex;flex-direction:column}.task-detail .task-todo-list-container .todo-list .task-todo-item .todo-item-text-container{display:flex;flex-direction:row;align-items:baseline}.task-detail .task-todo-list-container .todo-list .task-todo-item .todo-item-text-container .todo-sequence{display:flex;flex-shrink:0;flex-direction:row;align-items:center;justify-content:center;font-size:12px;line-height:12px;font-weight:600;color:var(--text_color_4);background-color:#d1edff;border-radius:50%;width:20px;height:20px;text-align:center}.task-detail .task-todo-list-container .todo-list .task-todo-item .todo-item-text-container .todo-text{margin-left:10px;font-size:14px;font-weight:500;color:var(--text_color_1);opacity:.7}.task-detail .task-todo-list-container .todo-list .task-todo-item .todo-item-image{margin-top:14px;margin-left:4px;max-width:209px;aspect-ratio:auto;border-radius:8px;box-shadow:0 0 8px 0 rgba(0,0,0,.1)}
.record-voice-greeting-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  padding: 16px;
}

.record-voice-greeting-modal-content {
  background: white;
  padding: 20px;
  border-radius: 12px;
  width: 100%;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.record-voice-greeting-script-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.record-voice-greeting-script-title {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #333;
}

.record-voice-greeting-script-text {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #333;
  margin: 8px 0 16px;
}

.record-voice-greeting-record-button {
  width: 100%;
  padding: 12px 24px;
  background-color: #1c8dff;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}

.record-voice-greeting-recording-animation {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  background: #f5f5f5;
  border-radius: 12px;
  padding: 20px;
}

.record-voice-greeting-wave-container {
  width: 100%;
  height: 80px;
  background: white;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  align-items: center;
  position: relative;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
}

.record-voice-greeting-wave-visualization {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-left: 80px;
}

.record-voice-greeting-wave {
  width: 3px;
  height: 20px;
  background: linear-gradient(180deg, #1c8dff 0%, #c026d3 100%);
  border-radius: 1.5px;
  transition: height 0.1s ease-out;
}

.record-voice-greeting-recording-indicator {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 77, 79, 0.1);
  padding: 6px 12px;
  border-radius: 100px;
}

.record-voice-greeting-recording-dot {
  width: 8px;
  height: 8px;
  background-color: #ff4d4f;
  border-radius: 50%;
  animation: pulse 1.5s ease-in-out infinite;
}

.record-voice-greeting-recording-label {
  font-size: 13px;
  color: #ff4d4f;
  font-weight: 500;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

.record-voice-greeting-stop-button {
  width: 100%;
  padding: 12px 24px;
  background-color: #ff4d4f;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
}

.record-voice-greeting-stop-button:hover {
  background-color: #ff7875;
}

.miss-call-alert-content-container{display:flex;width:311px;height:343px;flex-shrink:0;flex-direction:column;align-items:center;justify-content:flex-start;background-image:url(data:image/webp;base64,UklGRnQQAABXRUJQVlA4WAoAAAAQAAAApAMABAQAQUxQSMYDAAABgBTbttXoSngSnoSWcCXEATgABx0HHQeJA9rBk4CEK+FKeIP8CGF2BjsiJsD2X3y8XFtEdsGMtS3nyYsdvE9LdAWNZfKjKlPLrqS5DPVwytS6orahHonfssvq1Y/CW9fWdTgCj66vMXybt66x4d9UW9fZa/2aKbvS5u931NbVNuoXTNn1Nue9lb+uuX/7qmtX3ag7+omuu1F3c8quvHnaydDVd9jF0PV32MHQFXj42Klr8OlDNUUofz5So6tw1E9E1+G1bPfXlfhvs6lr8bxRTTHKuk10NW6b/HY9njeoKUhZ37t1RW5veddkfydEqb0xdlX210KW4qWx67K/sgpTe8G7MvuzmzRdn9QuzVkejdrU50dNnNqD2tW53I3yNN8t8tTuUp7SzLzrs5vNAjWbLQL1bxYCFVa6QheXKJ8lajxL1GWRqGuTqLZKVIRGdYlOjcL/+B//43/8j//xP/7H//gf/+N//I//8T/+x//4H//jf/yP//E//sf/+B//43/8j//xP/7H//gf/+N//I//8T/+x//4H//jf/yP//E//sf/+B//43/8j//xP/7H//gf/+N//I//8T/+x//4H//jf/yP//E//sf/+B//43/8j//xP/7H//gf/+N//I//8T/+x//4H//jf/yP//E//sf/+B//43/8j//xP/7H//gf/+N//I//8T/+x//4H//jf/yP//E//sf/+B//43/8j//xP/7H//gf/+N//I//8T/+x//4H//jf/yP//E//sf/+B//43/8j//xP/7H//gf/+N//I//8T/+x//4H//jf/yP//E//sf/+B//43/8j//xP/7H//gf/+N//I//8T/+x//4H//jf/yP//E//sf/+B//43/8j//xP/7H//gf/+N//I//8T+fTI0KiQqNWptEtZtE/V8k6jxK1OwS5UWiioVAhdkiUP9ms0DNZi5QbmYpT2lm1uTp/26Wp+GuyFO9syZOzR7O4jQ8KqlN9ZHdpOlqT12a/Jk1YVrtRRem4RULWQp72WVpeM2aKIW96aLk71iTpKu9XVOQsr5nsyCdbcsmR2Gb1hSjrNvYLEazbX2RoottXlYhirKd1ZChqPbJnxShrPbZkwid7NOjBI32+VGARtvjKD+j7fOU0pMn22sN4Ykf228N2Vmr7foiOpdiO59TcHK2/deQm1btK88pNTnbt9ab0LRqX+whMs3ty8cQmHA7wHEVl+Z2kH7Tlby6HWgdm6S0qdjR1nFJKck2FTton5aQkFgmt4MvPp2XtoZiZES7XkYvtn9WUDggiAwAANAMAZ0BKqUDBQQ+bTaYSb+mIiEgOHhj8A2JaW7hd/5rDQUVw1/3Fb5AP0A+03pwAGWCORZ0kiiQxkVDWmD6Ht7M9vZnt7M9vZnt7M9vZnt7M9vZnt7M9vZnt7M9vZnt7M9vZnt7M9vZnt7M9vZnt7M9vZnt7M9vZnt7M9vZgrxTaUiD0qA8gBYbZfazTv5gEZD9goFYAi0xGb9+/fv379+/fv379+/fv379+/fv38IK2r03ETr7uFSS2/Vfki8bzp06dOnTp06dOnTp06dOnTp06dOnTp02LDHZLE5EfjFo8ePHjx48ePHjx48ePHjx48ePHjx48ePDOGcdXiiz8WLFixYsWLFixYsWLFixYsWLFixYsWLFim0Hyqr89W71x0Tp06dOnTp06dOnTp06dOnTp06dOm4BEjGU41nxqkSJEiRIkSJEiRIkSJEiRIkSJEiRIkSIEcg90OpIgZQHDhw4cOHDhw4cOHDhw4cOHDhw4cOHDhX2SHBXjJvXHROnTp06dOnTp06dOnTp06dOnTp06bgM5H72S3gVq1atWrVq1atWrVq1atWrVq1atWrVq0kGcnhmQNIji2W5MmTJkyZMmTJkyZMmTJkyZMmTJkyZDqjvLgGBu0qdOnTp06dOnTp06dOnTp06dOnTp06dOiae+U5WdxMtcdE6dOnTp06dOnTp06dOnTp06dOnTomnwE5+V3mFTp06dOnTp06dOnTp06dOnTp06dOnTpsnaLwYDQP7A/OnTp06dOnTp06dOnTp06dOnTp06dNk7RgSr10aHjqRIkSJEiRIkSJEiRIkSJEiRIkSJEiPunwHoWGF0TbuMiRIkSJEiRIkSJEiRIkSJEiRIkSJEhfs31NuObBjsqCHDhw4cOHDhw4cOHDhw4cOHDhw4cOFfZvqbazFD/u7WMtWrVq1atWrVq1atWrVq1atWrVq1aq7o8tcOYhVAspDso3ROnTp06dOnTp06dOnTp06dOnTp03AaCmTHjtBZTZlatWrVq1atWrVq1atWrVq1atWrVq0kGgpkycd9EjmVcLOnTp06dOnTp06dOnTp06dOnTp06bJ2jBAgJJp6EB0poGTJkyZMmTJkyZMmTJkyZMmTJkyZDqjy1x0RIW3XpN3GO379+/fv379+/fv379+/fv379+/byFL06dOhSciS9hTsBTXHROnTp06dOnTp06dOnTp06dNwGgpkyZMeK847+c3dBQapEiRIkSJEiRIkSJEiRIkSJEiBIUvTp06dDBLjYorUWjWMtyZMmTJkyZMmTJkyZMmTJkyHVHlrjonTp9O9qFc2V4txO7LcmTJkyZMmTJkyZMmTJkyXnZvqdOnTp021+tmnODJdbK/GfOidOnTp06dOnTp06dOnTptuaSSm3hK7jonTp06bblLWUFTmy2+x0Tp06dOnTp06dOnTp06If/JxJK19ggQIECBAgPh6Xuy2yy2/TTkyZMmTJkyZMmTJkyZLJAW0+fUXPVngCG4vzp06dOnTpsXyzzPWsk5XS3hJQiRIkSJEiRIkSI+kBTvU5LtIh63t80d2f379+/fv379++yJnlVFqce3OuECPYcsXKFxsCtWrVq1atIPkLEfeq7+QndopIx0EnalZBwWLFixYsWLFixYsGgsUN29ClITlM3jEMO10NVDCuknkGqYJxX0Pb2W0iHGDei0WTIsDqF85JrDYiJUmsPHjx6nkVSJEiRIkSJEiRIkSJFUnnS8AzxamSEiRIkSMOoLFixYsWLFixYsWLFixYsWLFixYsWLFixaKdqdOnTp06dOnTp06dOnTp06dOnTp06dOnUVSxluTJkyZMmTJkyZMmTJkyZMmTJkyZMmTJ4ptHjx48ePHjx48ePHjx48ePHjx48ePHjx5F6wSJEiRIkSJEiRIkSJEiRIkSJEiRIkSJEiVkHBYsWLFixYsWLFixYsWLFixYsWLFixYsWNLRY6J06dOnTp06dOnTp06dOnTp06dOnTp07bRggQIECBAgQIECBAgQIECBAgQIECBAgQIEfdIcOHDhw4cOHDhw4cOHDhw4cOHDhw4cOHDvm/Tp06dOnTp06dOnTp06dOnTp06dOnTp06juz+/fv379+/fv379+/fv379+/fv379+/fv7DYLFixYsWLFixYsWLFixYsWLFixYsWLFixaKdqdOnTp06dOnTp06dOnTp06dOnTp06dOnUVSxluTJkyZMmTJkyZMmTJkyZMmTJkyZMmTJ4ptHjx48ePH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);background-size:cover;background-repeat:no-repeat}.miss-call-alert-content-container .miss-call-alert-top-container{display:flex;flex-direction:column;margin-top:24px;margin-left:32px;margin-right:32px;align-self:flex-start}.miss-call-alert-content-container .miss-call-alert-top-container .miss-call-alert-top-line-one-container{display:flex;flex-direction:row;align-items:center}.miss-call-alert-content-container .miss-call-alert-top-container .miss-call-alert-top-line-one-container .miss-call-alert-top-line-one-get{font-family:"SFProDisplay",serif;color:#012269;font-size:24px;font-style:normal;font-weight:900;line-height:normal;text-transform:uppercase;margin-right:4px}.miss-call-alert-content-container .miss-call-alert-top-container .miss-call-alert-top-line-one-container .miss-call-alert-top-line-one-money{color:#ff9000;font-family:"RacingSansOne";font-size:28px;font-style:normal;font-weight:400;line-height:normal}.miss-call-alert-content-container .miss-call-alert-top-container .miss-call-alert-top-line-two-container{color:#012269;font-size:20px;font-style:normal;font-weight:600;line-height:normal;font-family:"SFProDisplay",serif}.miss-call-alert-content-container .miss-call-alert-middle-container{display:flex;padding:16px 12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;margin:24px 25px 28px 25px;border-radius:12px;border:1px solid #fff;background:hsla(0,0%,100%,.6)}.miss-call-alert-content-container .miss-call-alert-button{width:247px;padding:16px 16px;border-radius:32px;background-color:#ffd82a;color:#012269;font-size:15px;font-weight:500;line-height:18px;border:none}
.camera-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.camera-error {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  color: red;
  font-weight: bold;
}

.camera-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scaleX(-1);
}

.swipeCard {
    position: absolute;
    width: 347px;
    height: 537px;
    margin: 0;
    top: 0;
    left: 0;
}

.cardContainer {
    width: 347px;
    height: 537px;
    position: relative;
    margin-top: 10px;
    align-self: center;
}

.match-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    background-color: var(--black_70);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    opacity: 0;
    transition: opacity 200ms ease-in-out;
}

.match-modal-overlay.ReactModal__Overlay--after-open {
    opacity: 1;
}

.match-modal-overlay.ReactModal__Overlay--before-close {
    opacity: 0;
}

.match-modal {
    transform: translateY(100%);
    transition: transform 300ms ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    inset: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: transparent;
    border: none;
    background-size: cover;
    outline: none;
}

.ReactModal__Content--after-open.match-modal {
    transform: translateY(0);
}

.ReactModal__Content--before-close.match-modal {
    transform: translateY(100%);
}
.chat-detail-root{position:relative;display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--background_color_1);overflow-y:hidden}.chat-detail-root .chat-detail-header{height:50px;width:100%;flex-shrink:0;position:relative;background:#fff;border-bottom:.5px solid var(--black_08)}.chat-detail-root .chat-detail-header .left-content{position:absolute;display:flex;flex-direction:row;align-items:center;left:12px;top:50%;transform:translateY(-50%)}.chat-detail-root .chat-detail-header .left-content .back-arrow{width:16px;height:32px}.chat-detail-root .chat-detail-header .left-content .unread-content{font-size:13px;font-weight:500;color:var(--text_color_1);background-color:var(--background_color_1);height:24px;padding-left:8px;padding-right:8px;margin-left:1px;border-radius:16px;text-align:center;display:flex;flex-direction:row;align-items:center}.chat-detail-root .chat-detail-header .chat-title-content{display:flex;flex-direction:column;align-items:center;position:absolute;width:200px;left:50%;top:50%;transform:translate(-50%, -50%)}.chat-detail-root .chat-detail-header .chat-title-content .chat-title-span{font-size:15px;font-weight:700;color:var(--text_color_1);display:flex;flex-direction:row;align-items:center}.chat-detail-root .chat-detail-header .chat-title-content .chat-online-span{content:"";display:inline-block;width:6px;height:6px;background-color:#1dcc43;border-radius:50%;margin-left:4px}.chat-detail-root .chat-detail-header .chat-title-content .desc-span{font-size:11px;color:var(--text_color_2)}.chat-detail-root .chat-detail-header .right-content{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px}.chat-detail-root .chat-action-container{height:75px;background:#fff;display:flex;flex-direction:row;align-items:center}.chat-detail-root .chat-action-container .chat-action-item{display:flex;flex-direction:column;flex-grow:1;align-items:center}.chat-detail-root .chat-action-container .chat-action-item .chat-action-img{width:28px;height:28px;background-color:rgba(0,0,0,0)}.chat-detail-root .chat-action-container .chat-action-item .chat-action-text{color:var(--black_95);font-size:10px;text-align:center;margin-top:3px}.chat-detail-root .chat-action-container .chat-action-item[data-disabled=true] .chat-action-img{opacity:.3}.chat-detail-root .chat-action-container .chat-action-item[data-disabled=true] .chat-action-text{opacity:.3}.chat-detail-root #message-list-container{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.chat-detail-root #message-list-container .chat-message-list{-webkit-overflow-scrolling:touch}.chat-detail-root #message-list-container .chat-message-list .chat-greeting-card-container{display:flex;flex-direction:column;align-items:center;margin-top:20px;flex-shrink:0}.chat-detail-root #message-list-container .chat-message-list .chat-greeting-card-container .greeting-title{font-size:12px;color:var(--gray_95)}.chat-detail-root #message-list-container .chat-message-list .chat-greeting-card-container .giphy-container{display:flex;flex-direction:row;align-items:center;width:294px;justify-content:space-between;margin-top:12px}.chat-detail-root #message-list-container .chat-message-list .chat-greeting-card-container .giphy-container .giphy-img{width:72px;height:72px;border-radius:12px}.chat-detail-root #message-list-container .chat-message-list .chat-greeting-card-container .giphy-container .giphy-img-placeholder{width:72px;height:72px;border-radius:12px;background-color:#bdbdbc}.chat-detail-root #message-list-container .infinite-scroll-component__outerdiv{min-height:150px}.chat-detail-root .float-unread-hint-window-container{display:flex;flex-direction:row-reverse}.chat-detail-root .float-unread-hint-window{position:absolute;margin-top:16px;margin-right:12px;border-radius:15px;border:.5px solid rgba(107,151,255,.2);background:#fff;box-shadow:0px 0px 6px 0px rgba(0,38,94,.12);padding:6px;align-items:center;gap:3px;width:auto;display:inline-flex;color:#1c8dff;font-family:"SFProDisplay";font-size:12px;font-style:normal;font-weight:500;line-height:normal}.chat-detail-root .chat-detail-footer{display:flex;flex-direction:row;align-items:flex-start;height:70px;flex-shrink:0;overflow:hidden;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;border:.5px solid var(--black_08);padding-top:8px;padding-left:8px;padding-right:8px}.chat-detail-root .chat-detail-footer .send-text-input{flex-grow:1;background-color:var(--background_color_1);color:var(--text_color_1);border-radius:12px;border:none;height:48px;font-size:14px;padding:0 16px;outline:none}.chat-detail-root .chat-detail-footer .send-text-input::placeholder{color:var(--text_color_3)}.chat-detail-root .chat-detail-footer .autopilot-button{width:55px;height:48px;flex-shrink:0;border-radius:12px;background-color:var(--background_color_1);margin-right:8px;display:flex;flex-direction:column;justify-content:center;align-items:center}.chat-detail-root .chat-detail-footer .autopilot-button .autopilot-switch{--width: 24px;--height: 8px;--border-width: 0px}.chat-detail-root .chat-detail-footer .autopilot-button .autopilot-switch[aria-checked=false] .adm-switch-checkbox{background-color:#c3ddf0 !important}.chat-detail-root .chat-detail-footer .autopilot-button .autopilot-switch[aria-checked=false] .adm-switch-checkbox:before{content:none !important}.chat-detail-root .chat-detail-footer .autopilot-button .autopilot-switch[aria-checked=false] .adm-switch-checkbox .adm-switch-handle{width:14px;height:14px;left:-3.5px;transform:translateY(-3px);background-color:#d2e8f7;box-shadow:none !important;border:1px solid var(--background_color_1)}.chat-detail-root .chat-detail-footer .autopilot-button .autopilot-switch[aria-checked=true]{--checked-color: #6bc4ff}.chat-detail-root .chat-detail-footer .autopilot-button .autopilot-switch[aria-checked=true] .adm-switch-checkbox .adm-switch-handle{width:14px;height:14px;left:calc(var(--width) - 14px + 3.5px);transform:translateY(-3px);background-color:#012269;box-shadow:none !important;border:1px solid var(--background_color_1)}.chat-detail-root .chat-detail-footer .autopilot-button .autopilot-text{font-size:8px;margin-top:9px;font-weight:700}.chat-detail-root .chat-detail-footer .autopilot-button .autopilot-switch[aria-checked=false]~.autopilot-text{color:rgba(27,75,143,.4980392157)}.chat-detail-root .chat-detail-footer .autopilot-button .autopilot-switch[aria-checked=true]~.autopilot-text{color:#1b4b8f}.chat-detail-root .chat-detail-footer .send-img-button{width:48px;height:48px;flex-shrink:0;border-radius:12px;background-color:#6bc4ff;padding:10px;margin-left:2px;position:relative;overflow:hidden}.chat-detail-root .chat-detail-footer .send-img-button[data-disabled=true]{background-color:var(--background_color_1)}.chat-detail-root .chat-detail-footer .send-img-button.wiggle{animation:wiggle 2.5s ease infinite}.chat-detail-root .chat-detail-footer .send-img-button.breath{animation:breath 2.5s linear infinite}@keyframes wiggle{0%,70%{transform:rotate(0deg)}75%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}85%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}100%{transform:rotate(0deg)}}@keyframes breath{0%{transform:scale(1)}50%{transform:scale(0.85)}100%{transform:scale(1)}}.chat-detail-root .chat-order-banner{height:54px;width:100%;background-color:var(--primary_20)}.chat-detail-root .chat-order-banner .chat-order-steps{--title-font-size: 12px}.chat-detail-root .chat-order-banner .chat-order-steps .adm-step .adm-step-indicator::after{height:4px !important;top:calc(50% - 2px) !important}.chat-detail-root .chat-order-banner .chat-order-steps .adm-step-status-finish .adm-step-indicator::after{background-color:var(--background_color_2) !important}.chat-detail-root .chat-order-banner .chat-order-steps .adm-step-status-finish .adm-step-title{color:var(--text_color_1) !important;font-weight:500 !important}.chat-detail-root .chat-order-banner .chat-order-steps .adm-step-status-finish.step-wait-for-male-rating .adm-step-indicator::after{background-color:#b0dbff !important}.chat-detail-root .chat-order-banner .chat-order-steps .adm-step-status-process .adm-step-indicator::after{background-color:var(--background_color_1) !important}.chat-detail-root .chat-order-banner .chat-order-steps .adm-step-status-process .adm-step-title{color:var(--background_color_2) !important;font-weight:500 !important}.chat-detail-root .chat-order-banner .chat-order-steps .adm-step-status-process.step-wait-for-male-rating .adm-step-indicator::before{content:" " !important;display:inline-block;width:60%;height:4px;transform:translateX(-10%);background-color:var(--background_color_1) !important}.chat-detail-root .chat-order-banner .chat-order-steps .adm-step-status-wait .adm-step-indicator::after{background-color:var(--background_color_1) !important}.chat-detail-root .chat-order-banner .chat-order-steps .adm-step-status-wait .adm-step-title{color:var(--text_color_2) !important;font-weight:500 !important}.chat-detail-root .chat-order-floating{position:absolute;display:flex;flex-direction:row;align-items:center;top:116px;left:12px;right:12px;height:56px;background:linear-gradient(to right, #6bc4ff, #98d6ff);border:.5px solid rgba(107,196,255,.2);border-radius:12px;box-shadow:0 0 12px 0 rgba(0,38,94,.1215686275);padding:12px}.chat-detail-root .chat-order-floating img{width:30px;height:30px;flex-shrink:0}.chat-detail-root .chat-order-floating span{color:var(--text_color_1);font-size:13px;font-weight:500;flex-grow:1;margin-left:8px;margin-right:12px}.chat-detail-root .chat-order-floating button{display:flex;background-color:var(--background_color_1);border-radius:1000px;border:none;color:var(--text_color_1);justify-content:center;align-items:center;font-size:12px;font-weight:500;flex-shrink:0;padding:0 12px;height:30px}
.message-container{display:flex;flex-direction:column;margin-top:16px;font-family:"SFProDisplay",serif}.message-container .time-span{color:var(--gray_30);font-size:12px;align-self:center;margin-bottom:12px}.message-container .extra-text-span{color:var(--black_95);font-size:12px;text-align:center;margin-top:12px}.message-container .self-message{display:flex;flex-direction:row-reverse;padding-right:12px}.message-container .self-message .avatar{width:40px;height:40px;border-radius:50%;margin-left:6px;object-fit:cover}.message-container .self-message .message-content{display:flex;flex-direction:column}.message-container .self-message .message-content .message-failed-container{display:flex;flex-direction:row;align-self:flex-end;align-items:center;margin-top:2px}.message-container .self-message .message-content .message-failed-container .failed-text-span{color:#c72014;font-size:12px}.message-container .self-message .message-content .message-failed-container .failed-img{width:16px;height:16px;margin-left:6px}.message-container .self-message .message-content .text-bubble{background-color:#1c8dff;max-width:213px;min-height:40px;border-top-left-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:12px 16px;font-size:14px;color:#fff;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.message-container .self-message .message-content .bubble-right-corner{width:6px;height:16px;margin-left:-0.5px}.message-container .other-message{display:flex;flex-direction:row;padding-left:12px}.message-container .other-message .avatar{width:40px;height:40px;border-radius:50%;margin-right:6px;object-fit:cover}.message-container .other-message .text-bubble{background-color:#fff;max-width:213px;min-height:40px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:12px 16px;font-size:14px;color:var(--text_color_1);position:relative;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.message-container .other-message .text-bubble .full-guide-text{visibility:hidden}.message-container .other-message .text-bubble .actual-guide-text{position:absolute;top:12px;left:16px;right:16px;bottom:12px}.message-container .other-message .bubble-left-corner{width:6px;height:16px;margin-right:-0.5px}.message-container .image-message{width:170px;height:130px;object-fit:contain;border-radius:12px;border:.5px solid var(--gray_10)}.message-container .giphy-message{width:160px;height:160px;object-fit:contain;border-radius:12px;border:.5px solid var(--gray_10)}.message-container .image-message-placeholder{border-radius:12px;border:.5px solid var(--gray_10);background-color:var(--black_20);width:170px;height:130px}.message-container .giphy-message-placeholder{border-radius:12px;border:.5px solid var(--gray_10);background-color:var(--black_20);width:160px;height:160px}.message-container .greeting-message{font-size:14px;color:var(--gray_40);align-self:center}.message-container .chat-tips-message{border-radius:12px;background-color:var(--secondary_color_20);font-size:13px;color:#fff;padding:11.5px 16px;max-width:260px;align-self:center;text-align:left}.message-container .request-selfie-message{display:flex;flex-direction:column;border-radius:12px;width:280px;margin-top:16px;align-self:center;background-image:linear-gradient(to bottom, #a8dcff, #ddf2ff);border:.5px solid rgba(107,196,255,.2);padding:16px}.message-container .request-selfie-message .request-selfie-header{display:flex;flex-direction:row;align-items:center}.message-container .request-selfie-message .request-selfie-header .icon{width:48px;height:48px;flex-shrink:0;border-radius:50%;filter:brightness(0) saturate(100%) opacity(0.9)}.message-container .request-selfie-message .request-selfie-header .icon-contact{width:40px;height:40px;flex-shrink:0}.message-container .request-selfie-message .request-selfie-header .icon-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.message-container .request-selfie-message .request-selfie-header .header-title-container{display:flex;flex-direction:column;margin-left:12px;font-size:14px;font-weight:500;gap:6px}.message-container .request-selfie-message .request-selfie-header .header-title-container .header-name{display:-webkit-box;color:var(--text_color_2);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.message-container .request-selfie-message .request-selfie-header .header-title-container .header-phone{display:-webkit-box;color:var(--text_color_1);-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.message-container .request-selfie-message .request-selfie-footer{display:flex;flex-direction:row;margin-top:16px;justify-content:center;gap:10px}.message-container .app-rating-message{display:flex;flex-direction:column;width:311px;align-self:center;align-items:stretch}.message-container .app-rating-message .app-rating-card{display:flex;flex-direction:column;border-radius:16px;align-items:center;background-image:linear-gradient(to bottom, #a8dcff, #ddf2ff);border:.5px solid rgba(107,196,255,.2);padding:30px 32px}.message-container .app-rating-message .app-rating-card .app-rating-title{color:var(--text_color_1);font-weight:700;font-size:15px;text-align:center}.message-container .app-rating-message .app-rating-card .app-rating-emoji-layout{display:flex;flex-direction:row;align-self:stretch;justify-content:space-between;margin-top:20px}.message-container .app-rating-message .app-rating-card .app-rating-emoji-layout .app-rating-emoji{width:36px;height:36px}.message-container .app-rating-message .app-rating-card .app-rating-desc{margin-top:20px;font-weight:700;font-size:14px;color:#1c8dff}.message-container .app-rating-message .app-rating-card .app-rating-submit{margin-top:24px;width:247px;height:56px}.message-container .app-rating-message .app-rating-questionnaire{display:flex;flex-direction:column;align-items:stretch;margin-top:16px}.message-container .app-rating-message .app-rating-questionnaire .questionnaire-title-layout{display:flex;flex-direction:row;align-items:center;margin-bottom:8px}.message-container .app-rating-message .app-rating-questionnaire .questionnaire-title-layout>:nth-child(1){width:28px;height:28px}.message-container .app-rating-message .app-rating-questionnaire .questionnaire-title-layout>:nth-child(2){margin-left:8px;flex-grow:1;color:var(--text_color_1);font-size:14px;font-weight:700}.message-container .app-rating-message .app-rating-questionnaire .questionnaire-title-layout>:nth-child(3){width:32px;height:32px;opacity:.5}.message-container .app-rating-message .app-rating-questionnaire .questionnaire-item{background-color:var(--black_03);border-radius:28px;padding:12px 24px;margin-top:8px;font-size:14px;font-weight:400;color:var(--text_color_1)}.message-container .app-rating-message .app-rating-questionnaire>*{opacity:0;animation:fadeIn .3s ease forwards}.message-container .app-rating-message .app-rating-questionnaire>*:nth-child(2){animation-delay:0s}.message-container .app-rating-message .app-rating-questionnaire>*:nth-child(3){animation-delay:.1s}.message-container .app-rating-message .app-rating-questionnaire>*:nth-child(4){animation-delay:.2s}.message-container .app-rating-message .app-rating-questionnaire>*:nth-child(5){animation-delay:.3s}.message-container .app-rating-message .app-rating-questionnaire>*:nth-child(6){animation-delay:.4s}.message-container .app-rating-message .app-rating-questionnaire>*:nth-child(7){animation-delay:.5s}.message-container .app-rating-message .app-rating-questionnaire>*:nth-child(8){animation-delay:.6s}.message-container .gift-message{display:flex;flex-direction:row;align-items:center;width:180px;height:75px;background-image:linear-gradient(to bottom, #a8dcff, #ddf2ff);border:.5px solid rgba(107,196,255,.2);border-radius:8px;padding:2px 8px}.message-container .gift-message .gift-message-title{display:flex;flex-direction:column;align-items:flex-start;flex:1 1;color:var(--text_color_1);font-size:14px;font-weight:700}.message-container .gift-message .gift-message-image-container{display:flex;flex-direction:column;flex:1 1;align-items:center}.message-container .gift-message .gift-message-image-container .gift-message-image{width:70px;height:70px}.message-container .gift-message .gift-message-image-container .gift-message-image-placeholder{width:70px;height:70px;background-color:rgba(0,0,0,0)}.message-container .avcall-message{display:flex;flex-direction:row;align-items:center;background-color:#1c8dff;border-radius:12px;padding:0 16px;gap:12px;color:#fff;font-size:14px;font-weight:400}.message-container .avcall-message .avcall-message-icon{width:30px;height:30px;padding:4px 4px;border-radius:50%;background:#fff}.message-container .unknown-message{text-align:center;font-size:14px;color:#c72014;padding:0 32px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.popup-container {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    width: 255px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 14px;
}

.top-content-container {
    position: absolute;
    color: #652F00;
    font-weight: 600;
    font-size: 14px;
    background-position: center;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTczIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMTczIDMwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTAgMEgxNzNMMTY2LjY0NyAxOS4wNTk3QzE2NC40NjkgMjUuNTkzMSAxNTguMzU1IDMwIDE1MS40NjggMzBIMjEuNTMyMkMxNC42NDUzIDMwIDguNTMxMDQgMjUuNTkzMSA2LjM1MzIxIDE5LjA1OTZMMCAwWiIgZmlsbD0iI0ZGQzQzMCIvPg0KPC9zdmc+DQo=);
    padding: 6px 23px 6px 23px;
    background-repeat: no-repeat;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
}

.close-button-img {
    position: absolute;
    width: 12px;
    height: 12px;
    padding: 11px;
    top: 8px;
    right: 8px;
}

.lottie {
    transform: scale(0.6);
}

.centered-content {
    margin-top: -40px;
    font-size: 16px;
    color: white;
    font-weight: 600;
    text-align: center;
}

.number {
    color: orange;
    font-weight: 600;
}

.footer-popup {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 14px;
    gap: 14px;
    color: rgba(255, 255, 255, 0.5);
}

.button {
    padding: 12px 16px;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    background-color: #8F5BFF;
    color: white;
    font-size: 15px;
    font-weight: 500;
    width: 200px;
    text-align: center;
}
.confirm-dialog-container{background:var(--background_color_1) !important;border-radius:16px !important;padding:20px 16px !important}.confirm-dialog-container .adm-dialog-title{color:var(--text_color_1) !important;font-size:16px !important;font-weight:700 !important;line-height:19px !important}.confirm-dialog-container .adm-dialog-content{padding:0 !important;font-size:12px;color:var(--text_color_2) !important;font-weight:400 !important}.confirm-dialog-container .adm-dialog-footer{margin-top:28px}.confirm-dialog-container .adm-dialog-footer .adm-dialog-action-row{border-top:none !important;gap:8px !important}.confirm-dialog-container .adm-dialog-footer .adm-dialog-action-row button:nth-child(1){display:flex;background-color:rgba(0,0,0,0);border-radius:1000px;border:.5px solid var(--primary_40);color:var(--text_color_1);justify-content:center;align-items:center;height:40px;width:126px;font-weight:500;font-size:12px}.confirm-dialog-container .adm-dialog-footer .adm-dialog-action-row button:nth-child(1)::before{border-radius:1000px !important}.confirm-dialog-container .adm-dialog-footer .adm-dialog-action-row button:nth-child(2){display:flex;background-color:var(--primary);border-radius:1000px;border:none;color:var(--text_color_1);justify-content:center;align-items:center;height:40px;width:126px;font-weight:500;font-size:12px}.confirm-dialog-container .adm-dialog-footer .adm-dialog-action-row button:nth-child(2)[data-disabled=true],.confirm-dialog-container .adm-dialog-footer .adm-dialog-action-row button:nth-child(2):disabled{background-color:var(--primary_20);color:#fff}.confirm-dialog-container .adm-dialog-footer .adm-dialog-action-row button:nth-child(2)::before{border-radius:1000px !important}.confirm-dialog-mask{background-color:var(--black_40) !important}
.cash-show-container {
  display: flex;
  width: 100%;
  height: 46px;
  padding: 14px;
  flex-direction: row;
  align-items: center;
  background: rgba(107, 196, 255, 0.2);
}

.cash-img {
  display: flex;
  width: 16px;
  height: 16px;
  justify-content: space-between;
  align-items: center;
}

.money-hint {
  margin-left: 2px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.add-money-hint {
  position: absolute;
  color: #ff9000;
  font-family: "RacingSansOne";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  left: 150px;
  transform: scale(1);
  transform-origin: left center;
  opacity: 1;
  animation: expand 1.5s ease-in-out forwards;
}

@keyframes expand {
  0% {
    transform: scale(1);
    opacity: 0;
  }

  20% {
    transform: scale(2);
    opacity: 1;
  }

  75% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.phone-number-container{display:flex;flex-direction:column;flex-grow:1;align-items:center;padding-bottom:24px}.phone-number-container .phone-input-container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:calc(100% - 74px);margin:24px 37px 0;height:48px;border-bottom:.5px solid rgba(0,0,0,.1);color:var(--text_color_1);font-weight:500;font-size:18px}.phone-number-container .phone-input-container .phone-input-prefix{flex-shrink:0}.phone-number-container .phone-input-container .phone-input{background-color:rgba(0,0,0,0);border:none;outline:none;width:14ch;color:var(--text_color_1);caret-color:var(--text_color_1);font-weight:500;margin-left:4px;font-size:18px}.phone-number-container .phone-placeholder{flex-grow:1}
.adcashout-page {
    position: relative;
}

.adcashout-page-container {
    padding: 20px;
    font-family: "SFProDisplay", Arial, sans-serif;
}

.adcashout-page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.adcashout-page-back-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.adcashout-page-header-title {
    font-size: 18px;
    font-weight: bold;
}

.adcashout-page-balance-card {
    background-color: #D1F0FF;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 80px;
}

.adcashout-page-balance-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.adcashout-page-balance-header-title {
    font-weight: 500;
    font-size: 14px;
    margin-left: 6px;
}

.adcashout-page-balance-icon-container {
    width: 18px;
    height: 18px;
    background-color: #233d7f;
    border-radius: 50%;
    text-align: center;
}

.adcashout-page-balance-icon {
    width: 8px;
    height: 8px;
}

.adcashout-page-amount {
    font-size: 36px;
    font-weight: bold;
}

.adcashout-page-amount span {
    display: block;
    font-size: 14px;
    color: #6c757d;
}

.adcashout-page-withdrawal-options h3 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}

.adcashout-page-buttons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.adcashout-page-withdrawal-btn {
    width: 100%;
    height: 79px;
    background-color: #DFF6FF;
    border: 2px solid #DFF6FF;
    border-radius: 20px;
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.adcashout-page-withdrawal-btn.selected {
    border-color: #48b6e7;
    background-color: #48b6e7;
    color: white;
}

.adcashout-page-paypal-logo {
    width: 62px;
    height: 14px;
}

.adcashout-page-withdrawal-btn .desc {
    font-size: 12px;
    color: #6c757d;
    margin-top: 5px;
}

.adcashout-page-withdrawal-btn .desc.selected {
    color: white;
}

.adcashout-page-cashout-btn {
    position: fixed;
    bottom: 10px;
    left: 20px;
    right: 20px;
    border-radius: 28px;
    background-color: #233d7f;
    color: white;
    padding: 16px;
}

.adcashout-page-paypal-success {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.TestHome{width:100%;height:100%}.TestHome-Modal{width:311px;height:347px;position:relative}.TestHome-container{position:relative;width:100%;height:347px}.TestHome-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:20px;justify-content:center}.TestHome-paypal{width:247px;background:hsla(0,0%,100%,.4);border-radius:10px;padding:10px 10px;display:flex}.TestHome-paypal-text{font-size:12px;margin-left:10px}.TestHome-text{color:#000;font-size:50px;font-family:"RacingSansOne",Helvetica,Arial,sans-serif}.TestHome-button{background-color:#212d64;color:#fff;font-weight:bold;width:247px;height:54px;padding:.5rem 1rem;border-radius:32px;border:none;cursor:pointer;margin-top:20px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.TestHome-paypal-success{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.install-to-claim-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #eff8ff;
  font-family: "SFProDisplay", Arial, sans-serif;
  height: 100%;
}

.install-to-claim-back {
  position: absolute;
  top: 6px;
  left: 16px;
}

.install-to-claim-cta {
  color: #012269;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  margin-top: 30px;
}

.install-to-claim-sub-title {
  color: #159cd7;
  font-family: "SFProDisplay";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 11px;
  margin-bottom: 34px;
}

.install-to-claim-instuction-image {
  width: 311px;
  height: 280px;
}

.install-to-claim-container2 {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
  margin-top: 16px;
  padding: 20px;
  width: 311px;
  background-color: #fff;
  border-radius: 30px;
}

.install-to-claim-balance-icon-container {
  width: 32px;
  height: 32px;
  text-align: center;
}

.install-to-claim-balance-icon {
  width: 32px;
  height: 32px;
  padding: 8px 8px;
  border-radius: 50%;
  background-color: #6bc4ff;
}

.install-to-claim-stats-text {
  margin-left: 12px;
  font-size: 15px;
  font-weight: 700;
}

.install-to-claim-stats-text-yellow {
  border-radius: 16px;
  background: #ffd82a;
  padding: 3px 6px;
  font-size: 10px;
}

.install-to-claim-install-btn {
  position: fixed;
  bottom: 34px;
  left: 24px;
  right: 24px;
  /*border-radius: 28px;*/
  /*border: 0;*/
  /*background-color: #6bc4ff;*/
  color: black;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.install-to-claim-install-btn-anim {
  animation: breath 2s linear infinite;
}

.install-to-claim-hand {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 120px;
  animation: poke-anim 1s linear infinite;
}

.install-to-claim-install-btn-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.cashout-page-container {
  display: flex;
  flex-direction: column;
}

.cashout-page-top {
  display: flex;
  position: fixed;
  top: 0px;
  width: 100%;
  top: 0;
  left: 0;
  height: 50px;
  align-items: center;
  background-color: #eff8ff;
}

.cashout-page-back-button {
  position: absolute;
  left: 12px;
  width: 24px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}

.cash-account-back-button img {
  flex-shrink: 0;
}

.cashout-page-middle-container {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}

.cashout-page-balance-card {
  display: flex;
  padding: 14px 14px 20px 14px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 14px;
  background: #d1f0ff;
  margin: 24px 14px 0;
}

.cashout-page-balance-header {
  display: flex;
  color: #212d64;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.cashout-page-balance-header img {
  margin-right: 6px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: #233d7f;
}

.cashout-page-balance-amount {
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: "RacingSansOne";
  margin-top: 20px;
  color: #212d64;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.cashout-page-buttons-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 14px;
  margin: 60px 14px 147px;
}

.cashout-page-withdrawal-btn {
  display: flex;
  padding: 16px 0px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 14px;
  background: #dff6ff;
  border: none;
}

.cashout-page-withdrawal-btn.selected {
  border-radius: 20px;
  border: 2px solid #179bd7;
  background: #149cd7;
  border: none;
}

.cashout-page-withdrawal-btn.selected .cont {
  color: #f8fcff;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.cashout-page-withdrawal-btn.selected .desc {
  color: #f8fcff;
  text-align: center;
  font-family: "SF Pro Text";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.cashout-page-paypal-logo {
  width: 62px;
  height: 14px;
}

.cashout-page-withdrawal-btn .cont {
  color: #212d64;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.cashout-page-withdrawal-btn .desc {
  color: #233d7f;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.cashout-page-cashout-btn {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 60px;
  left: 24px;
  right: 24px;
  height: 56px;
  gap: 10px;
  background-color: #233d7f;
  color: #ffffff;
  border: none;
  border-radius: 28px;
}

.cashout-page-cashout-btn text {
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.cashout-page-cashout-btn img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.cashout-page-bottom-desc {
  position: fixed;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  bottom: 30px;
}

.cashout-page-bottom-desc text {
  color: rgba(35, 61, 127, 0.8);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.cash-pop-up-window-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(31, 32, 36, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}

.cash-pop-up-window-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 80%;
  background-color: white;
  border-radius: 16px;
  padding: 20px 16px;
}

.cash-pop-up-window-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
  gap: 8px;
  align-self: stretch;
}

.cash-pop-up-window-title {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  color: #012269;
}

.cash-pop-up-window-subtitle {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.12px;
  color: rgba(35, 61, 127, 0.8);
}

.cash-pop-up-window-actions {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  margin: 0 20 20;
}

.cash-pop-up-window-action1 {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0;
  border-radius: 20px;
  border: 0.5px solid rgba(35, 61, 127, 0.3);
}

.cash-pop-up-window-action1 * {
  color: #233d7f;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
}

.cash-pop-up-window-action2 {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0;
  border-radius: 20px;
  background: #233d7f;
  border: 0.5px solid rgba(35, 61, 127, 0.3);
}

.cash-pop-up-window-action2 * {
  color: #f8fcff;
  font-size: 12px;
  font-weight: 500;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes scaleUp {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.cashout-pop-up-congrats-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/static/media/ic_cashout_congrats.d67d1fcd.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1000;
  animation: fadeIn 1s ease forwards;
}

.cashout-congrats-container {
  display: flex;
  flex-direction: column;
  width: 311px;
  height: 514px;
  background-image: url(/static/media/ic_congrats_popup.577d5adf.png);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  animation: scaleUp 1s ease forwards;
  margin-top: -64px;
}

.cashout-congrats-title {
  margin-top: 80px;
  margin-left: 32px;
  font-family: "SFProDisplay";
  font-weight: 800;
  font-size: 24px;
  line-height: 28px;
  color: #4a2300;
  text-transform: uppercase;
}

.cashout-congrats-subtitle {
  display: flex;
  margin-top: 3px;
  margin-left: 32px;
  color: rgba(1, 34, 105, 0.5);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.cashout-congrats-middle {
  width: 261px;
  display: flex;
  padding: 12px 12px 20px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 12px 12px 24px 12px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.6);
  align-self: center;
  margin-top: 18px;
}

.cashout-congrats-middle-title {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  background: #cfeaff;
}

.cashout-congrats-middle-title text {
  color: #212d64;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.cashout-congrats-middle-amount {
  color: #ff9000;
  font-family: "RacingSansOne";
  font-size: 54px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 12px;
}

.cashout-congrats-middle-desc {
  color: rgba(1, 34, 105, 0.5);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 12px;
}

.cashout-congrats-middle-email-desc {
  color: #159cd7;
  text-align: center;
  font-family: "SF Pro Text";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 20px;
}

.cashout-congrats-middle-email-cont {
  color: rgba(1, 34, 105, 0.5);
  text-align: center;
  font-family: "SF Pro Text";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 6px;
}

.cashout-congrats-bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 32px;
}

.cashout-congrats-button {
  display: flex;
  width: 247px;
  height: 56px;
  padding: 15.5px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 32px;
  background: linear-gradient(0deg, #ffd82a 0%, #ffd82a 100%), rgba(167, 55, 255, 0.07);
  border: none;
}

.cashout-congrats-button text {
  color: #012269;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.cashout-congrats-close {
  display: flex;
  margin-top: 60px;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  fill: rgba(255, 255, 255, 0.1);
  stroke-width: 1px;
  stroke: #e6f4ff;
}

.wait-container {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(data:image/webp;base64,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);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-content: center;
}

.title-span {
  color: #233d7f;
  text-align: center;
  font-family: "SFProDisplay", serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  /*line-height: normal;*/
  text-transform: capitalize;
  margin-top: 66px;
  margin-left: 18px;
  margin-right: 18px;
}

.onboarding-waiting-image {
  width: 100vw;
  height: auto;
  max-height: 100vh;
  aspect-ratio: 375/369;
  object-fit: contain;
  margin-top: 10px;
}

.onboarding-waiting-bottom-text {
  text-align: center;
}

.onboard-waiting-yellow-button {
  display: inline-block;
  text-align: center;
  background: #ffd82a;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 8px;
  border-radius: 16px;
  margin-bottom: 6px;
}

.step-indicator {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-top: 20px;
}

.step {
  width: 6px;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.step.active {
  width: 12px;
  height: 6px;
  background-color: white;
  border-radius: 20px;
}

.next-btn {
  /* margin: 20px; */
  position: absolute;
  bottom: 20px;
  left: 18px;
  right: 18px;
  border-radius: 28px;
  background: #fff;
  background: var(--Secondary-White, #fff);
  border: none;
  height: 56px;
  color: #012269;
  font-family: Arial;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.verify-photo-full-screen-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: rgba(239, 248, 255, 1);
}

.verify-photo-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.verify-photo-mid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.verify-photo-title {
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 50px 0px 0px 0px;
  text-transform: capitalize;
}

.photo-sub-title {
  color: #159cd7;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 4px 24px 0;
}

.verify-photo-upload-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(107, 196, 255, 0.2);
  border: 1px dashed #6bc4ff;
  border-radius: 25px;
  width: 80vw;
  height: 80vw;
  overflow: hidden;
}

.photo-uploaded-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

.veirfy-photo-bottom-container {
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.verify-photo-next-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 48px);
  height: 56px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  border: none;
  border-radius: 28px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 31px;
}

.verify-photo-upload-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  color: #159cd7;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 22px;
}

.photo-modal {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}

.photo-modal-title-container {
  display: flex;
  align-items: center;
  height: 50px;
  width: 100%;
  color: #012269;
}

.photo-modal-title {
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin: 0 auto;
}

.photo-modal-close-img {
  position: absolute;
  margin-left: 14px;
  width: 32px;
  height: 32px;
}

.photo-modal-background {
  border-radius: 16px 16px 0px 0px;
  background: #eff8ff;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.invalid-photos-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 5px;
  padding-left: 14px;
  padding-right: 14px;
  margin-top: 14px;
}

.invalid-photo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% / 4);
}

.invalid-photo {
  width: 100%;
  aspect-ratio: 1 / 1;
}

.invalid-photo-title {
  color: rgba(1, 34, 105, 0.5);
  text-align: left;
  font-family: "SFProDisplay";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100%;
  padding-left: 14px;
  margin-top: 14px;
}

.invalid-photo-hint {
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 6px;
}

.photo-from-ablum-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 48px);
  height: 56px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  color: white;
  border: none;
  border-radius: 28px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-top: 24px;
}

.verify-photo-take-photo-btn {
  display: flex;
  margin-top: 6px;
  margin-bottom: 20px;
  border: none;
  color: #159cd7;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background-color: transparent;
  padding: 10px;
}

.main-example-container {
  display: flex;
  flex-direction: row;
  gap: 11px;
  padding-left: 14px;
  padding-right: 14px;
  margin-top: 30px;
  width: 100%;
}

.photo-other-pick-correct-example-img {
  border-radius: 16px;
  width: calc((100% - 11px) / 2);
  aspect-ratio: 1 / 1;
}

.photo-verify-failed-example-img {
  border-radius: 16px;
  width: calc((100% - 11px) / 2);
  aspect-ratio: 1 / 1;
}

.photo-pick-other-next-button {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 48px);
  height: 56px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  color: white;
  border: none;
  border-radius: 28px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  bottom: 34px;
  left: 50%;
  transform: translateX(-50%);
}

.photo-correct-example-img {
  width: 168px;
  height: 168px;
  border-radius: 16px;
  margin-top: 14px;
}

.crop-photo-page-bg {
  position: absolute;
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-color: black;
}

.crop-photo-page-bottom-area {
  z-index: 2;
  height: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.crop-photo-page-bottom-area-middle-container {
  display: flex;
  flex-direction: row;
}

.crop-photo-page-empty {
  flex-grow: 1;
}

.crop-photo-page-negative-button {
  border: none;
  border-radius: 28px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  font-size: 18px;
  font-weight: 600;
  color: var(--text_color_1);
  padding-inline: 20px;
  padding-block: 6px;
}

.crop-photo-page-positive-button {
  border: none;
  border-radius: 28px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  font-size: 18px;
  font-weight: 600;
  color: var(--text_color_1);
  padding-inline: 20px;
  padding-block: 6px;
}

.verify-photo-full-screen-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: rgba(239, 248, 255, 1);
}

.scan-face-finish-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.scan-face-finish-mid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.scan-face-finish-title {
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 50px 0px 0px 0px;
  text-transform: capitalize;
}

.photo-sub-title {
  color: #159cd7;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 4px 24px 0;
}

.scan-face-finish-photo-upload-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(107, 196, 255, 0.2);
  border: 1px dashed #6bc4ff;
  border-radius: 25px;
  width: 80vw;
  height: 80vw;
  overflow: hidden;
}

.photo-uploaded-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

.scan-face-finish-bottom-container {
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.scan-face-finish-bottom-container-hide {
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  margin-bottom: 31px;
}

.scan-finish-next-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 48px);
  height: 56px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  border: none;
  border-radius: 28px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 31px;
}

.scan-finish-upload-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  color: #159cd7;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 22px;
}

.photo-modal {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}

.photo-modal-title-container {
  display: flex;
  align-items: center;
  height: 50px;
  width: 100%;
  color: #012269;
}

.photo-modal-title {
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin: 0 auto;
}

.photo-modal-close-img {
  position: absolute;
  margin-left: 14px;
  width: 32px;
  height: 32px;
}

.photo-modal-background {
  border-radius: 16px 16px 0px 0px;
  background: #eff8ff;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.invalid-photos-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 5px;
  padding-left: 14px;
  padding-right: 14px;
  margin-top: 14px;
}

.invalid-photo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% / 4);
}

.invalid-photo {
  width: 100%;
  aspect-ratio: 1 / 1;
}

.invalid-photo-title {
  color: rgba(1, 34, 105, 0.5);
  text-align: left;
  font-family: "SFProDisplay";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100%;
  padding-left: 14px;
  margin-top: 14px;
}

.invalid-photo-hint {
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 6px;
}

.photo-from-ablum-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 48px);
  height: 56px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  color: white;
  border: none;
  border-radius: 28px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-top: 24px;
}

.scan-face-take-photo-btn {
  display: flex;
  margin-top: 6px;
  margin-bottom: 20px;
  border: none;
  color: #159cd7;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background-color: transparent;
  padding: 10px;
}

.main-example-container {
  display: flex;
  flex-direction: row;
  gap: 11px;
  padding-left: 14px;
  padding-right: 14px;
  margin-top: 30px;
  width: 100%;
}

.photo-other-pick-correct-example-img {
  border-radius: 16px;
  width: calc((100% - 11px) / 2);
  aspect-ratio: 1 / 1;
}

.photo-verify-failed-example-img {
  border-radius: 16px;
  width: calc((100% - 11px) / 2);
  aspect-ratio: 1 / 1;
}

.scan-finish-pick-other-next-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 48px);
  height: 56px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  color: white;
  border: none;
  border-radius: 28px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 34px;
}

.photo-correct-example-img {
  width: 168px;
  height: 168px;
  border-radius: 16px;
  margin-top: 14px;
}

.bottom-card-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-end;
}

.bottom-card-above-img {
  height: 80px;
  position: absolute;
  transform: translateY(-100%);
  top: 0px;
}

.bottom-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: #eff8ff;
  border-radius: 20px 20px 0 0;
  padding: 64px 24px 64px 24px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  transform: translateY(0px);
}

.bottom-card-title {
  margin: 12px 0px 0px 0px;
  font-family: "SFProDisplay";
  font-size: 24px;
  font-weight: 800;
  line-height: 28.64px;
  text-align: center;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #012269;
}

.bottom-card-content {
  margin-top: 21px;
  margin-bottom: 58px;
  font-family: "SFProDisplay";
  font-size: 16px;
  font-weight: 600;
  line-height: 19.09px;
  text-align: center;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #01226999;
}

.bottom-card-number {
  font-family: "RacingSansOne";
  font-size: 20px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #212d64;
}

.bottom-card-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  border: none;
  border-radius: 28px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  padding: 19px 0px 19px 0px;
}

.record-page-container {
  display: flex;
  flex-direction: column;
}

.record-page-top {
  display: flex;
  width: 100%;
  top: 0;
  left: 0;
  height: 50px;
  align-items: center;
  justify-content: center;
}

.record-page-back-button {
  position: absolute;
  left: 12px;
  width: 24px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}

.record-page-back-button img {
  flex-shrink: 0;
}

.record-page-title {
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.record-page-balance-card {
  display: flex;
  padding: 14px 14px 20px 14px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 14px;
  background: #d1f0ff;
  margin: 24px 14px 0;
}

.record-page-balance-header {
  display: flex;
  color: #212d64;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.record-page-balance-header img {
  margin-right: 6px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: #233d7f;
}

.record-page-balance-amount {
  display: flex;
  align-items: center;
  justify-content: sta rt;
  font-family: "RacingSansOne";
  margin-top: 20px;
  color: #212d64;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.record-page-withdraw-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 30px 20px 0px;
}

.record-page-withdraw-item {
  display: flex;
  padding: 10px 0px;
  width: 100%;
  justify-content: space-between;
  align-items: start;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}

.record-page-withdraw-item-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0;
}

.record-page-withdraw-item-left-image {
  width: 72px;
  height: 24px;
}

.record-page-withdraw-item-left-content-processing {
  color: #ff7c32;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.record-page-withdraw-item-left-content-paidout {
  color: #000000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.record-page-withdraw-item-left-content-failed {
  color: #ff0000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.record-page-withdraw-item-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.record-page-withdraw-item-right-content {
  color: #212d64;
  font-family: "RacingSansOne";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.setting-bg {
  background-color: white;
  height: 100%;
}

.setting-top-hint {
  color: #000000f2;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  margin: 0 auto;
}

.setting-account-info {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 2px;
}

.setting-items-title {
  margin-left: 24px;
  margin-bottom: 6px;
  color: #00000080;
  font-family: "SFProDisplay";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.setting-item-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 12px;
  margin-right: 12px;
  border-radius: 12px;
  background-color: #00000008;
  color: #000000f2;
  padding-left: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.setting-item-content {
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  flex: 1 1;
}

.setting-item-img {
  margin-right: 12px;
  transform: scaleX(-1);
  width: 16px;
  height: 24px;
}

.profile-task-inter-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #eff8ff;
}

.profile-task-inter-title {
  color: #012269;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-top: 30px;
}

.profile-task-inter-sub-title {
  color: #159cd7;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 4px;
}

.profile-task-inter-recycle-view {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-height: 600px;
  overflow-y: auto;
  padding-bottom: 60px;
  margin: 40px 12px 0;
}

.profile-task-inter-category-title {
  color: #012269;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.profile-task-inter-tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.profile-task-inter-tag {
  display: flex;
  height: 40px;
  padding: 15.5px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 30px;
  background: rgba(107, 196, 255, 0.12);
  border: none;
  color: rgba(1, 34, 105, 0.5);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.profile-task-inter-tag.selected {
  display: flex;
  padding: 15.5px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 30px;
  background: #6bc4ff;
  color: #012269;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.profile-task-inter-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  background: linear-gradient(180deg, rgba(239, 248, 255, 0) 0%, #eff8ff 58.67%);
  width: 100%;
  height: 150px;
  flex-shrink: 0;
}

.profile-task-inter-next-button {
  display: flex;
  width: 327px;
  height: 56px;
  margin-top: 60px;
  padding: 15.5px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 28px;
  background: #d5eeff;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.profile-task-inter-next-button.enable {
  display: flex;
  width: 327px;
  height: 56px;
  margin-top: 60px;
  padding: 15.5px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 28px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  color: #012269;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.profile-task-bio-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #eff8ff;
  width: 100%;
  padding: 18px;
}

.profile-task-bio-title {
  color: #012269;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-top: 30px;
}

.profile-task-bio-sub-title {
  color: #159cd7;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 4px;
}

.profile-task-bio-input-field {
  display: flex;
  height: 105px;
  width: 100%;
  padding: 20px;
  border-radius: 14px;
  border: 0.5px solid rgba(35, 61, 127, 0.1);
  background: rgba(107, 196, 255, 0.2);
  margin: 40px 14px 0;
  color: #012269;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.profile-task-bio-input-field:focus {
  outline: none;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}

.profile-task-bio-error-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
}

.profile-task-bio-error-img {
  width: 12px;
  height: 12px;
}

.profile-task-bio-error-content {
  color: #ff0101;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-left: 6px;
}

.profile-task-bio-next-button {
  display: flex;
  width: 327px;
  height: 56px;
  margin-top: 60px;
  padding: 15.5px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 28px;
  background: #d5eeff;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.profile-task-bio-next-button.enable {
  display: flex;
  width: 327px;
  height: 56px;
  margin-top: 60px;
  padding: 15.5px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 28px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  color: #012269;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.profile-task-profession-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #eff8ff;
}

.profile-task-profession-title {
  color: #012269;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-top: 30px;
}

.profile-task-profession-sub-title {
  color: #159cd7;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 4px;
}

.profile-task-profession-input {
  margin: 50px 38px 0;
  width: calc(100% - 74px);
  height: 56px;
  background-color: transparent;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: none;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
  caret-color: #159cd7;
}

.profile-task-profession-input:focus {
  outline: none;
}

.profile-task-profession-input::placeholder {
  color: rgba(35, 61, 127, 0.3);
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.profile-task-profession-error-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
}

.profile-task-profession-error-img {
  width: 12px;
  height: 12px;
}

.profile-task-profession-error-content {
  color: #ff0101;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-left: 6px;
}

.profile-task-profession-next-button {
  display: flex;
  width: 327px;
  height: 56px;
  margin-top: 60px;
  padding: 15.5px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 28px;
  background: #d5eeff;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.profile-task-profession-next-button.enable {
  display: flex;
  width: 327px;
  height: 56px;
  margin-top: 60px;
  padding: 15.5px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 28px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  color: #012269;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.profile-task-pics-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #eff8ff;
  width: 100%;
  height: 100%;
}

.profile-task-pics-title {
  color: #012269;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 30px;
}

.profile-task-pics-sub-title {
  color: #159cd7;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 8px;
}

.profile-task-pics-grid-container {
  display: grid;
  width: 92%;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 7px;
  align-items: center;
  justify-items: center;
  margin-top: 50px;
}

.profile-task-pics-grid-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px dashed #6bc4ff;
  background: rgba(107, 196, 255, 0.2);
  width: 100%;
  aspect-ratio: 1 / 1;
}

.profile-task-pics-grid-item-no-border {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px dashed #6bc4ff;
  background: rgba(107, 196, 255, 0.2);
  width: 100%;
  aspect-ratio: 1 / 1;
}

.profile-task-pics-grid-item-image-container {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.profile-task-pics-grid-item-image {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: none;
}

.profile-task-pics-grid-item-image-close {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 2.5px;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 6px;
  top: 6px;
  border-radius: 10px;
  background: rgba(4, 4, 4, 0.5);
}

.profile-task-pics-grid-item-plus {
  display: flex;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
}

.profile-task-pics-input {
  display: none;
}

.profile-task-pics-next-button {
  display: flex;
  position: absolute;
  bottom: 35px;
  width: 327px;
  height: 56px;
  padding: 15.5px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 28px;
  background: #d5eeff;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.profile-task-pics-next-button.enable {
  display: flex;
  width: 327px;
  height: 56px;
  margin-top: 60px;
  padding: 15.5px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 28px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  color: #012269;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.profile-task-pics-photo-modal {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}

.profile-task-pics-photo-modal-title-container {
  display: flex;
  position: absolute;
  align-items: center;
  flex-direction: column;
  width: 100%;
  background-color: #eff8ff;
}

.profile-task-container-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.profile-task-progressBar {
  height: 4px;
  width: 100%;
  --fill-color: #6bc4ff !important;
  --track-color: white !important;
}

.profile-task-top-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 50px;
  align-items: center;
  flex-shrink: 0;
  margin-bottom: 0px;
}

.profile-task-back-button {
  position: absolute;
  width: 24px;
  height: 32px;
  flex-shrink: 0;
  left: 12px;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}

.profile-task-back-button img {
  width: 24px;
  height: 32px;
  flex-shrink: 0;
}

.profile-task-top-content {
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin: 0 auto;
}

.profile-task-top-skip {
  position: absolute;
  color: rgba(1, 34, 105, 0.5);
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  right: 14px;
}

.earn-cash-profile-begin-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}

.earn-cash-profile-begin-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 1;
  animation: fadeIn 500ms;
}

.earn-cash-profile-begin-bg-light {
  position: absolute;
  object-fit: cover;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  transform-origin: center center;
  opacity: 0;
  /* 初始透明度为0 */
  animation:
    fadeIn 500ms forwards,
    light-rotate 10s linear infinite 500ms;
}

.earn-cash-profile-begin-content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 3;
  font-family: "SFProDisplay", serif;
  width: 100%;
  height: 100%;
  transform-origin: center center;
  animation: scaleUp 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.earn-cash-profile-begin-top {
  width: 100%;
  height: 80px;
}

.earn-cash-profile-begin-content {
  display: flex;
  width: 83%;
  height: 363px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.earn-cash-profile-begin-content-top {
  display: flex;
  flex-direction: row;
}

.earn-cash-profile-begin-content-top-left {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  margin-left: 32px;
}

.earn-cash-profile-begin-content-top-left-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.earn-cash-profile-begin-content-top-left-title-first {
  font-family: "SFProDisplay", serif;
  color: #012269;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  margin-right: 4px;
}

.earn-cash-profile-begin-content-top-left-title-second {
  color: #ff9000;
  font-family: "RacingSansOne";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.earn-cash-profile-begin-content-top-left-subtitle {
  color: #012269;
  font-family: "SFProDisplay";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.earn-cash-profile-begin-content-top-right {
  display: flex;
  width: 140px;
  height: 140px;
  flex-shrink: 0;
  margin-top: -40px;
}

.earn-cash-profile-begin-content-content-container {
  display: flex;
  padding: 16px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  margin: 7px 25px 32px;
  border-radius: 12px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.6);
}

.earn-cash-profile-begin-content-content-item {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 4px;
}

.earn-cash-profile-begin-content-content-item-image {
  width: 12px;
  height: 18px;
}

.earn-cash-profile-begin-content-content-item-content {
  color: #012269;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.earn-cash-profile-begin-close {
  display: flex;
  margin-top: 60px;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  fill: rgba(255, 255, 255, 0.1);
  stroke-width: 1px;
  stroke: #e6f4ff;
}

.earn-cash-profile-content-button {
  width: 247px;
  padding: 16px 16px;
  border-radius: 32px;
  background-color: #ffd82a;
  color: #012269;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  border: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes light-rotate {
  from {
    transform: translate(-50%, -50%) scale(1.5) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) scale(1.5) rotate(360deg);
  }
}

@keyframes scaleUp {
  from {
    transform: scale(0.1);
  }

  to {
    transform: scale(1);
  }
}

.profile-edit-bio-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: rgba(239, 248, 255, 1);
}

.profile-edit-bio-top-container {
  width: 100%;
  display: flex;
  align-items: center;
  height: 50px;
}

.profile-edit-bio-back-button {
  position: absolute;
  left: 12px;
  width: 24px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}

.profile-edit-tags-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: rgba(239, 248, 255, 1);
}

.profile-edit-tags-top-container {
  width: 100%;
  display: flex;
  align-items: center;
  height: 50px;
  min-height: 50px;
}

.profile-edit-tags-back-button {
  margin-left: 12px;
  width: 24px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}

.profile-edit-profession-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: rgba(239, 248, 255, 1);
  width: 100%;
  padding: 18px;
}

.profile-edit-profession-top-container {
  width: 100%;
  display: flex;
  align-items: center;
  height: 50px;
}

.profile-edit-profession-back-button {
  position: absolute;
  left: 12px;
  width: 24px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}

.online-slider-container {
  width: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.online-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 80%;
  height: 8px;
  background: #212d64;
  border-radius: 6px;
  outline: none;
}

.online-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 26px;
  border-radius: 36%;
  background: #159cd7;
  cursor: pointer;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.online-task-page-one-container {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #1375ff 0%, #3eb2ff 25%, #eff8ff 85%);
}

.online-task-page-one-title {
  color: #fff;
  font-family: "CarterOne";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 79%;
  margin-top: 24px;
  margin-left: 20px;
}

.online-task-page-one-subtitle {
  color: #fff;
  font-family: "SFProDisplay";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 26px;
}

.online-task-page-one-middle {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 14px 0;
  border: none;
  border-radius: 20px;
  opacity: 0.95;
  background: linear-gradient(180deg, #eff8ff 0%, #fff 100%);
}

.online-task-page-one-middle-logo {
  display: flex;
  width: 80px;
  height: 80px;
  margin-top: 30px;
}

.online-task-page-one-middle-content {
  color: #159cd7;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 20px;
}

.online-task-page-one-middle-money-per-data {
  color: #212d64;
  font-family: "RacingSansOne";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 16px;
  margin-bottom: 16px;
}

.online-task-page-one-middle-bottom-first-container {
  display: flex;
  padding: 14px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: #d1edff;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  margin: 30px 14px 0;
}

.online-task-page-one-middle-bottom-second-container {
  display: flex;
  padding: 14px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: #d1edff;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  margin: 1px 14px 14px;
}

.online-task-page-one-middle-bottom-half-content {
  color: #012269;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.online-task-page-one-middle-bottom-half-money {
  color: #212d64;
  font-family: "RacingSansOne";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.online-task-page-one-bottom {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 48px);
  height: 56px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  color: white;
  border: none;
  border-radius: 28px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.online-task-page-container-container {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #1375ff 0%, #3eb2ff 25%, #eff8ff 85%);
  height: 100%;
}

.online-task-page-container-title {
  color: #fff;
  font-family: "CarterOne";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 79%;
  margin-top: 24px;
  margin-left: 20px;
}

.online-task-page-container-subtitle {
  color: #fff;
  font-family: "SFProDisplay";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 26px;
}

.online-task-page-container-middle {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 14px 0;
  border: none;
  border-radius: 20px;
  opacity: 0.95;
  background: linear-gradient(180deg, #eff8ff 0%, #fff 100%);
}

.online-task-page-container-bottom {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 48px);
  height: 56px;
  background: linear-gradient(0deg, #6bc4ff 0%, #6bc4ff 100%), rgba(167, 55, 255, 0.07);
  color: white;
  border: none;
  border-radius: 28px;
  color: #012269;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.online-task-page-two-middle-logo {
  display: flex;
  width: 214px;
  height: 180px;
  margin-top: 46px;
}

.online-task-page-two-middle-content {
  color: #159cd7;
  text-align: center;
  font-family: "SFProDisplay";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 20px;
}

.install-apk-landing-container{background-color:var(--background_color_1);width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.install-apk-landing-container .install-apk-landing-title{font-size:30px;font-weight:bold;font-family:"SFProDisplay",serif;color:var(--text_color_1);text-align:center;margin-top:68px}.install-apk-landing-container .install-apk-landing-image{width:100%;aspect-ratio:375/180;object-fit:contain;margin-top:74px}.install-apk-landing-container .install-apk-landing-bottom-container{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end;margin-bottom:34px}.install-apk-landing-container .install-apk-landing-bottom-container .install-apk-landing-bottom-image{width:311px;aspect-ratio:311/76;object-fit:contain;margin-bottom:60px}.install-apk-landing-toast{position:absolute;width:347px;height:205px;margin-top:75px;left:50%;transform:translateX(-50%)}