.geetest_tip_content {
  color: black;
}

.register-login-page .by-login-reg-layout {
  padding: 0 !important;
}

.register-login-modal-root {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--cht-trans-mask);
  z-index: 1003;
  display: flex;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .register-login-modal-root {
  left: 0;
}

[dir="rtl"] .register-login-modal-root {
  right: 0;
}
@media screen and (max-width: 480px) {
  .register-login-modal-root .cht-by-input,
  .register-login-modal-root [data-test-select_country] {
    height: 40px;
  }
  .register-login-modal-root .by-input-text {
    font-size: 12px;
  }
  .register-login-modal-root .by-button-continue {
    height: 40px;
    font-size: 14px !important;
  }
  .register-login-modal-root .by-click-btn {
    height: 40px;
    font-size: 14px;
  }
}

.thidparty-login-page {
  width: 100%;
}

.cht-tr-register-page {
  /*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/
  /*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
  /*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/
  /*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
  /*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
  /*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
  /*
Remove the default font size and weight for headings.
*/
  /*
Reset links to optimize for opt-in styling instead of opt-out.
*/
  /* a {
  color: inherit;
  text-decoration: inherit;
} */
  /*
Add the correct font weight in Edge and Safari.
*/
  /*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
  /*
Add the correct font size in all browsers.
*/
  /*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
  /*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
  /*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
  /*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
  /*
Add the correct vertical alignment in Chrome and Firefox.
*/
  /*
Correct the cursor style of increment and decrement buttons in Safari.
*/
  /*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
  /*
Remove the inner padding in Chrome and Safari on macOS.
*/
  /*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
  /*
Add the correct display in Chrome and Safari.
*/
  /*
Removes the default spacing and border for appropriate elements.
*/
  /*
Reset default styling for dialogs.
*/
  /*
Prevent resizing textareas horizontally by default.
*/
  /*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
  /*
Set the default cursor for buttons.
*/
  /*
Make sure disabled buttons don't get the pointer cursor.
*/
  /*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
  /*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
  /* Make elements with the HTML hidden attribute stay hidden by default */
}
.cht-tr-register-page *,
.cht-tr-register-page ::before,
.cht-tr-register-page ::after {
  /* 1 */
  border-width: 0;
}
.cht-tr-register-page ::before,
.cht-tr-register-page ::after {
  --tw-content: '';
}
.cht-tr-register-page * {
  box-sizing: border-box;
}
.cht-tr-register-page html {
  /* 1 */
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}
.cht-tr-register-page body {
  margin: 0;
}
.cht-tr-register-page hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}
.cht-tr-register-page abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.cht-tr-register-page h1,
.cht-tr-register-page h2,
.cht-tr-register-page h3,
.cht-tr-register-page h4,
.cht-tr-register-page h5,
.cht-tr-register-page h6 {
  font-size: inherit;
  font-weight: inherit;
}
.cht-tr-register-page b,
.cht-tr-register-page strong {
  font-weight: bolder;
}
.cht-tr-register-page code,
.cht-tr-register-page kbd,
.cht-tr-register-page samp,
.cht-tr-register-page pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
.cht-tr-register-page small {
  font-size: 80%;
}
.cht-tr-register-page sub,
.cht-tr-register-page sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.cht-tr-register-page sub {
  bottom: -0.25em;
}
.cht-tr-register-page sup {
  top: -0.5em;
}
.cht-tr-register-page .moly-table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}
.cht-tr-register-page input,
.cht-tr-register-page .moly-button,
.cht-tr-register-page .moly-textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}
.cht-tr-register-page :-moz-ui-invalid {
  box-shadow: none;
}
.cht-tr-register-page progress {
  vertical-align: baseline;
}
.cht-tr-register-page ::-webkit-inner-spin-button,
.cht-tr-register-page ::-webkit-outer-spin-button {
  height: auto;
}
.cht-tr-register-page [type='search'] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
.cht-tr-register-page ::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}
.cht-tr-register-page ::-webkit-file-upload-button {
  -webkit-appearance: button;
          appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
.cht-tr-register-page summary {
  display: list-item;
}
.cht-tr-register-page blockquote,
.cht-tr-register-page dl,
.cht-tr-register-page dd,
.cht-tr-register-page h1,
.cht-tr-register-page h2,
.cht-tr-register-page h3,
.cht-tr-register-page h4,
.cht-tr-register-page h5,
.cht-tr-register-page h6,
.cht-tr-register-page hr,
.cht-tr-register-page figure,
.cht-tr-register-page p,
.cht-tr-register-page pre {
  margin: 0;
}
.cht-tr-register-page fieldset {
  margin: 0;
  padding: 0;
}
.cht-tr-register-page legend {
  padding: 0;
}
.cht-tr-register-page ol,
.cht-tr-register-page ul,
.cht-tr-register-page menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cht-tr-register-page dialog {
  padding: 0;
}
.cht-tr-register-page textarea {
  resize: vertical;
}
.cht-tr-register-page input::-moz-placeholder, .cht-tr-register-page textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}
.cht-tr-register-page input::placeholder,
.cht-tr-register-page textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}
.cht-tr-register-page button,
.cht-tr-register-page [role='button'] {
  cursor: pointer;
}
.cht-tr-register-page :disabled {
  cursor: default;
}
.cht-tr-register-page [hidden] {
  display: none;
}
.cht-tr-register-page.moly-theme-component-dark {
  color-scheme: dark;
  /*
   * UED Custom Color Group
  */
  /* Text & Icon */
  --bds-gray-t1-title: #fff;
  --bds-gray-t2: #adb1b8;
  --bds-gray-t3: #71757a;
  --bds-gray-t4-dis: #595d61;
  --bds-gray-t1-title-revert: #121214;
  /* Element & Background */
  --bds-gray-ele-border: #404347;
  --bds-gray-ele-line: #25282c;
  --bds-gray-ele-edge: #1e2023;
  --bds-gray-bg-page: #000;
  --bds-gray-bg-area: #101014;
  --bds-gray-bg-card: #16171a;
  --bds-gray-bg-float: #333537;
  --bds-trans-mask: rgba(1, 3, 5, 0.8);
  --bds-trans-hover: rgba(192, 210, 231, 0.12);
  /* brand color */
  --bds-brand-600-hover: #ffc35c;
  --bds-brand-700-normal: #f7a600;
  --bds-brand-800-pressed: #f0960e;
  --bds-brand-900-focus: #f0960e;
  --bds-brand-900-text: #f7a600;
  --bds-brand-100-bg: rgba(247, 166, 0, 0.16);
  /* red */
  --bds-red-600-hover: #fc7272;
  --bds-red-700-normal: #ef454a;
  --bds-red-800-pressed: #cc3939;
  --bds-red-900-focus: #cc3939;
  --bds-red-100-bg: rgba(239, 69, 74, 0.16);
  /* green */
  --bds-green-600-hover: #41bf7e;
  --bds-green-700-normal: #20b26c;
  --bds-green-800-pressed: #00944f;
  --bds-green-900-focus: #00944f;
  --bds-green-100-bg: rgba(32, 178, 108, 0.16);
  /* gradient */
  --bds-gradient-reddish: linear-gradient(90deg, #f90 0%, #ff6a59 100%);
  --bds-gradient-brand: linear-gradient(133deg, #ffd748 -1.87%, #f7a600 101.87%);
  --bds-gradient-tab-scroll-left: linear-gradient(270deg, rgba(1, 1, 1, 0) 0%, #010101 100%);
  --bds-gradient-tab-scroll-right: linear-gradient(270deg, #010101 0%, rgba(1, 1, 1, 0) 100%);
  /* box shadow  (Web Only) */
  --bds-shadow-l1: 0 0 4px 0 rgba(18, 18, 20, 0.1);
  --bds-shadow-l2: 0 0 24px 0 rgba(18, 18, 20, 0.1);
  --bds-focused-halo-brand: 0 0 0 5px var(--bds-brand-100-bg);
  --bds-focused-halo-green: 0 0 0 5px var(--bds-green-100-bg);
  --bds-focused-halo-red: 0 0 0 5px var(--bds-red-100-bg);
  /* underline */
  --bds-underline-dashed: 1px dashed #595d61;
  /* Tag Colors */
  --bds-tag-text-primary: var(--bds-brand-700-normal);
  --bds-tag-text-neutral: var(--bds-static-white);
  /* empty */
  --bds-empty-svg-border: #71757a;
  --bds-empty-svg-line: #f7a600;
  --bds-empty-svg-opacity: 0.41;
  --bds-empty-svg-filter-1: url('#filter1_i_8929_6128');
  --bds-empty-svg-filter-0: url('#filter0_i_8929_6128');
  /* Checkbox */
  --bds-checkbox-type-checked: var(--bds-static-black);
  /* hex to rgb */
  --bds-gray-ele-line-rgb: 32, 33, 36;
  /* non exist in design */
  --bds-black-white: #000;
  /* Badge */
  --bds-badge-type-secondary-text-color: #fff;
  --bds-badge-type-secondary-bg-color: rgba(192, 210, 231, 0.12);
  --bds-badge-sup-type-secondary-text-color: #71757a;
  --bds-badge-sup-text-color: #f7a600;
}
/* _base.css */
.cht-tr-register-page {
  color-scheme: light;
  /*
   * UED Custom Color Group
   */
  /* Text & Icon */
  --bds-gray-t1-title: #121214;
  --bds-gray-t2: #81858c;
  --bds-gray-t3: #adb1b8;
  --bds-gray-t4-dis: #d5dae0;
  --bds-gray-t1-title-revert: #fff;
  /* Element & Background */
  --bds-gray-ele-border: #e9edf2;
  --bds-gray-ele-line: #f3f5f7;
  --bds-gray-ele-edge: #f9fafb;
  --bds-gray-bg-page: #f5f7fa;
  --bds-gray-bg-area: #fff;
  --bds-gray-bg-card: #fff;
  --bds-gray-bg-float: #fff;
  --bds-trans-mask: rgba(56, 58, 61, 0.6);
  --bds-trans-hover: rgba(56, 68, 82, 0.06);
  /* brand color */
  --bds-brand-600-hover: #ffc35c;
  --bds-brand-700-normal: #f7a600;
  --bds-brand-800-pressed: #f0960e;
  --bds-brand-900-focus: #eb8d13;
  --bds-brand-900-text: #d6850d;
  --bds-brand-100-bg: rgba(247, 166, 0, 0.12);
  /* red */
  --bds-red-600-hover: #fc7272;
  --bds-red-700-normal: #ef454a;
  --bds-red-800-pressed: #cc3939;
  --bds-red-900-focus: #cc3939;
  --bds-red-100-bg: rgba(239, 69, 74, 0.12);
  /* green */
  --bds-green-600-hover: #41bf7e;
  --bds-green-700-normal: #20b26c;
  --bds-green-800-pressed: #00944f;
  --bds-green-900-focus: #00944f;
  --bds-green-100-bg: rgba(32, 178, 108, 0.12);
  /* gradient */
  --bds-gradient-reddish: linear-gradient(90deg, #f90 0%, #ff6a59 100%);
  --bds-gradient-brand: linear-gradient(97.12deg, #ffd748 0.93%, #f7a600 100%);
  --bds-gradient-tab-scroll-left: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  --bds-gradient-tab-scroll-right: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  /* box shadow (Web Only) */
  --bds-shadow-l1: 0 0 4px 0 rgba(18, 18, 20, 0.1);
  --bds-shadow-l2: 0 0 24px 0 rgba(18, 18, 20, 0.1);
  --bds-focused-halo-brand: 0 0 0 5px var(--bds-brand-100-bg);
  --bds-focused-halo-green: 0 0 0 5px var(--bds-green-100-bg);
  --bds-focused-halo-red: 0 0 0 5px var(--bds-red-100-bg);
  /* underline */
  --bds-underline-dashed: 1px dashed #d5dae0;
  /* Tag Colors */
  --bds-tag-text-primary: #e18e12;
  --bds-tag-text-neutral: var(--bds-black);
  /* --bds-tag-bg-neutral-light */
  /* empty state */
  --bds-empty-svg-border: #595d61;
  --bds-empty-svg-line: #595d61;
  --bds-empty-svg-opacity: 1;
  --bds-empty-svg-filter-1: url('#filter0_i_2694_140312');
  /* Checkbox */
  --bds-checkbox-type-checked: var(--bds-static-white);
  /* hex to rgb */
  --bds-gray-ele-line-rgb: 243, 245, 247;
  /* non exist in design */
  --bds-black-white: #fff;
  /* Badge */
  --bds-badge-type-secondary-text-color: var(--bds-static-black);
  --bds-badge-type-secondary-bg-color: rgba(56, 68, 82, 0.06);
  --bds-badge-sup-type-secondary-text-color: #adb1b8;
  --bds-badge-sup-text-color: var(--bds-brand-900-text);
}
/* _base.css */
.cht-tr-register-page {
  /* Color */
  --bds-static-black: #121214;
  --bds-static-gray-popup: #595d61;
  --bds-static-white: #fff;
  --bds-static-border-color: #d9d9d9;
  /* new add */
  --bds-static-active-color: #d18400;
  /*
     * Typography
     */
  /* Fonts */
  --bds-font-family: 'IBM Plex Sans', system-ui, -apple-system,
    blinkmacsystemfont, 'Segoe UI', roboto, ubuntu;
  /* Font sizes */
  --bds-font-size-h0: 96px;
  --bds-font-size-h1: 64px;
  --bds-font-size-h2: 48px;
  --bds-font-size-h3: 40px;
  --bds-font-size-h4: 32px;
  --bds-font-size-24: 24px;
  --bds-font-size-20: 20px;
  --bds-font-size-18: 18px;
  --bds-font-size-16: 16px;
  --bds-font-size-14: 14px;
  --bds-font-size-12: 12px;
  --bds-font-size-10: 10px;
  /* scale */
  --bds-scale-80-pct: 0.8;
  /* Line Height */
  --bds-line-height-h0: 104px;
  --bds-line-height-h1: 74px;
  --bds-line-height-h2: 56px;
  --bds-line-height-h3: 48px;
  --bds-line-height-h4: 40px;
  --bds-line-height-24: 32px;
  --bds-line-height-20: 28px;
  --bds-line-height-18: 26px;
  --bds-line-height-16: 24px;
  --bds-line-height-14: 22px;
  --bds-line-height-12: 18px;
  --bds-line-height-10: 14px;
  --bds-line-height-8: 10px;
  /* Font weights */
  --bds-font-weight-regular: 400;
  --bds-font-weight-medium: 500;
  --bds-font-weight-semibold: 600;
  /* border radius */
  --bds-border-radius-4: 4px;
  --bds-border-radius-8: 8px;
  --bds-border-radius-round: 50%;
  /*
  * Switch
  */
  --bds-input-border-width: 1px;
  /* transition */
  --bds-transition-fast: 150ms;
  /* badge */
  --bds-badge-height: 24px;
  --bds-badge-height-small: 20px;
  --bds-badge-dot-size: 8px;
  --bds-badge-dot-size-small: 6px;
  --bds-badge-padding-horizontal: 8px;
  --bds-badge-padding-horizontal-small: 6px;
  --bds-badge-font-size: var(--bds-font-size-14);
  --bds-badge-font-size-small: var(--bds-font-size-12);
  --bds-badge-sup-text-color: var(--bds-brand-900-text);
  --bds-badge-bg-color: var(--bds-red-700-normal);
  --bds-badge-type-secondary-text-color: var(--bds-static-black);
  --bds-badge-type-secondary-bg-color: rgba(56, 68, 82, 0.06);
  --bds-badge-sup-type-secondary-text-color: #adb1b8;
  /* select */
  --bds-trans-hover: rgba(56, 68, 82, 0.06);
  /* vip */
  --bds-vip-default-gold: linear-gradient(90deg, #fed1ac 2.06%, #ff9c2e 16.67%, #c9690a 58.66%, #fed1ac 79.13%);
  --bds-vip-default-gold-tag: linear-gradient(90deg, #ffb05b 0%, #ee8f32 43.92%, #ffa644 79.13%);
  --bds-vip-default-silver: linear-gradient(90deg, #fff 0%, #939597 106.73%);
  --bds-non-vip: #adb1b8;
  --bds-vip1: linear-gradient(90deg, #fca5ac 0.11%, #ffdcdf 33.34%, #944547 66.57%, #fca5ac 99.79%);
  --bds-vip1-text: linear-gradient(90deg, #fca5ac 0.11%, #b16062 51.7%, #fca5ac 99.79%);
  --bds-vip2: linear-gradient(90deg, #bccfe2 0.11%, #fff 33.34%, #6e98c1 66.57%, #bccfe2 99.79%);
  --bds-vip2-text: linear-gradient(90deg, #bccfe2 0.11%, #7eadda 51.95%, #bccfe2 99.79%);
  --bds-vip3: linear-gradient(90deg, #00c86d 0.11%, #ddfff0 33.34%, #0e8d81 66.57%, #00c86d 99.79%);
  --bds-vip3-text: linear-gradient(90deg, #48ffac 0.11%, #1ebb74 50.95%, #48ffac 99.79%);
  --bds-vip4: linear-gradient(90deg, #ebb38b 0.11%, #ffecde 33.34%, #864218 66.57%, #ebb38b 99.79%);
  --bds-vip4-text: linear-gradient(90deg, #ebb38b 0.11%, #ce7842 53.44%, #ebb38b 99.79%);
  --bds-vip5: linear-gradient(90deg, #c69f58 0.11%, #ffeecf 33.34%, #a56f2a 66.57%, #c69f58 99.79%);
  --bds-vip5-text: linear-gradient(90deg, #fbcd79 0.11%, #cf9851 54.94%, #fbcd79 99.79%);
  --bds-vip-supreme: linear-gradient(90deg, #bcbcbc 0.11%, #f4f4f4 33.34%, #6b6b6b 66.57%, #bcbcbc 99.79%);
  --bds-vip-supreme-text: linear-gradient(90deg, #ddd 0.11%, #868686 52.94%, #ddd 99.79%);
}