2 lines
4.1 KiB
CSS
2 lines
4.1 KiB
CSS
.otp-page[data-v-ca2f5cfe]{isolation:isolate;color:#f4ede4;background:#1a1612;height:100%;min-height:100%;position:relative;overflow:hidden}.otp-page__bg[data-v-ca2f5cfe]{z-index:0;object-fit:cover;object-position:center center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.otp-page__scroll[data-v-ca2f5cfe]{z-index:1;overscroll-behavior:contain;height:100%;position:relative;overflow:hidden auto}.otp-page__stage[data-v-ca2f5cfe]{width:100%;max-width:390px;min-height:100%;padding:calc(10px + env(safe-area-inset-top,0px)) 16px calc(14px + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:column;margin-inline:auto;display:flex}.otp-top[data-v-ca2f5cfe]{justify-content:flex-end;align-items:center;min-height:36px;display:flex}.otp-top__back[data-v-ca2f5cfe]{color:#f3e6d6;cursor:pointer;background:#f4ede424;border:none;border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.otp-brand[data-v-ca2f5cfe]{text-align:center;color:#f3e6d6;flex-direction:column;align-items:center;margin-top:18px;margin-bottom:18px;display:flex}.otp-brand__fa[data-v-ca2f5cfe]{margin:12px 0 0;font-size:1.625rem;font-weight:700;line-height:1.25}.otp-brand__en[data-v-ca2f5cfe]{letter-spacing:.28em;color:#ead7c0;margin:6px 0 0;font-size:.6875rem;font-weight:500}.otp-card[data-v-ca2f5cfe]{color:#2a2622;background:#f4f1ed;border:none;border-radius:28px;width:100%;margin:0;padding:22px 18px 18px;box-shadow:0 18px 40px #0c0a0838}.otp-card__title[data-v-ca2f5cfe]{text-align:center;color:#1c1b19;margin:0;font-size:1.0625rem;font-weight:700;line-height:1.5}.otp-card__lead[data-v-ca2f5cfe]{text-align:center;color:#8a847c;margin:6px 0 0;font-size:.75rem;line-height:1.7}.otp-card[data-v-ca2f5cfe] .form-error-banner{margin-top:14px;margin-bottom:0}.otp-row[data-v-ca2f5cfe]{justify-content:center;gap:10px;margin-top:18px;display:flex}.otp-box[data-v-ca2f5cfe]{color:#1c1b19;text-align:center;width:52px;height:56px;caret-color:var(--color-primary);background:#f7f5f1;border:1px solid #e4e0db;border-radius:16px;padding:0;font-family:inherit;font-size:1.25rem;font-weight:700;transition:border-color .15s}.otp-box[data-v-ca2f5cfe]:focus{border-color:var(--color-primary);background:#fff;outline:none}.otp-box--error[data-v-ca2f5cfe]{border-color:color-mix(in srgb, var(--color-danger) 55%, #e4e0db)}.otp-card__error[data-v-ca2f5cfe]{color:var(--color-danger);text-align:center;margin:8px 4px 0;font-size:.75rem}.otp-submit[data-v-ca2f5cfe]{color:#f7f4ef;cursor:pointer;background:#0a353c;border:none;border-radius:999px;justify-content:center;align-items:center;width:100%;height:48px;margin-top:16px;padding:0 44px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .15s;display:flex;position:relative}.otp-submit[data-v-ca2f5cfe]:not(:disabled):hover,.otp-submit[data-v-ca2f5cfe]:not(:disabled):focus-visible{background:#072a2f}.otp-submit[data-v-ca2f5cfe]:disabled{opacity:.7;cursor:not-allowed}.otp-submit__chevron[data-v-ca2f5cfe]{place-items:center;display:grid;position:absolute;inset-inline-end:16px}.otp-submit__spinner[data-v-ca2f5cfe]{border:2px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite otp-spin-ca2f5cfe;position:absolute;inset-inline-start:16px}.otp-resend[data-v-ca2f5cfe]{color:#6f6b66;cursor:pointer;background:0 0;border:1px solid #d8d3cd;border-radius:999px;width:100%;height:48px;margin-top:10px;font-family:inherit;font-size:.875rem;font-weight:500}.otp-resend[data-v-ca2f5cfe]:disabled{opacity:.7;cursor:not-allowed}.otp-edit[data-v-ca2f5cfe]{color:#8a847c;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:14px;font-family:inherit;font-size:.8125rem;display:flex}.otp-spacer[data-v-ca2f5cfe]{flex:auto;min-height:16px}.otp-watermark[data-v-ca2f5cfe]{color:#f4ede494;letter-spacing:.2em;text-align:left;direction:ltr;margin:0;padding-bottom:8px;font-size:.625rem;font-weight:600;line-height:1.35}@keyframes otp-spin-ca2f5cfe{to{transform:rotate(360deg)}}@media (width>=768px){.otp-page[data-v-ca2f5cfe]{max-width:none;height:100%;min-height:0;margin:0;padding:0;overflow:hidden}}
|