:root,.bb-essential-theme-light{--bb-essential-surface:var(--bgColor-inverseLight,#fff);--bb-essential-muted-surface:var(--bgColor-primaryWeaker,#f9f6fa);--bb-essential-text:var(--textColor-strong,#161616);--bb-essential-muted:var(--textColor-weak,#454545);--bb-essential-border:var(--strokeColor-primaryWeak,#e8dded);--bb-essential-primary:var(--bgColor-primary,#8b57a2);--bb-essential-primary-hover:var(--button-primary-hover,#7e488f);--bb-essential-primary-strong:var(--bgColor-primaryStrong,#704682);--bb-essential-on-primary:var(--color-nr-01,#fff);--bb-essential-accent:var(--textColor-secondary,#c61857);--bb-essential-teal:var(--color-teal-10,#47bac0);--bb-essential-pink:var(--color-pink-10,#f17eb2);--bb-essential-focus:var(--strokeColor-focus,#8b57a2);--bb-essential-error:var(--textColor-error,#bc280f);--bb-essential-shadow:0 22px 56px #3c284b38;--bb-essential-small-shadow:0 4px 14px #70468233;--bb-essential-backdrop:#16101a61;--bb-essential-transparent:transparent;--bb-essential-gradient:linear-gradient(130deg, var(--bb-essential-primary), var(--bb-essential-primary-strong));--bb-essential-wash-purple:#f5edf9;--bb-essential-wash-teal:#e9f7f8;--bb-essential-wash-pink:#fdeff5;--bb-essential-wash-yellow:#fbf7df;--bb-essential-icon-purple:var(--color-pr-12,#704682);--bb-essential-icon-teal:#1b767f;--bb-essential-icon-pink:#c61857;--bb-essential-icon-yellow:#75660d;--bb-essential-header-button:#ffffff26;--bb-essential-header-button-hover:#ffffff47;--bb-essential-font-body:var(--font-sans,"Inter", system-ui, sans-serif);--bb-essential-font-display:var(--font-display,"Baloo 2", system-ui, sans-serif);--bb-learner-max:1280px;--bb-learner-text-max:1120px;--bb-learner-gutter:16px}@media (width>=640px){:root{--bb-learner-gutter:24px}}.bb-essential-learner{box-sizing:border-box;width:100%;max-width:var(--bb-learner-max);padding-inline:var(--bb-learner-gutter);margin-inline:auto}.bb-essential-learner--text{max-width:var(--bb-learner-text-max)}.dark,[data-theme=dark],.bb-essential-theme-dark{--bb-essential-surface:var(--color-pr-16,#311531);--bb-essential-muted-surface:var(--color-pr-15,#391f3e);--bb-essential-text:var(--color-nr-01,#fff);--bb-essential-muted:var(--color-nr-06,#d5d5d5);--bb-essential-border:var(--color-pr-13,#52315a);--bb-essential-primary:var(--color-pr-10,#8b57a2);--bb-essential-primary-hover:var(--color-pr-11,#7e488f);--bb-essential-primary-strong:var(--color-pr-12,#704682);--bb-essential-accent:var(--color-pink-10,#f17eb2);--bb-essential-focus:var(--color-pr-05,#c6aad1);--bb-essential-error:var(--color-rd-04,#f7aa9a);--bb-essential-shadow:0 22px 56px #0000008c;--bb-essential-wash-purple:var(--color-pr-15,#391f3e);--bb-essential-wash-teal:var(--color-teal-16,#14393b);--bb-essential-wash-pink:var(--color-pink-17,#420723);--bb-essential-wash-yellow:var(--color-yellow-18,#3c2d05);--bb-essential-icon-purple:var(--color-pr-04,#d1bbda);--bb-essential-icon-teal:var(--color-teal-06,#6ad7dd);--bb-essential-icon-pink:var(--color-pink-10,#f17eb2);--bb-essential-icon-yellow:var(--color-yellow-10,#f1e150)}.bb-essential-root{font-family:var(--bb-essential-font-body);color:var(--bb-essential-text);text-align:start;line-height:1.5}.bb-essential-root,.bb-essential-root *{box-sizing:border-box}.bb-essential-root :where(button,input,textarea,select){font:inherit}.bb-essential-root :where(button,a){-webkit-tap-highlight-color:var(--bb-essential-transparent)}.bb-essential-scrim{appearance:none;cursor:default;border:0;border-radius:0;margin:0;padding:0;display:block}.bb-essential-root :where(button){cursor:pointer}.bb-essential-root :where(button):disabled{cursor:default;opacity:.65}.bb-essential-root :where(a){color:inherit;text-decoration:none}.bb-essential-root :where(button,a,input,textarea,select):focus-visible{outline:3px solid var(--bb-essential-focus);outline-offset:3px}.bb-essential-button{border:1px solid var(--bb-essential-border);min-width:44px;min-height:44px;color:var(--bb-essential-text);background:var(--bb-essential-surface);text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.4;display:inline-flex}@media (hover:hover){.bb-essential-button:hover{background:var(--bb-essential-muted-surface)}}.bb-essential-button-primary{background:var(--bb-essential-primary);border-color:var(--bb-essential-primary);color:var(--bb-essential-on-primary)!important}@media (hover:hover){.bb-essential-button-primary:hover{background:var(--bb-essential-primary-hover)}}.bb-essential-icon-button{border:1px solid var(--bb-essential-border);background:var(--bb-essential-surface);width:44px;min-height:44px;color:var(--bb-essential-text);border-radius:12px;flex-shrink:0;place-items:center;padding:8px;display:grid}@media (hover:hover){.bb-essential-icon-button:hover{background:var(--bb-essential-muted-surface)}}.bb-essential-quiet-button{background:var(--bb-essential-transparent);min-height:44px;color:var(--bb-essential-muted);border:0;padding:8px;font-size:12px}@media (hover:hover){.bb-essential-quiet-button:hover{color:var(--bb-essential-accent)}}.bb-essential-error{color:var(--bb-essential-error);font-size:14px}.bb-essential-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.bb-essential-root *,.bb-essential-root :before,.bb-essential-root :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.bb-essential-button:active,.bb-essential-icon-button:active,.bb-essential-quiet-button:active{transform:translateY(1px)}.bb-essential-button-primary:active{background:var(--bb-essential-primary-strong)}.bb-essential-error{--bb-error-page:var(--bgColor-inverseLight,#fff);--bb-error-text:var(--textColor-strong,#161616);--bb-error-muted:var(--textColor-weak,#454545);--bb-error-on-primary:var(--textColor-inverseLight,#fff);--bb-error-primary:var(--button-primary-default,#8b57a2);--bb-error-primary-hover:var(--button-primary-hover,#7e488f);--bb-error-outline:var(--strokeColor-weak,#575757);--bb-error-outline-hover:var(--strokeColor-primary,#8b57a2);--bb-error-hover-wash:var(--bgColor-primaryWeaker,#f9f6fa);--bb-error-focus:var(--strokeColor-focus,#8b57a2);--bb-error-shadow:var(--shadow-raised,0 2px 4px #16161614, 0 8px 24px #1616161a);--bb-error-accent:var(--textColor-primary,#8b57a2);--bb-error-wash:var(--bgColor-primaryWeaker,#f9f6fa);--bb-error-bubble-bg:var(--bgColor-primaryWeaker,#f9f6fa);--bb-error-bubble-border:var(--strokeColor-primaryWeak,#d1bbda);--bb-error-bubble-text:var(--textColor-primarySelected,#704682);--bb-error-font-display:var(--font-display,"Baloo 2", system-ui, sans-serif);--bb-error-font-body:var(--font-sans,"Inter", system-ui, sans-serif);isolation:isolate;min-height:100dvh;padding:calc(48px + var(--bb-safe-top,0px)) max(20px, var(--bb-safe-right,0px)) calc(48px + var(--bb-safe-bottom,0px)) max(20px, var(--bb-safe-left,0px));background:radial-gradient(circle at 50% 0%, var(--bb-error-wash), transparent 62%), var(--bb-error-page);color:var(--bb-error-text);font-family:var(--bb-error-font-body);text-align:center;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bb-essential-error--server{--bb-error-accent:var(--textColor-error,#bc280f);--bb-error-wash:var(--bgColor-errorWeaker,#fef6f5);--bb-error-bubble-bg:var(--bgColor-errorWeaker,#fef6f5);--bb-error-bubble-border:var(--strokeColor-error,#dd3412);--bb-error-bubble-text:var(--textColor-error,#bc280f)}.bb-essential-error-content{flex-direction:column;align-items:center;width:min(100%,480px);display:flex}.bb-essential-error-mentor{justify-content:center;align-items:flex-end;width:100%;display:flex}.bb-essential-error-mentor>*{max-width:100%;max-height:100%}.bb-essential-error-code{color:var(--bb-error-accent);font-family:var(--bb-error-font-display);letter-spacing:-.03em;opacity:.22;margin:8px 0 0;font-size:96px;font-weight:800;line-height:.9}.bb-essential-error-title{color:var(--bb-error-text);font-family:var(--bb-error-font-display);text-wrap:balance;margin:4px 0 0;font-size:32px;font-weight:800;line-height:1.15}.bb-essential-error-body{max-width:380px;color:var(--bb-error-muted);text-wrap:pretty;margin:10px 0 0;font-size:16px;line-height:1.55}.bb-essential-error-bubble{border:1.5px solid var(--bb-error-bubble-border);border-radius:var(--radius-card,12px);background:var(--bb-error-bubble-bg);max-width:100%;color:var(--bb-error-bubble-text);font-family:var(--bb-error-font-display);margin:22px 0 0;padding:10px 20px;font-size:17px;font-weight:700;line-height:1.4;position:relative}.bb-essential-error-bubble:before{border-top:1.5px solid var(--bb-error-bubble-border);border-left:1.5px solid var(--bb-error-bubble-border);background:var(--bb-error-bubble-bg);content:"";width:12px;height:12px;position:absolute;top:-7.5px;left:calc(50% - 6px);transform:rotate(45deg)}.bb-essential-error-actions{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:28px;display:grid}.bb-essential-error-action{border-radius:var(--radius-pill,999px);cursor:pointer;min-height:56px;font-family:var(--bb-error-font-display);justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:18px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.bb-essential-error-action:active{transform:translateY(1px)}.bb-essential-error-action:focus-visible{outline:3px solid var(--bb-error-focus);outline-offset:3px}.bb-essential-error-action:disabled{cursor:progress}.bb-essential-error-action--primary{background:var(--bb-error-primary);box-shadow:var(--bb-error-shadow);color:var(--bb-error-on-primary);border:0}@media (hover:hover){.bb-essential-error-action--primary:hover{background:var(--bb-error-primary-hover)}}.bb-essential-error-action--secondary{border:1.5px solid var(--bb-error-outline);background:var(--bb-error-page);color:var(--bb-error-text)}@media (hover:hover){.bb-essential-error-action--secondary:hover{border-color:var(--bb-error-outline-hover);background:var(--bb-error-hover-wash)}}.bb-essential-error-icon{flex:none}.bb-essential-error-action[data-busy] .bb-essential-error-icon{animation:.8s linear infinite bb-essential-error-spin}.bb-essential-error-content>*{animation:.45s cubic-bezier(.2,.8,.2,1) both bb-essential-error-rise}.bb-essential-error-mentor{animation-name:bb-essential-error-pop}.bb-essential-error-content>:nth-child(2){animation-delay:80ms}.bb-essential-error-content>:nth-child(3){animation-delay:.14s}.bb-essential-error-content>:nth-child(4){animation-delay:.2s}.bb-essential-error-content>:nth-child(5){animation-delay:.26s}.bb-essential-error-content>:nth-child(6){animation-delay:.32s}@keyframes bb-essential-error-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes bb-essential-error-pop{0%{opacity:0;transform:scale(.85)}}.bb-essential-error-code{animation-name:bb-essential-error-rise-code}@keyframes bb-essential-error-rise-code{0%{opacity:0;transform:translateY(12px)}to{opacity:.22}}@keyframes bb-essential-error-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.bb-essential-error *,.bb-essential-error :before{transition:none!important;animation:none!important}}html.a11y-reduce-motion .bb-essential-error *,html.a11y-reduce-motion .bb-essential-error :before{transition:none!important;animation:none!important}@media (width<=560px){.bb-essential-error{padding-top:calc(32px + var(--bb-safe-top,0px));padding-bottom:calc(32px + var(--bb-safe-bottom,0px))}.bb-essential-error-code{font-size:72px}.bb-essential-error-title{font-size:26px}.bb-essential-error-actions{grid-template-columns:1fr}}@media (width<=560px) and (height<=700px){.bb-essential-error{padding-top:calc(20px + var(--bb-safe-top,0px));align-items:flex-start}.bb-essential-error-mentor{margin-bottom:14px;height:80px!important}.bb-essential-error-mentor>*{transform-origin:50% 100%;transform:scale(.625)}.bb-essential-error-bubble{margin-top:16px}.bb-essential-error-actions{gap:8px;margin-top:20px}}
