@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/webbox_books/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/webbox_books/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/webbox_books/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/webbox_books/fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root,[data-theme=light]{--wb-navy-900: #0b1c4d;--wb-navy-700: #17337a;--wb-azure-600: #2a63d6;--wb-azure-700: #1e4cae;--wb-sky-400: #5ec1ff;--wb-sky-200: #8ed9ff;--wb-emerald-700: #0f7a63;--wb-iris-600: #5c55a0;--wb-vermillion-600: #d32f35;--wb-slate-700: #3b4a6b;--wb-slate-500: #5e6a88;--wb-line-200: #dde4f0;--wb-line-300: #cbd6ea;--wb-paper-100: #eef2fa;--wb-paper-50: #f4f6fb;--wb-white: #ffffff;--wb-color-bg: var(--wb-white);--wb-color-surface: var(--wb-white);--wb-color-surface-subtle: var(--wb-paper-50);--wb-color-surface-sunken: var(--wb-paper-100);--wb-color-surface-raised: var(--wb-white);--wb-color-text: var(--wb-navy-900);--wb-color-text-secondary: var(--wb-slate-700);--wb-color-text-muted: var(--wb-slate-500);--wb-color-text-on-brand: var(--wb-white);--wb-color-border: var(--wb-line-200);--wb-color-border-strong: var(--wb-line-300);--wb-color-border-control: #7d8bab;--wb-color-overlay: rgba(11, 28, 77, .45);--wb-color-brand: var(--wb-azure-600);--wb-color-brand-hover: var(--wb-navy-700);--wb-color-brand-subtle: #eaf0fc;--wb-color-brand-text: var(--wb-azure-700);--wb-color-link: var(--wb-azure-600);--wb-color-focus: var(--wb-azure-600);--wb-focus-ring: 0 0 0 2px var(--wb-color-bg), 0 0 0 4px var(--wb-color-focus);--wb-status-success-fg: #0b6652;--wb-status-success-bg: #e6f4ef;--wb-status-success-border: var(--wb-emerald-700);--wb-status-warning-fg: #8a4b00;--wb-status-warning-bg: #fff4e0;--wb-status-warning-border: #a15c07;--wb-status-danger-fg: #b3261e;--wb-status-danger-bg: #fdecec;--wb-status-danger-border: var(--wb-vermillion-600);--wb-status-info-fg: var(--wb-azure-700);--wb-status-info-bg: var(--wb-color-brand-subtle);--wb-status-info-border: var(--wb-azure-600);--wb-status-neutral-fg: var(--wb-slate-700);--wb-status-neutral-bg: var(--wb-paper-100);--wb-status-neutral-border: var(--wb-line-300);--wb-status-ai-fg: #4a4488;--wb-status-ai-bg: #efeef8;--wb-status-ai-border: var(--wb-iris-600);--wb-font-text: var(--font-stack, "InterVariable", "Inter", system-ui, sans-serif);--wb-font-display: "Space Grotesk", var(--wb-font-text);--wb-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--wb-text-xs: 12px;--wb-text-sm: 13px;--wb-text-base: 14px;--wb-text-md: 15px;--wb-text-lg: 16px;--wb-text-xl: 18px;--wb-text-2xl: 22px;--wb-text-3xl: 28px;--wb-leading-tight: 1.25;--wb-leading-normal: 1.5;--wb-weight-regular: 400;--wb-weight-medium: 500;--wb-weight-semibold: 600;--wb-weight-bold: 700;--wb-tracking-display: -.02em;--wb-space-1: 4px;--wb-space-2: 8px;--wb-space-3: 12px;--wb-space-4: 16px;--wb-space-5: 20px;--wb-space-6: 24px;--wb-space-8: 32px;--wb-space-10: 40px;--wb-space-12: 48px;--wb-control-height: 32px;--wb-control-height-sm: 28px;--wb-target-min: 24px;--wb-content-max: 1200px;--wb-radius-sm: 4px;--wb-radius-md: 6px;--wb-radius-lg: 10px;--wb-radius-xl: 14px;--wb-radius-pill: 999px;--wb-shadow-sm: 0 1px 2px rgba(11, 28, 77, .08);--wb-shadow-md: 0 2px 6px rgba(11, 28, 77, .1);--wb-shadow-lg: 0 12px 30px -8px rgba(11, 28, 77, .22);--wb-shadow-xl: 0 24px 50px -12px rgba(11, 28, 77, .28);--wb-duration-feedback: .14s;--wb-duration-state: .24s;--wb-duration-shift: .46s;--wb-ease-entrance: cubic-bezier(.16, 1, .3, 1);--wb-ease-exit: cubic-bezier(.4, 0, 1, 1);--wb-ease-state: cubic-bezier(.2, 0, .2, 1)}[data-theme=dark]{--wb-color-bg: #0a0f1f;--wb-color-surface: #131b34;--wb-color-surface-subtle: #182142;--wb-color-surface-sunken: #0f1630;--wb-color-surface-raised: #182142;--wb-color-text: #f2f5fc;--wb-color-text-secondary: #aab6d6;--wb-color-text-muted: #9aa6c7;--wb-color-text-on-brand: #0a0f1f;--wb-color-border: rgba(94, 193, 255, .16);--wb-color-border-strong: rgba(94, 193, 255, .24);--wb-color-border-control: #5a6994;--wb-color-overlay: rgba(0, 0, 0, .6);--wb-color-brand: #5b9dff;--wb-color-brand-hover: #8ed9ff;--wb-color-brand-subtle: rgba(91, 157, 255, .14);--wb-color-brand-text: #8ec0ff;--wb-color-link: #5b9dff;--wb-color-focus: #5ec1ff;--wb-status-success-fg: #5fd1aa;--wb-status-success-bg: rgba(52, 176, 140, .14);--wb-status-success-border: #34b08c;--wb-status-warning-fg: #f2b84b;--wb-status-warning-bg: rgba(242, 184, 75, .14);--wb-status-warning-border: #f2b84b;--wb-status-danger-fg: #ff8a8e;--wb-status-danger-bg: rgba(255, 92, 97, .14);--wb-status-danger-border: #ff5c61;--wb-status-info-fg: #8ec0ff;--wb-status-info-bg: rgba(91, 157, 255, .14);--wb-status-info-border: #5b9dff;--wb-status-neutral-fg: #aab6d6;--wb-status-neutral-bg: rgba(170, 182, 214, .12);--wb-status-neutral-border: rgba(170, 182, 214, .32);--wb-status-ai-fg: #b9b4ec;--wb-status-ai-bg: rgba(139, 132, 214, .16);--wb-status-ai-border: #8b84d6;--wb-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--wb-shadow-md: 0 2px 6px rgba(0, 0, 0, .45);--wb-shadow-lg: 0 16px 34px -10px rgba(0, 0, 0, .6);--wb-shadow-xl: 0 28px 56px -14px rgba(0, 0, 0, .7)}@media (prefers-reduced-motion: reduce){:root{--wb-duration-feedback: 0ms;--wb-duration-state: 0ms;--wb-duration-shift: 0ms}}body[data-path=login],body[data-path=update-password]{font-family:var(--wb-font-text);color:var(--wb-color-text);background:var(--wb-paper-100)}body[data-path=login] .page-card,body[data-path=login] .for-login .page-card,body[data-path=login] .for-forgot .page-card,body[data-path=login] .for-signup .page-card,body[data-path=login] .for-email-login .page-card,body[data-path=update-password] .page-card,body[data-path=update-password] .for-login .page-card,body[data-path=update-password] .for-forgot .page-card,body[data-path=update-password] .for-signup .page-card,body[data-path=update-password] .for-email-login .page-card{background:var(--wb-white);border:1px solid var(--wb-line-200);border-radius:var(--wb-radius-xl);box-shadow:var(--wb-shadow-lg);padding:var(--wb-space-8) var(--wb-space-8) var(--wb-space-6);max-width:420px}body[data-path=login] .page-card-head .app-logo,body[data-path=update-password] .page-card-head .app-logo{height:44px!important;max-height:none!important;width:auto!important;max-width:100%}body[data-path=login] .page-card-head h4,body[data-path=update-password] .page-card-head h4{font-family:var(--wb-font-display);letter-spacing:var(--wb-tracking-display);font-weight:600;color:var(--wb-navy-900);margin-top:var(--wb-space-4)}body[data-path=login] .page-card-head p,body[data-path=login] .page-card-head .page-card-head-text p,body[data-path=update-password] .page-card-head p,body[data-path=update-password] .page-card-head .page-card-head-text p{color:var(--wb-slate-700)}body[data-path=login] .form-label,body[data-path=update-password] .form-label{color:var(--wb-slate-700);font-weight:500}body[data-path=login] .form-control,body[data-path=update-password] .form-control{background:var(--wb-white);border:1px solid var(--wb-color-border-control);border-radius:var(--wb-radius-md);height:38px}body[data-path=login] .form-control:focus,body[data-path=update-password] .form-control:focus{border-color:var(--wb-azure-600);box-shadow:0 0 0 1px var(--wb-azure-600)}body[data-path=login] .btn-login,body[data-path=login] .btn.btn-login,body[data-path=update-password] .btn-login,body[data-path=update-password] .btn.btn-login{background:var(--wb-azure-600)!important;color:var(--wb-white)!important;height:38px;font-weight:600;border-radius:var(--wb-radius-md)}body[data-path=login] .btn-login:hover,body[data-path=login] .btn-login:focus,body[data-path=login] .btn.btn-login:hover,body[data-path=login] .btn.btn-login:focus,body[data-path=update-password] .btn-login:hover,body[data-path=update-password] .btn-login:focus,body[data-path=update-password] .btn.btn-login:hover,body[data-path=update-password] .btn.btn-login:focus{background:var(--wb-navy-700)!important}body[data-path=login] .btn-login-option,body[data-path=update-password] .btn-login-option{background:transparent!important;color:var(--wb-azure-600)!important;box-shadow:none!important;text-decoration:underline;text-underline-offset:3px}body[data-path=login] .forgot-password-message a,body[data-path=login] a,body[data-path=update-password] .forgot-password-message a,body[data-path=update-password] a{color:var(--wb-azure-600)}body[data-path=login] :focus-visible,body[data-path=update-password] :focus-visible{outline:2px solid var(--wb-azure-600);outline-offset:2px}
/*# sourceMappingURL=webbox_books_web.bundle.AK4EYIZC.css.map */
