.otp-page[data-v-641a68ed]{--otp-accent:linear-gradient(180deg,#9c67e5,#6f37c8);--otp-accent-text:#fff;--otp-field-border:#dec9fe;--otp-field-bg:#fff;--otp-muted:#6e6381;--otp-panel:#fff;--otp-header:#fff;color:#000;background-color:#fff;background-image:-webkit-linear-gradient(0deg,#ffffff4d,#fff 15.125rem),-webkit-image-set(url(../images/otp/h5-light-background.png.webp) 1x type("image/webp"),url(../images/otp/h5-light-background.png) 1x type("image/png"));background-image:linear-gradient(#ffffff4d,#fff 15.125rem),image-set("/images/otp/h5-light-background.png.webp" 1x type("image/webp"),"/images/otp/h5-light-background.png" 1x type("image/png"));background-position:top;background-repeat:no-repeat;background-size:100% 15.125rem;min-height:100dvh;position:relative;overflow:hidden}.otp-page.is-dark[data-v-641a68ed]{--otp-accent:linear-gradient(90deg,#835f2b,#c19849 53.365%,#835f2b);--otp-accent-text:#fff;--otp-field-border:#353535;--otp-field-bg:#000;--otp-muted:#949494;--otp-panel:#1d1b1c;--otp-header:linear-gradient(180deg,#342c24,#26221c);color:#fff;background-color:#000;background-image:linear-gradient(#00000080,#000 18.0625rem),url(../images/otp/h5-dark-background.png);background-position:top;background-size:100% 18.0625rem}.otp-backdrop[data-v-641a68ed],.otp-desktop-scene[data-v-641a68ed]{display:none}.otp-shell[data-v-641a68ed]{z-index:1;min-height:100dvh;position:relative}.otp-header[data-v-641a68ed]{width:min(100%,26.875rem);height:5.75rem;padding:env(safe-area-inset-top) .875rem 0;grid-template-columns:3rem 1fr 3rem;align-items:center;margin:0 auto;display:grid;position:relative}.otp-header h1[data-v-641a68ed]{text-align:center;margin:0;font-size:1.125rem;font-weight:700;line-height:1.25}.otp-back[data-v-641a68ed]{color:#8352d0;background:0 0!important}.is-dark .otp-back[data-v-641a68ed]{color:#d7c092}.otp-back[data-v-641a68ed] .iconify,.otp-back[data-v-641a68ed] svg{width:1.875rem;height:1.875rem}.otp-dismiss[data-v-641a68ed]{display:none}.otp-content[data-v-641a68ed]{width:min(100%,26.875rem);min-height:calc(100dvh - 5.75rem);padding:0 .9375rem calc(2.3125rem + env(safe-area-inset-bottom));margin:0 auto}.otp-form[data-v-641a68ed]{min-height:calc(100dvh - 8.0625rem - env(safe-area-inset-top));flex-direction:column;display:flex}.otp-qr-card[data-v-641a68ed]{background:#fff;border:.5px solid #dec8ff;border-radius:.75rem;align-content:start;justify-items:center;gap:.5rem;height:11rem;padding:.625rem 1rem .75rem;display:grid;box-shadow:0 .125rem .25rem #dec8ffcc}.is-dark .otp-qr-card[data-v-641a68ed]{box-shadow:none;background:linear-gradient(#221712,#0e0807);border-color:#c6a975}.otp-qr-card>p[data-v-641a68ed]{color:#6e6381;text-align:center;margin:0;font-size:.8125rem;font-weight:500;line-height:1.7}.is-dark .otp-qr-card>p[data-v-641a68ed]{color:#c6a975}.otp-qr-image[data-v-641a68ed]{aspect-ratio:1;background:#fff;border:.5px solid #dec8ff;border-radius:.5rem;width:7.6875rem;padding:.125rem}.otp-qr-image img[data-v-641a68ed]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.otp-qr-missing[data-v-641a68ed]{aspect-ratio:1;color:#8a7d9e;text-align:center;place-content:center;justify-items:center;gap:.625rem;width:7.6875rem;display:grid}.otp-qr-missing svg[data-v-641a68ed]{width:3.25rem;height:3.25rem}.otp-field[data-v-641a68ed]{color:#000;gap:.5rem;font-size:.875rem;font-weight:500;display:grid}.otp-field+.otp-field[data-v-641a68ed],.otp-qr-card+.otp-field[data-v-641a68ed]{margin-top:1rem}.is-dark .otp-field[data-v-641a68ed]{color:#fff}.otp-code[data-v-641a68ed]{width:100%}.otp-code[data-v-641a68ed] [data-slot=base]{border:.5px solid var(--otp-field-border);height:2.75rem;color:var(--otp-muted);background:var(--otp-field-bg);box-shadow:none;border-radius:62.4375rem;padding-left:.5rem}.otp-code[data-v-641a68ed] input{padding-left:3rem!important}.is-dark .otp-code[data-v-641a68ed] [data-slot=base]{border-radius:.75rem}.otp-code-icon[data-v-641a68ed]{place-items:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.otp-code-icon-bg[data-v-641a68ed]{width:2.25rem;height:2.25rem;position:absolute;inset:0}.otp-code-icon-shield[data-v-641a68ed]{z-index:1;width:1rem;height:1.25rem;position:relative}.otp-secret-row[data-v-641a68ed]{gap:.625rem}.otp-secret[data-v-641a68ed],.otp-secret-row[data-v-641a68ed]{align-items:center;display:flex}.otp-secret[data-v-641a68ed]{box-sizing:border-box;color:#6e6381;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:.5px solid #dec8ff;border-radius:62.4375rem;flex:1;min-width:0;height:2.75rem;padding:0 .875rem;overflow:hidden}.is-dark .otp-secret[data-v-641a68ed]{color:#949494;background:#000;border-color:#353535;border-radius:.75rem}.otp-secret code[data-v-641a68ed]{overflow-wrap:anywhere;min-width:0}.otp-copy[data-v-641a68ed]{border:.5px solid var(--otp-field-border);color:#fff;border-radius:50em;flex:0 0 4.9375rem;justify-content:center;width:4.9375rem;height:2.75rem;box-shadow:0 .125rem .1875rem #dec8ffcc;background:var(--otp-accent)!important}.is-dark .otp-copy[data-v-641a68ed]{color:#fff;border-color:#ffeb92;border-radius:50em;box-shadow:0 .125rem .1875rem #000}.otp-tip[data-v-641a68ed]{color:#42305f;background:#fbf7ff;border:.5px solid #dec8ff;border-radius:.625rem;margin-top:1.75rem;padding:.875rem .9375rem;box-shadow:0 .125rem .25rem #dec8ffcc}.otp-tip p[data-v-641a68ed]{color:#6e6381;margin:.25rem 0 0;font-size:.8125rem;line-height:1.7}.is-dark .otp-tip[data-v-641a68ed]{color:#fff;box-shadow:none;background:#241f28;border:0}.is-dark .otp-tip p[data-v-641a68ed]{color:#c6a975}.otp-error[data-v-641a68ed]{color:#ef4444;text-align:center;margin:.75rem 0 0;font-size:.8125rem}.otp-actions[data-v-641a68ed]{width:min(21.625rem,100% - 1.625rem);margin:auto auto 0}.is-verify .otp-field[data-v-641a68ed]{margin-top:1.875rem}.is-verify .otp-actions[data-v-641a68ed]{margin-top:1.375rem}.otp-submit[data-v-641a68ed]{height:2.75rem;color:var(--otp-accent-text);border:0;border-radius:62.4375rem;font-size:1.125rem;font-weight:700;box-shadow:inset 0 1.5px #ffffff80,0 .125rem .1875rem #dec8ffcc;background:var(--otp-accent)!important}.is-dark .otp-submit[data-v-641a68ed]{border:.5px solid #ffeb92;box-shadow:0 .125rem .1875rem #000}@media (width>=768px){.otp-page[data-v-641a68ed]{background:#fff;place-items:center;padding:1.5rem;display:grid}.otp-page.is-dark[data-v-641a68ed]{background:#130d12}.otp-desktop-scene[data-v-641a68ed]{grid-template-columns:59% 41%;display:grid;position:fixed;inset:0}.otp-scene-brand[data-v-641a68ed]{background:#f7f1ff -webkit-image-set(url(../images/auth/pc-light-hero.png.webp) 1x type("image/webp"),url(../images/auth/pc-light-hero.png) 1x type("image/png")) 50%/cover no-repeat;background:#f7f1ff image-set("/images/auth/pc-light-hero.png.webp" 1x type("image/webp"),"/images/auth/pc-light-hero.png" 1x type("image/png")) 50%/cover no-repeat}.otp-scene-form[data-v-641a68ed]{background:#fff -webkit-image-set(url(../images/auth/pc-light-side.png.webp) 1x type("image/webp"),url(../images/auth/pc-light-side.png) 1x type("image/png")) 50%/cover no-repeat;background:#fff image-set("/images/auth/pc-light-side.png.webp" 1x type("image/webp"),"/images/auth/pc-light-side.png" 1x type("image/png")) 50%/cover no-repeat;place-items:center;padding:8vh 4vw;display:grid}.is-dark .otp-scene-brand[data-v-641a68ed]{background-color:#080509;background-image:url(../images/auth/pc-dark-hero.png)}.is-dark .otp-scene-form[data-v-641a68ed]{background-color:#181217;background-image:url(../images/auth/pc-dark-side.png)}.otp-login-ghost[data-v-641a68ed]{background:#ffffffc7;border:1px solid #dec9fea6;border-radius:1.5rem;gap:1.75rem;width:min(29.375rem,80%);padding:3.5rem 2.625rem;display:grid;box-shadow:0 1.125rem 3rem #5b378f1f}.is-dark .otp-login-ghost[data-v-641a68ed]{background:#1d1b1cc7;border-color:#baab8e6b}.otp-login-ghost span[data-v-641a68ed]{border:1px solid #dec9fea6;border-radius:62.4375rem;height:3.625rem}.is-dark .otp-login-ghost span[data-v-641a68ed]{background:#0000006b;border-color:#353535}.otp-backdrop[data-v-641a68ed]{background:#0003;display:block;position:fixed;inset:0}.otp-shell[data-v-641a68ed]{background:var(--otp-panel);border:1px solid #dec9fe;border-radius:.9375rem;flex-direction:column;width:min(43.25rem,100vw - 3rem);min-height:0;max-height:calc(100dvh - 3rem);display:flex;overflow:hidden auto;box-shadow:0 1rem 3.125rem #45237547}.is-bind .otp-shell[data-v-641a68ed]{height:min(51.375rem,100dvh - 3rem)}.is-verify .otp-shell[data-v-641a68ed]{height:min(38.9375rem,100dvh - 3rem)}.is-dark .otp-shell[data-v-641a68ed]{border-color:#baab8e;box-shadow:0 1rem 3.125rem #00000073}.otp-header[data-v-641a68ed]{background:var(--otp-header);border-bottom:1px solid #dec9fe;grid-template-columns:3rem 1fr 3rem;width:100%;height:4.5rem;min-height:4.5rem;padding:0 1.375rem}.is-dark .otp-header[data-v-641a68ed]{border-bottom-color:#6a593f}.otp-header h1[data-v-641a68ed]{color:#8352d0;font-size:1.375rem}.is-dark .otp-header h1[data-v-641a68ed]{color:#d7c092}.otp-back[data-v-641a68ed]{visibility:hidden;pointer-events:none;display:inline-flex}.otp-dismiss[data-v-641a68ed]{justify-content:center;width:2.5rem;height:2.5rem;display:inline-flex;position:absolute;top:50%;right:1.375rem;transform:translateY(-50%)}.is-dark .otp-dismiss[data-v-641a68ed]{color:#d7c092}.otp-dismiss[data-v-641a68ed] svg{width:1.5625rem;height:1.5625rem}.otp-content[data-v-641a68ed]{flex:1;width:100%;min-height:0;padding:2.125rem 3.5rem 2.5rem}.otp-form[data-v-641a68ed]{min-height:100%}.otp-qr-card[data-v-641a68ed]{grid-template-rows:auto 5.75rem;grid-template-columns:1fr;align-content:center;place-items:center;gap:.5rem;height:9.875rem;padding:.625rem 1.5rem}.otp-qr-card>p[data-v-641a68ed]{text-align:center;font-size:.875rem}.otp-qr-image[data-v-641a68ed],.otp-qr-missing[data-v-641a68ed]{width:5.75rem}.otp-qr-card+.otp-field[data-v-641a68ed]{margin-top:1.75rem}.otp-field[data-v-641a68ed]{gap:.75rem;font-size:1rem}.otp-field+.otp-field[data-v-641a68ed]{margin-top:1.5rem}.otp-code[data-v-641a68ed] [data-slot=base],.otp-copy[data-v-641a68ed],.otp-secret[data-v-641a68ed]{height:3.625rem}.otp-copy[data-v-641a68ed]{box-sizing:border-box;width:7rem;min-height:3.625rem;box-shadow:none;flex-basis:7rem;padding-top:0;padding-bottom:0;font-size:1.125rem;font-weight:600}.otp-tip[data-v-641a68ed]{min-height:6.9375rem;margin-top:1.75rem;padding:1.25rem 1.375rem}.otp-actions[data-v-641a68ed]{width:29.875rem;max-width:100%}.otp-submit[data-v-641a68ed]{height:3.875rem;font-size:1.125rem}.is-verify .otp-content[data-v-641a68ed]{padding-top:2rem}.is-verify .otp-field[data-v-641a68ed]{margin-top:0}.is-verify .otp-actions[data-v-641a68ed]{margin:2.125rem auto 0}}
