:root {
  --cht-font-family: "Inter", system-ui, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;
  --bds-font-family: "Inter", system-ui, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;
}

:root,
:root.cht-login-register-light,
:root .cht-login-register-component-light,
:root.cht-login-register-dark .cht-login-register-component-light {
  color-scheme: light;
  /*
   * UED Custom Color Group
   */

  /* Text & Icon */
  --cht-gray-t1-title: #121214;
  --cht-gray-t2: #81858c;
  --cht-gray-t3: #adb1b8;
  --cht-gray-t4-dis: #d5dae0;
  --cht-gray-t1-title-revert: #fff;

  /* Element & Background */
  --cht-gray-ele-border: #e9edf2;
  --cht-gray-ele-line: #f3f5f7;
  --cht-gray-ele-edge: #f9fafb;
  --cht-gray-bg-page: #f5f7fa;
  --cht-gray-bg-area: #fff;
  --cht-gray-bg-card: #fff;
  --cht-gray-bg-float: #fff;
  --cht-trans-mask: rgb(56 58 61 / 60%);
  --cht-trans-hover: rgb(56 68 82 / 6%);

  /* brand color */
  --cht-brand-600-hover: #ffc35c;
  --cht-brand-700-normal: #f7a600;
  --cht-brand-800-pressed: #f0960e;
  --cht-brand-900-focus: #eb8d13;
  --cht-brand-900-text: #d6850d;
  --cht-brand-100-bg: rgb(247 166 0 / 12%);

  /* red */
  --cht-red-600-hover: #fc7272;
  --cht-red-700-normal: #ef454a;
  --cht-red-800-pressed: #cc3939;
  --cht-red-900-focus: #cc3939;
  --cht-red-100-bg: rgb(239 69 74 / 12%);

  /* green */
  --cht-green-600-hover: #41bf7e;
  --cht-green-700-normal: #20b26c;
  --cht-green-800-pressed: #00944f;
  --cht-green-900-focus: #00944f;
  --cht-green-100-bg: rgb(32 178 108 / 12%);

  /* gradient */
  --cht-gradient-reddish: linear-gradient(90deg, #f90 0%, #ff6a59 100%);
  --cht-gradient-brand: linear-gradient(97.12deg, #ffd748 0.93%, #f7a600 100%);
  --cht-gradient-tab-scroll-left: linear-gradient(270deg,
      rgba(255, 255, 255, 0%) 0%,
      #fff 100%);
  --cht-gradient-tab-scroll-right: linear-gradient(270deg,
      #fff 0%,
      rgba(255, 255, 255, 0%) 100%);

  /* box shadow (Web Only) */
  --cht-shadow-l1: 0 0 4px 0 rgba(18, 18, 20, 10%);
  --cht-shadow-l2: 0 0 24px 0 rgba(18, 18, 20, 10%);
  --cht-focused-halo-brand: 0 0 0 5px var(--cht-brand-100-bg);
  --cht-focused-halo-green: 0 0 0 5px var(--cht-green-100-bg);
  --cht-focused-halo-red: 0 0 0 5px var(--cht-red-100-bg);

  /* underline */
  --cht-underline-dashed: 1px dashed #d5dae0;

  /* Tag Colors */
  --cht-tag-text-primary: #e18e12;
  --cht-tag-text-neutral: var(--cht-black);

  /* --cht-tag-bg-neutral-light */

  /* empty state */
  --cht-empty-svg-border: #595d61;
  --cht-empty-svg-line: #595d61;
  --cht-empty-svg-opacity: 1;
  --cht-empty-svg-filter-1: url('#filter0_i_2694_140312');

  /* Checkbox */
  --cht-checkbox-type-checked: var(--cht-static-white);

  /* hex to rgb */
  --cht-gray-ele-line-rgb: 243, 245, 247;

  /* non exist in design */
  --cht-black-white: #fff;

  /* Badge */
  --cht-badge-type-secondary-text-color: var(--cht-static-black);
  --cht-badge-type-secondary-bg-color: rgba(56, 68, 82, 6%);
  --cht-badge-sup-type-secondary-text-color: #adb1b8;
  --cht-badge-sup-text-color: var(--cht-brand-900-text);
  --cht-gray-bg-page: #F5F7FA;
  --cht-alert-aff-bg: #e9edf2;
  --cht-modal-mask-bg: rgba(0, 0, 0, .2);
}

/* _base.css */
:root.cht-login-register-dark,
:root[cht-login-register-dark=true],
:root [cht-login-register-dark=true],
:root.cht-login-register-component-dark,
:root .cht-login-register-component-dark,
:root.cht-login-register-light .cht-login-register-component-dark {
  color-scheme: dark;

  /*
   * UED Custom Color Group
  */

  /* Text & Icon */
  --cht-gray-t1-title: #fff;
  --cht-gray-t2: #adb1b8;
  --cht-gray-t3: #71757a;
  --cht-gray-t4-dis: #595d61;
  --cht-gray-t1-title-revert: #121214;

  /* Element & Background */
  --cht-gray-ele-border: #404347;
  --cht-gray-ele-line: #25282c;
  --cht-gray-ele-edge: #1e2023;
  --cht-gray-bg-page: #000;
  --cht-gray-bg-area: #101014;
  --cht-gray-bg-card: #16171a;
  --cht-gray-bg-float: #333537;
  --cht-trans-mask: rgb(1 3 5 / 80%);
  --cht-trans-hover: rgb(192 210 231 / 12%);

  /* brand color */
  --cht-brand-600-hover: #ffc35c;
  --cht-brand-700-normal: #f7a600;
  --cht-brand-800-pressed: #f0960e;
  --cht-brand-900-focus: #f0960e;
  --cht-brand-900-text: #f7a600;
  --cht-brand-100-bg: rgb(247 166 0 / 16%);

  /* red */
  --cht-red-600-hover: #fc7272;
  --cht-red-700-normal: #ef454a;
  --cht-red-800-pressed: #cc3939;
  --cht-red-900-focus: #cc3939;
  --cht-red-100-bg: rgb(239 69 74 / 16%);

  /* green */
  --cht-green-600-hover: #41bf7e;
  --cht-green-700-normal: #20b26c;
  --cht-green-800-pressed: #00944f;
  --cht-green-900-focus: #00944f;
  --cht-green-100-bg: rgb(32 178 108 / 16%);

  /* gradient */
  --cht-gradient-reddish: linear-gradient(90deg, #f90 0%, #ff6a59 100%);
  --cht-gradient-brand: linear-gradient(133deg,
      #ffd748 -1.87%,
      #f7a600 101.87%);
  --cht-gradient-tab-scroll-left: linear-gradient(270deg,
      rgba(1, 1, 1, 0%) 0%,
      #010101 100%);
  --cht-gradient-tab-scroll-right: linear-gradient(270deg,
      #010101 0%,
      rgba(1, 1, 1, 0%) 100%);

  /* box shadow  (Web Only) */
  --cht-shadow-l1: 0 0 4px 0 rgba(18, 18, 20, 10%);
  --cht-shadow-l2: 0 0 24px 0 rgba(18, 18, 20, 10%);
  --cht-focused-halo-brand: 0 0 0 5px var(--cht-brand-100-bg);
  --cht-focused-halo-green: 0 0 0 5px var(--cht-green-100-bg);
  --cht-focused-halo-red: 0 0 0 5px var(--cht-red-100-bg);

  /* underline */
  --cht-underline-dashed: 1px dashed #595d61;

  /* Tag Colors */
  --cht-tag-text-primary: var(--cht-brand-700-normal);
  --cht-tag-text-neutral: var(--cht-static-white);

  /* empty */
  --cht-empty-svg-border: #71757a;
  --cht-empty-svg-line: #f7a600;
  --cht-empty-svg-opacity: 0.41;
  --cht-empty-svg-filter-1: url('#filter1_i_8929_6128');
  --cht-empty-svg-filter-0: url('#filter0_i_8929_6128');

  /* Checkbox */
  --cht-checkbox-type-checked: var(--cht-static-black);

  /* hex to rgb */
  --cht-gray-ele-line-rgb: 32, 33, 36;

  /* non exist in design */
  --cht-black-white: #000;

  /* Badge */
  --cht-badge-type-secondary-text-color: #fff;
  --cht-badge-type-secondary-bg-color: rgba(192, 210, 231, 12%);
  --cht-badge-sup-type-secondary-text-color: #71757a;
  --cht-badge-sup-text-color: #f7a600;
  --cht-alert-aff-bg: #25282c;
  --cht-modal-mask-bg: rgba(1, 3, 5, .8);
}

/* _base.css */
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  
}
.by-width {
    width: 100%
}
@media (min-width: 880px) {
    .by-width {
        width: 440px
    }
}
.cht-by-input {
    height: 48px;
    border-radius: 0.5rem;
    font-weight: 500
}
.by-input-text {
    display: flex;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 14px;
    line-height: 22px
}
.by-link-btn {
    font-weight: 600;
    color: var(--cht-brand-900-text)
}
.by-link-btn:hover {
    color: var(--cht-brand-600-hover)
}
.by-link-btn:active {
    color: var(--cht-brand-800-pressed)
}
.by-click-btn {
    display: flex;
    height: 40px;
    width: 40px;
    cursor: pointer;
    justify-content: center;
    border-radius: 0.5rem;
    border-width: 1px;
    border-style: solid;
    border-color: var(--cht-gray-t4-dis);
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--cht-gray-t1-title)
}
.by-click-btn:hover {
    background-color: rgba(56, 68, 82, 0.06)
}
.by-border-radius {
    border-radius: 0.75rem
}
@media (min-width: 600px) {
    .by-border-radius {
        border-radius: 1rem
    }
}
.by-header-padding {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px
}
@media (min-width: 600px) {
    .by-header-padding {
        padding-left: 24px;
        padding-right: 24px
    }
}
.by-header-model-padding {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px
}
@media (min-width: 600px) {
    .by-header-model-padding {
        padding-left: 24px;
        padding-right: 24px
    }
}
.by-border-padding {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 24px
}
@media (min-width: 600px) {
    .by-border-padding {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 24px;
        padding-bottom: 32px
    }
}
.by-border-model-padding {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 24px
}
@media (min-width: 600px) {
    .by-border-model-padding {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 24px;
        padding-bottom: 32px
    }
}
.by-btn-margin {
    margin-bottom: 16px
}
@media (min-width: 600px) {
    .by-btn-margin {
        margin-bottom: 20px
    }
}
.by-border-box {
    box-sizing: border-box
}
@media (min-width: 460px) {
    .by-border-box {
        box-sizing: content-box
    }
}

.by-close {
    top: 20px
}

[dir="ltr"] [dir="ltr"] .by-close {
    right: 24px
}

[dir="rtl"] [dir="ltr"] .by-close {
    left: 24px
}

[dir="rtl"] .by-close {
    left: 24px
}
.by-login-reg-layout {
    width: 100%
}
@media (min-width: 460px) {
    .by-login-reg-layout {
        max-width: 460px
    }
}
@media (min-width: 600px) {
    .by-login-reg-layout {
        max-width: 600px
    }
}
@media (min-width: 880px) {
    .by-login-reg-layout {
        max-width: 880px
    }
}
.by-login-reg-layout {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    max-width: 880px;
    font-size: 16px;
    line-height: 24px;
    color: var(--cht-gray-t1-title);
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}
@media (min-width: 460px) {
    .by-login-reg-layout {
        padding-left: 0px;
        padding-right: 0px
    }
}
@media (min-width: 880px) {
    .by-login-reg-layout {
        display: flex
    }
}
.by-login-reg-title {
    word-break: break-all;
    border-width: 0px;
    border-bottom-width: 1px;
    border-style: solid;
    border-bottom-color: var(--cht-gray-ele-line);
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: var(--cht-gray-t1-title)
}
@media (min-width: 600px) {
    .by-login-reg-title {
        font-size: 20px;
        line-height: 28px
    }
}

.by-login-reg-widget {
    margin-top: 16px;
    flex: 1 1 auto;
    flex-grow: 0;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between
}

[dir="ltr"] [dir="ltr"] .by-login-reg-widget {
    margin-left: 40px
}

[dir="rtl"] [dir="ltr"] .by-login-reg-widget {
    margin-right: 40px
}

[dir="rtl"] .by-login-reg-widget {
    margin-right: 40px
}
@media (min-width: 460px) {
    .by-login-reg-widget {
        margin-top: 0px
    }
}
@media (min-width: 880px) {
    .by-login-reg-widget {
        display: flex
    }
}
.cht-font-xss {
    font-size: 12px;
    line-height: 18px
}
.cht-pointer-events-none {
    pointer-events: none
}
.cht-absolute {
    position: absolute
}
.cht-relative {
    position: relative
}
.cht-top-8 {
    top: 32px
}

[dir="ltr"] [dir="ltr"] .cht-right-6 {
    right: 24px
}

[dir="rtl"] [dir="ltr"] .cht-right-6 {
    left: 24px
}

[dir="rtl"] .cht-right-6 {
    left: 24px
}

[dir="ltr"] [dir="ltr"] .cht-left-0 {
    left: 0px
}

[dir="rtl"] [dir="ltr"] .cht-left-0 {
    right: 0px
}

[dir="rtl"] .cht-left-0 {
    right: 0px
}

[dir="ltr"] [dir="ltr"] .cht-right-0 {
    right: 0px
}

[dir="rtl"] [dir="ltr"] .cht-right-0 {
    left: 0px
}

[dir="rtl"] .cht-right-0 {
    left: 0px
}

[dir="ltr"] [dir="ltr"] .cht-right-3 {
    right: 12px
}

[dir="rtl"] [dir="ltr"] .cht-right-3 {
    left: 12px
}

[dir="rtl"] .cht-right-3 {
    left: 12px
}

[dir="ltr"] [dir="ltr"] .cht-right-10 {
    right: 40px
}

[dir="rtl"] [dir="ltr"] .cht-right-10 {
    left: 40px
}

[dir="rtl"] .cht-right-10 {
    left: 40px
}
.cht-top-6 {
    top: 24px
}

[dir="ltr"] [dir="ltr"] .cht-right-8 {
    right: 32px
}

[dir="rtl"] [dir="ltr"] .cht-right-8 {
    left: 32px
}

[dir="rtl"] .cht-right-8 {
    left: 32px
}
.cht-bottom-\[20\%\] {
    bottom: 20%
}
.cht-bottom-0 {
    bottom: 0px
}
.cht-m-0 {
    margin: 0px
}
.cht-mx-8 {
    margin-left: 32px;
    margin-right: 32px
}
.cht-my-6 {
    margin-top: 24px;
    margin-bottom: 24px
}
.cht-mx-0 {
    margin-left: 0px;
    margin-right: 0px
}
.cht-mx-4 {
    margin-left: 16px;
    margin-right: 16px
}
.cht-my-\[24px\] {
    margin-top: 24px;
    margin-bottom: 24px
}
.cht-my-3 {
    margin-top: 12px;
    margin-bottom: 12px
}
.cht-my-4 {
    margin-top: 16px;
    margin-bottom: 16px
}
.cht-mx-6 {
    margin-left: 24px;
    margin-right: 24px
}
.cht-mx-\[44px\] {
    margin-left: 44px;
    margin-right: 44px
}

[dir="ltr"] [dir="ltr"] .cht-mr-5 {
    margin-right: 20px
}

[dir="rtl"] [dir="ltr"] .cht-mr-5 {
    margin-left: 20px
}

[dir="rtl"] .cht-mr-5 {
    margin-left: 20px
}

[dir="ltr"] [dir="ltr"] .cht-mr-1 {
    margin-right: 4px
}

[dir="rtl"] [dir="ltr"] .cht-mr-1 {
    margin-left: 4px
}

[dir="rtl"] .cht-mr-1 {
    margin-left: 4px
}
.cht-mt-0 {
    margin-top: 0px
}
.cht-mt-2 {
    margin-top: 8px
}
.cht-mb-6 {
    margin-bottom: 24px
}

[dir="ltr"] [dir="ltr"] .cht-ml-\[2px\] {
    margin-left: 2px
}

[dir="rtl"] [dir="ltr"] .cht-ml-\[2px\] {
    margin-right: 2px
}

[dir="rtl"] .cht-ml-\[2px\] {
    margin-right: 2px
}
.cht-mt-5 {
    margin-top: 20px
}
.cht-mt-12 {
    margin-top: 48px
}
.cht-mt-3 {
    margin-top: 12px
}
.cht-mt-1 {
    margin-top: 4px
}
.cht-mb-2 {
    margin-bottom: 8px
}

[dir="ltr"] [dir="ltr"] .cht-ml-2 {
    margin-left: 8px
}

[dir="rtl"] [dir="ltr"] .cht-ml-2 {
    margin-right: 8px
}

[dir="rtl"] .cht-ml-2 {
    margin-right: 8px
}

[dir="ltr"] [dir="ltr"] .cht-ml-1 {
    margin-left: 4px
}

[dir="rtl"] [dir="ltr"] .cht-ml-1 {
    margin-right: 4px
}

[dir="rtl"] .cht-ml-1 {
    margin-right: 4px
}

[dir="ltr"] [dir="ltr"] .cht-ml-4 {
    margin-left: 16px
}

[dir="rtl"] [dir="ltr"] .cht-ml-4 {
    margin-right: 16px
}

[dir="rtl"] .cht-ml-4 {
    margin-right: 16px
}
.cht-mb-4 {
    margin-bottom: 16px
}

[dir="ltr"] [dir="ltr"] .cht-ml-2\.5 {
    margin-left: 0.625rem
}

[dir="rtl"] [dir="ltr"] .cht-ml-2\.5 {
    margin-right: 0.625rem
}

[dir="rtl"] .cht-ml-2\.5 {
    margin-right: 0.625rem
}
.cht-mt-\[21px\] {
    margin-top: 21px
}
.cht-mb-3 {
    margin-bottom: 12px
}
.cht-mt-\[-9px\] {
    margin-top: -9px
}

[dir="ltr"] [dir="ltr"] .cht-mr-\[6px\] {
    margin-right: 6px
}

[dir="rtl"] [dir="ltr"] .cht-mr-\[6px\] {
    margin-left: 6px
}

[dir="rtl"] .cht-mr-\[6px\] {
    margin-left: 6px
}

[dir="ltr"] [dir="ltr"] .cht-mr-\[-16px\] {
    margin-right: -16px
}

[dir="rtl"] [dir="ltr"] .cht-mr-\[-16px\] {
    margin-left: -16px
}

[dir="rtl"] .cht-mr-\[-16px\] {
    margin-left: -16px
}
.cht-mt-6 {
    margin-top: 24px
}
.cht-mt-8 {
    margin-top: 32px
}
.cht-mt-4 {
    margin-top: 16px
}

[dir="ltr"] [dir="ltr"] .cht-ml-\[24px\] {
    margin-left: 24px
}

[dir="rtl"] [dir="ltr"] .cht-ml-\[24px\] {
    margin-right: 24px
}

[dir="rtl"] .cht-ml-\[24px\] {
    margin-right: 24px
}
.cht-box-border {
    box-sizing: border-box
}
.cht-block {
    display: block
}
.cht-flex {
    display: flex
}
.cht-inline-flex {
    display: inline-flex
}
.cht-grid {
    display: grid
}
.cht-hidden {
    display: none
}
.cht-h-10 {
    height: 40px
}
.cht-h-\[48px\] {
    height: 48px
}
.cht-h-\[24px\] {
    height: 24px
}
.cht-h-\[18px\] {
    height: 18px
}
.cht-h-\[22px\] {
    height: 22px
}
.cht-h-fit {
    height: -moz-fit-content;
    height: fit-content
}
.cht-h-12 {
    height: 48px
}
.cht-h-\[28px\] {
    height: 28px
}
.cht-h-\[17px\] {
    height: 17px
}
.cht-h-\[20px\] {
    height: 20px
}
.cht-h-\[548px\] {
    height: 548px
}
.cht-h-\[440px\] {
    height: 440px
}
.cht-h-\[40px\] {
    height: 40px
}
.cht-h-screen {
    height: 100vh
}
.cht-h-\[182px\] {
    height: 182px
}
.cht-h-\[43px\] {
    height: 43px
}
.cht-h-full {
    height: 100%
}
.cht-h-\[64px\] {
    height: 64px
}
.cht-min-h-0 {
    min-height: 0px
}
.cht-min-h-1 {
    min-height: 86px
}
.cht-min-h-5 {
    min-height: 430px
}
.cht-min-h-\[16px\] {
    min-height: 16px
}
.cht-min-h-\[32px\] {
    min-height: 32px
}
.cht-min-h-\[730px\] {
    min-height: 730px
}
.cht-min-h-\[540px\] {
    min-height: 540px
}
.cht-w-6 {
    width: 480px
}
.cht-w-5 {
    width: 400px
}
.cht-w-full {
    width: 100%
}
.cht-w-auto {
    width: auto
}
.cht-w-\[48px\] {
    width: 48px
}
.cht-w-\[24px\] {
    width: 24px
}
.cht-w-10 {
    width: 40px
}
.cht-w-\[18px\] {
    width: 18px
}
.cht-w-\[22px\] {
    width: 22px
}
.cht-w-\[28px\] {
    width: 28px
}
.cht-w-\[17px\] {
    width: 17px
}
.cht-w-\[21px\] {
    width: 21px
}
.cht-w-\[400px\] {
    width: 400px
}
.cht-w-\[200px\] {
    width: 200px
}
.cht-w-\[50px\] {
    width: 50px
}
.cht-w-\[150px\] {
    width: 150px
}
.cht-w-\[40px\] {
    width: 40px
}
.cht-w-screen {
    width: 100vw
}
.cht-w-\[304px\] {
    width: 304px
}
.cht-w-max {
    width: -moz-max-content;
    width: max-content
}
.cht-w-\[64px\] {
    width: 64px
}
.cht-w-\[206px\] {
    width: 206px
}
.cht-w-\[244px\] {
    width: 244px
}
.cht-min-w-\[380px\] {
    min-width: 380px
}
.cht-min-w-\[72px\] {
    min-width: 72px
}
.cht-flex-auto {
    flex: 1 1 auto
}
.cht-flex-1 {
    flex: 1 1
}
.cht-shrink-0 {
    flex-shrink: 0
}
.cht-cursor-pointer {
    cursor: pointer
}
.cht-flex-row {
    flex-direction: row
}
.cht-flex-col {
    flex-direction: column
}
.cht-flex-wrap {
    flex-wrap: wrap
}
.cht-items-start {
    align-items: flex-start
}
.cht-items-end {
    align-items: flex-end
}
.cht-items-center {
    align-items: center
}
.cht-justify-end {
    justify-content: flex-end
}
.cht-justify-center {
    justify-content: center
}
.cht-justify-between {
    justify-content: space-between
}
.cht-justify-items-stretch {
    justify-items: stretch
}
.cht-gap-1 {
    gap: 4px
}
.cht-gap-6 {
    gap: 24px
}
.cht-gap-5 {
    gap: 20px
}
.cht-gap-4 {
    gap: 16px
}
.cht-gap-2 {
    gap: 8px
}
.cht-gap-3 {
    gap: 12px
}
.cht-gap-\[6px\] {
    gap: 6px
}
.cht-gap-\[2px\] {
    gap: 2px
}
.cht-gap-10 {
    gap: 40px
}
.cht-gap-x-1 {
    -moz-column-gap: 4px;
         column-gap: 4px
}
.cht-gap-x-4 {
    -moz-column-gap: 16px;
         column-gap: 16px
}
.cht-gap-x-10 {
    -moz-column-gap: 40px;
         column-gap: 40px
}
.cht-gap-x-6 {
    -moz-column-gap: 24px;
         column-gap: 24px
}

.cht-space-x-\[26px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0
}

[dir="ltr"] [dir="ltr"] .cht-space-x-\[26px\] > :not([hidden]) ~ :not([hidden]) {
    margin-right: calc(26px * var(--tw-space-x-reverse));
    margin-left: calc(26px * calc(1 - var(--tw-space-x-reverse)))
}

[dir="rtl"] [dir="ltr"] .cht-space-x-\[26px\] > :not([hidden]) ~ :not([hidden]) {
    margin-left: calc(26px * var(--tw-space-x-reverse));
    margin-right: calc(26px * calc(1 - var(--tw-space-x-reverse)))
}

[dir="rtl"] .cht-space-x-\[26px\] > :not([hidden]) ~ :not([hidden]) {
    margin-left: calc(26px * var(--tw-space-x-reverse));
    margin-right: calc(26px * calc(1 - var(--tw-space-x-reverse)))
}

.cht-space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0
}

[dir="ltr"] [dir="ltr"] .cht-space-x-3 > :not([hidden]) ~ :not([hidden]) {
    margin-right: calc(12px * var(--tw-space-x-reverse));
    margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)))
}

[dir="rtl"] [dir="ltr"] .cht-space-x-3 > :not([hidden]) ~ :not([hidden]) {
    margin-left: calc(12px * var(--tw-space-x-reverse));
    margin-right: calc(12px * calc(1 - var(--tw-space-x-reverse)))
}

[dir="rtl"] .cht-space-x-3 > :not([hidden]) ~ :not([hidden]) {
    margin-left: calc(12px * var(--tw-space-x-reverse));
    margin-right: calc(12px * calc(1 - var(--tw-space-x-reverse)))
}

.cht-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0
}

[dir="ltr"] [dir="ltr"] .cht-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    margin-right: calc(8px * var(--tw-space-x-reverse));
    margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)))
}

[dir="rtl"] [dir="ltr"] .cht-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    margin-left: calc(8px * var(--tw-space-x-reverse));
    margin-right: calc(8px * calc(1 - var(--tw-space-x-reverse)))
}

[dir="rtl"] .cht-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    margin-left: calc(8px * var(--tw-space-x-reverse));
    margin-right: calc(8px * calc(1 - var(--tw-space-x-reverse)))
}
.cht-self-center {
    align-self: center
}
.cht-overflow-hidden {
    overflow: hidden
}
.cht-break-normal {
    overflow-wrap: normal;
    word-break: normal
}
.cht-break-all {
    word-break: break-all
}
.cht-rounded-none {
    border-radius: 0px
}
.cht-rounded-\[8px\] {
    border-radius: 8px
}
.cht-rounded-\[12px\] {
    border-radius: 12px
}
.cht-rounded-lg {
    border-radius: 0.5rem
}
.cht-rounded-2xl {
    border-radius: 1rem
}
.cht-rounded-xl {
    border-radius: 0.75rem
}
.cht-rounded {
    border-radius: 0.25rem
}
.cht-rounded-\[4px\] {
    border-radius: 4px
}
.cht-rounded-\[16px\] {
    border-radius: 16px
}
.cht-rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}
.cht-border {
    border-width: 1px
}
.cht-border-2 {
    border-width: 2px
}
.cht-border-0 {
    border-width: 0px
}
.cht-border-t {
    border-top-width: 1px
}
.cht-border-b {
    border-bottom-width: 1px
}
.cht-border-solid {
    border-style: solid
}
.cht-border-none {
    border-style: none
}
.cht-border-line-gray {
    border-color: var(--cht-gray-ele-line)
}
.cht-border-transparent {
    border-color: transparent
}
.cht-border-\[\#ff493d\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 73 61 / var(--tw-border-opacity))
}
.cht-border-error-color {
    border-color: var(--cht-red-900-focus)
}
.cht-border-t-line-gray {
    border-top-color: var(--cht-gray-ele-line)
}
.cht-border-b-line-gray {
    border-bottom-color: var(--cht-gray-ele-line)
}
.cht-bg-modal-bg {
    background-color: var(--cht-gray-bg-card)
}
.cht-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cht-bg-inputbg {
    background-color: var(--cht-gray-ele-line)
}
.cht-bg-bgcolor {
    background-color: var(--cht-gray-t1-title-revert)
}
.cht-bg-input-bg {
    background-color: var(--cht-gray-ele-line)
}
.cht-bg-transparent {
    background-color: transparent
}
.cht-p-0 {
    padding: 0px
}
.cht-p-5 {
    padding: 20px
}
.cht-p-8 {
    padding: 32px
}
.cht-p-10 {
    padding: 40px
}
.cht-p-4 {
    padding: 16px
}
.cht-p-2 {
    padding: 8px
}
.cht-px-0 {
    padding-left: 0px;
    padding-right: 0px
}
.cht-py-4 {
    padding-top: 16px;
    padding-bottom: 16px
}
.cht-px-8 {
    padding-left: 32px;
    padding-right: 32px
}
.cht-px-4 {
    padding-left: 16px;
    padding-right: 16px
}
.cht-py-3 {
    padding-top: 12px;
    padding-bottom: 12px
}
.cht-py-6 {
    padding-top: 24px;
    padding-bottom: 24px
}
.cht-py-\[9px\] {
    padding-top: 9px;
    padding-bottom: 9px
}
.cht-py-2 {
    padding-top: 8px;
    padding-bottom: 8px
}
.cht-py-\[7px\] {
    padding-top: 7px;
    padding-bottom: 7px
}
.cht-px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px
}
.cht-px-6 {
    padding-left: 24px;
    padding-right: 24px
}
.cht-px-1 {
    padding-left: 4px;
    padding-right: 4px
}
.cht-px-3 {
    padding-left: 12px;
    padding-right: 12px
}
.cht-px-5 {
    padding-left: 20px;
    padding-right: 20px
}
.cht-px-\[44px\] {
    padding-left: 44px;
    padding-right: 44px
}
.cht-px-\[36px\] {
    padding-left: 36px;
    padding-right: 36px
}
.cht-pt-\[80px\] {
    padding-top: 80px
}
.cht-pt-\[10px\] {
    padding-top: 10px
}
.cht-pt-1 {
    padding-top: 4px
}
.cht-pt-\[0px\] {
    padding-top: 0px
}

[dir="ltr"] [dir="ltr"] .cht-pr-2 {
    padding-right: 8px
}

[dir="rtl"] [dir="ltr"] .cht-pr-2 {
    padding-left: 8px
}

[dir="rtl"] .cht-pr-2 {
    padding-left: 8px
}

[dir="ltr"] [dir="ltr"] .cht-pl-1 {
    padding-left: 4px
}

[dir="rtl"] [dir="ltr"] .cht-pl-1 {
    padding-right: 4px
}

[dir="rtl"] .cht-pl-1 {
    padding-right: 4px
}
.cht-pb-8 {
    padding-bottom: 32px
}
.cht-pt-0\.5 {
    padding-top: 0.125rem
}
.cht-pt-0 {
    padding-top: 0px
}
.cht-pb-3 {
    padding-bottom: 12px
}
.cht-pt-\[38px\] {
    padding-top: 38px
}

[dir="ltr"] [dir="ltr"] .cht-pl-2 {
    padding-left: 8px
}

[dir="rtl"] [dir="ltr"] .cht-pl-2 {
    padding-right: 8px
}

[dir="rtl"] .cht-pl-2 {
    padding-right: 8px
}

[dir="ltr"] [dir="ltr"] .cht-pr-1 {
    padding-right: 4px
}

[dir="rtl"] [dir="ltr"] .cht-pr-1 {
    padding-left: 4px
}

[dir="rtl"] .cht-pr-1 {
    padding-left: 4px
}
.cht-pb-10 {
    padding-bottom: 40px
}
.cht-pb-0 {
    padding-bottom: 0px
}

[dir="ltr"] [dir="ltr"] .cht-text-left {
    text-align: left
}

[dir="rtl"] [dir="ltr"] .cht-text-left {
    text-align: right
}

[dir="rtl"] .cht-text-left {
    text-align: right
}
.cht-text-center {
    text-align: center
}

[dir="ltr"] [dir="ltr"] .cht-text-right {
    text-align: right
}

[dir="rtl"] [dir="ltr"] .cht-text-right {
    text-align: left
}

[dir="rtl"] .cht-text-right {
    text-align: left
}
.cht-text-base {
    font-size: 16px;
    line-height: 24px
}
.cht-text-sm {
    font-size: 14px;
    line-height: 22px
}
.cht-text-xs {
    font-size: 12px;
    line-height: 16px
}
.cht-text-2xl {
    font-size: 24px;
    line-height: 32px
}
.cht-text-\[14px\] {
    font-size: 14px
}
.cht-text-\[12px\] {
    font-size: 12px
}
.cht-text-\[16px\] {
    font-size: 16px
}
.cht-text-\[40px\] {
    font-size: 40px
}
.cht-text-lg {
    font-size: 18px;
    line-height: 26px
}
.cht-text-\[24px\] {
    font-size: 24px
}
.cht-font-semibold {
    font-weight: 600
}
.cht-font-medium {
    font-weight: 500
}
.cht-font-normal {
    font-weight: 400
}
.cht-font-bold {
    font-weight: 700
}
.cht-leading-\[18px\] {
    line-height: 18px
}
.cht-leading-\[22px\] {
    line-height: 22px
}
.cht-leading-none {
    line-height: 1
}
.cht-text-title-black {
    color: var(--cht-gray-t1-title)
}
.cht-text-base {
    color: var(--cht-gray-t1-title)
}
.cht-text-tab-gray {
    color: var(--cht-gray-t2)
}
.cht-text-primary-yellow {
    color: var(--cht-brand-700-normal)
}
.cht-text-base-color {
    color: var(--cht-gray-t1-title)
}
.cht-text-\[\#ADB1B8\] {
    --tw-text-opacity: 1;
    color: rgb(173 177 184 / var(--tw-text-opacity))
}
.cht-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}
.cht-text-link {
    color: var(--cht-brand-900-text)
}
.cht-text-\[\#121212\] {
    --tw-text-opacity: 1;
    color: rgb(18 18 18 / var(--tw-text-opacity))
}
.cht-text-error-text {
    color: var(--cht-red-700-normal)
}
.cht-text-placeholder-color {
    color: var(--cht-gray-t2)
}
.cht-text-primary-color {
    --tw-text-opacity: 1;
    color: rgb(225 142 18 / var(--tw-text-opacity))
}
.cht-text-\[\#ff493d\] {
    --tw-text-opacity: 1;
    color: rgb(255 73 61 / var(--tw-text-opacity))
}
.cht-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.cht-underline {
    text-decoration-line: underline
}
.cht-outline-0 {
    outline-width: 0px
}
.cht-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.cht-ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.\[key\:string\] {
    key: string
}
.placeholder\:cht-text-base::-moz-placeholder {
    font-size: 16px;
    line-height: 24px
}
.placeholder\:cht-text-base::placeholder {
    font-size: 16px;
    line-height: 24px
}
.placeholder\:cht-font-normal::-moz-placeholder {
    font-weight: 400
}
.placeholder\:cht-font-normal::placeholder {
    font-weight: 400
}
.placeholder\:cht-text-base::-moz-placeholder {
    color: var(--cht-gray-t1-title)
}
.placeholder\:cht-text-base::placeholder {
    color: var(--cht-gray-t1-title)
}
.placeholder\:cht-text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.placeholder\:cht-text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.placeholder\:cht-text-placeholder-color::-moz-placeholder {
    color: var(--cht-gray-t2)
}
.placeholder\:cht-text-placeholder-color::placeholder {
    color: var(--cht-gray-t2)
}
.focus-within\:cht-border-2:focus-within {
    border-width: 2px
}
.focus-within\:cht-border-solid:focus-within {
    border-style: solid
}
.focus-within\:cht-border-\[var\(--cht-brand-700-normal\)\]:focus-within {
    border-color: var(--cht-brand-700-normal)
}
@media (min-width: 460px) {
    .xs\:cht-flex {
        display: flex
    }
}
@media (min-width: 600px) {
    .sm\:cht-m-0 {
        margin: 0px
    }
    .sm\:cht-mx-\[0px\] {
        margin-left: 0px;
        margin-right: 0px
    }
    .sm\:cht-mx-0 {
        margin-left: 0px;
        margin-right: 0px
    }
    .sm\:cht-my-\[32px\] {
        margin-top: 32px;
        margin-bottom: 32px
    }
    .sm\:cht-mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .sm\:cht-my-4 {
        margin-top: 16px;
        margin-bottom: 16px
    }
    .sm\:cht-mb-8 {
        margin-bottom: 32px
    }
    .sm\:cht-mt-6 {
        margin-top: 24px
    }
    .sm\:cht-mt-5 {
        margin-top: 20px
    }
    .sm\:cht-mb-4 {
        margin-bottom: 16px
    }
    .sm\:cht-mt-\[27px\] {
        margin-top: 27px
    }
    .sm\:cht-mt-\[-11px\] {
        margin-top: -11px
    }
    .sm\:cht-mb-6 {
        margin-bottom: 24px
    }
    .sm\:cht-block {
        display: block
    }
    .sm\:cht-h-12 {
        height: 48px
    }
    .sm\:cht-min-h-5 {
        min-height: 430px
    }
    .sm\:cht-w-6 {
        width: 480px
    }
    .sm\:cht-w-auto {
        width: auto
    }
    .sm\:cht-gap-x-10 {
        -moz-column-gap: 40px;
             column-gap: 40px
    }
    .sm\:cht-rounded-\[16px\] {
        border-radius: 16px
    }
    .sm\:cht-p-5 {
        padding: 20px
    }
    .sm\:cht-py-5 {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .sm\:cht-py-3 {
        padding-top: 12px;
        padding-bottom: 12px
    }
    .sm\:cht-px-4 {
        padding-left: 16px;
        padding-right: 16px
    }
    .sm\:cht-pb-4 {
        padding-bottom: 16px
    }
    .sm\:cht-text-base {
        font-size: 16px;
        line-height: 24px
    }
    .sm\:cht-text-sm {
        font-size: 14px;
        line-height: 22px
    }
    .sm\:cht-text-2xl {
        font-size: 24px;
        line-height: 32px
    }
    .sm\:cht-text-base {
        color: var(--cht-gray-t1-title)
    }
}
@media (min-width: 880px) {
    .md\:cht-mx-\[auto\] {
        margin-left: auto;
        margin-right: auto
    }
    .md\:cht-block {
        display: block
    }
    .md\:cht-w-\[480px\] {
        width: 480px
    }
    .md\:cht-min-w-\[420px\] {
        min-width: 420px
    }
    .md\:cht-flex-row {
        flex-direction: row
    }
    .md\:cht-items-start {
        align-items: flex-start
    }
}