@font-face{font-display:swap;font-family:Azeret Mono;font-style:italic;font-weight:400;src:url(/fonts/javascript-for-everyone/AzeretMono-Italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Azeret Mono;font-style:normal;font-weight:400;src:url(/fonts/javascript-for-everyone/AzeretMono-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Cartridge;font-style:normal;font-weight:700;src:url(/fonts/javascript-for-everyone/Cartridge-Bold.woff2) format("woff2")}:root{--color-dark:#4a4944;--color-dark-deep:#171715;--color-dark-glare:#615f57;--color-dark-shade:#3c3a32;--color-light-bright:#f0eee9;--color-light-glare:#eae8df;--color-light:#e1ddcf;--color-light-shade:#d4d1c3;--color-light-deep:#ccc8b5;--color-primary-glare:#f73032;--color-primary:#ed8782;--color-primary-shade:#da5151;--color-primary-deep:#c5070a;--color-status-success:#aac7b0;--color-status-success-shade:#3e6c47;--color-status-warning:#ded6b0;--color-status-warning-shade:#d8b60b;--color-status-error:#ed8782;--color-status-error-shade:#890608;--javascript-for-everyone-font-base:"Georgia Pro",Georgia,serif;--javascript-for-everyone-font-display:"Cartridge",futura,system-ui,sans-serif;--javascript-for-everyone-font-mono:"Azeret Mono",ui-monospace,monospace;--color-selection-text:var(--color-dark);--color-selection-bg:var(--color-primary)}[data-user-theme=dark]{--color-dark-glare:#2c2c27;--color-dark:#171715;--color-dark-shade:#171715;--color-dark-deep:#171715;--color-light-bright:#eae8df;--color-light-glare:#e1ddcf;--color-light:#bcb8ab;--color-light-shade:#c0beb2;--color-light-deep:#aca998;--color-primary-glare:#f73032;--color-primary:#e5645e;--color-primary-shade:#da5151;--color-primary-deep:#890608;--color-selection-text:var(--color-dark);--color-selection-bg:var(--color-primary)}body{--color-global-bg:var(--color-light-glare);--color-global-text:var(--color-dark-shade);--stroke-color:var(--color-dark-shade);--stroke:var(--stroke-weight-light) solid var(--stroke-color,currentColor);--code-color:var(--color-primary-deep);--button-primary-bg:var(--color-primary);--button-primary-text:var(--color-dark-shade);--button-primary-border-color:var(--color-primary);--button-primary-bg-hover:var(--color-dark-shade);--button-primary-text-hover:var(--color-light-glare);--button-primary-border-color-hover:var(--color-dark-shade);--button-dark-bg:var(--color-dark-shade);--button-dark-text:var(--color-light-glare);--button-dark-border-color:var(--color-dark-shade);--button-dark-hover-bg:transparent;--button-dark-hover-text:var(--color-dark-shade);--button-dark-hover-border-color:var(--color-dark-shade);--block-action-bg:var(--color-dark-shade);--block-action-hover-bg:var(--color-dark);--block-action-sidebar-color:var(--color-light-glare);--chat-window-avatar-me:var(--color-primary);--chat-window-avatar-them:var(--color-dark-deep);--chat-window-bg:var(--color-light-glare);--chat-window-border-color:var(--color-dark-shade);--chat-window-color:var(--color-dark-shade);--chat-window-indicator-bad:var(--color-status-error-shade);--chat-window-indicator-good:var(--color-status-success-shade);--code-block-header-button-bg:var(--color-light-glare);--code-block-header-button-text:var(--color-dark-shade);--code-block-header-button-bg-hover:var(--color-dark-shade);--code-block-header-button-text-hover:var(--color-light-glare);--code-block-selection-bg:var(--color-primary);--code-block-alert-text:var(--color-dark-shade);--code-block-alert-bg:var(--color-primary);--console-logger-border:var(--stroke);--console-logger-bg:var(--color-light-bright);--console-logger-color:var(--color-dark-shade);--console-logger-ribbon-border-block-start:var(--space-s-m) solid var(--color-primary-bright);--console-logger-button-color:var(--color-dark-shade);--console-logger-button-bg-hover:var(--color-dark-shade);--console-logger-button-color-hover:var(--color-light-glare);--console-logger-button-border-color-hover:var(--color-dark-shade);--console-logger-error-color:var(--color-status-error-shade);--console-logger-warn-color:var(--color-status-warning-shade);--course-header-background:var(--color-light-glare);--course-navigation-lesson-hover-bg:var(--color-light-bright);--email-window-avatar-me:var(--color-primary);--email-window-bg:var(--color-light-glare);--email-window-border-color:var(--color-dark-shade);--email-window-color:var(--color-dark-shade);--email-window-indicator-bad:var(--color-status-error-shade);--email-window-indicator-good:var(--color-status-success-shade);--email-window-recipient-color:var(--color-dark-glare);--fyi-unit-bg:var(--color-light-bright);--fyi-unit-color:var(--color-dark-shade);--fyi-unit-ribbon-border-block-start:var(--space-s-m) solid var(--color-primary);--icon-link-hidden-label-bg:var(--color-light-glare);--icon-link-hidden-label-color:var(--color-dark-shade);--icon-link-hidden-label-bg-hover:var(--color-dark-shade);--icon-link-hidden-label-color-hover:var(--color-light-glare);--instruction-background:var(--color-light-bright);--instruction-border-left:var(--stroke-weight-heavy) solid var(--color-primary);--instruction-code-background:var(--color-light-bright);--instruction-color:var(--color-dark-shade);--off-screen-menu-panel-background:var(--color-light-glare);--off-screen-menu-summary-button-hover-background:var(--color-dark-shade);--off-screen-menu-summary-button-hover-color:var(--color-light-glare);--off-screen-menu-user-actions-button-text:var(--color-dark-shade);--off-screen-menu-user-actions-button-border-color:var(--color-dark-shade);--off-screen-menu-user-actions-button-bg-hover:var(--color-dark-shade);--off-screen-menu-user-actions-button-text-hover:var(--color-light-glare);--off-screen-menu-user-actions-button-border-color-hover:var(--color-dark-shade);--pay-wall-bg:var(--color-primary);--pay-wall-login-input-field-background:var(--color-light-bright);--pay-wall-icon-color:var(--color-dark-shade);--preview-frame-bg:var(--color-light-glare);--preview-frame-text:var(--color-dark-shade);--preview-frame-header-button-bg:var(--color-light-glare);--preview-frame-header-button-text:var(--color-dark-shade);--preview-frame-header-button-bg-hover:var(--color-dark-shade);--preview-frame-header-button-text-hover:var(--color-light-glare);--progress-element-border-block-start:1px solid var(--color-dark-shade);--progress-bar-color:var(--color-primary);--progress-bar-background:var(--color-light-deep);--quick-links-hover-svg-fill:var(--color-primary-deep);--resources-icon-heading-text-hover-decoration-color:var(--color-primary);--scrollable-image-frame-text:var(--color-dark-shade);--scrollable-image-frame-bg:var(--color-light-glare);--scrollable-image-frame-header-button-bg:var(--color-light-glare);--scrollable-image-frame-header-button-text:var(--color-dark-shade);--scrollable-image-frame-header-button-bg-hover:var(--color-dark-shade);--scrollable-image-frame-header-button-text-hover:var(--color-light-glare);--side-note-bg:var(--color-light-bright);--side-note-decorator-color:var(--color-dark-shade);--split-pair-highlight-bg:var(--color-light-bright);--split-pair-highlight-color:var(--color-dark-shade);--split-pair-button-dark-bg:var(--color-dark-shade);--split-pair-button-dark-text:var(--color-light-bright);--split-pair-button-dark-border-color:var(--color-dark-shade);--split-pair-button-dark-bg-hover:transparent;--split-pair-button-dark-text-hover:var(--color-dark-shade);--split-pair-button-dark-border-color-hover:var(--color-dark-shade);--article-text-decoration-color:var(--color-primary);--article-text-decoration-hover-color:currentColor;--article-dfn-abbr-decoration-color:var(--color-primary);--course-header-name-font-family:var(--javascript-for-everyone-font-display);--course-lesson-hero-bg:var(--color-light-shade);--course-lesson-hero-color:var(--color-dark-shade);--course-lesson-hero-heading-font-family:var(--javascript-for-everyone-font-display);--course-lesson-hero-heading-text-transform:uppercase;--course-lesson-hero-heading-mark:none;--course-lesson-progress-bg:var(--color-light-shade);--course-lesson-progress-color:var(--color-dark-shade);--course-lesson-progress-bar-color:var(--color-primary);--course-lesson-progress-bar-background:var(--color-light-deep);--course-lesson-muted-progress-bar-color:var(--color-primary);--course-lesson-muted-progress-bar-background:var(--color-dark-shade);--footer-bg:var(--color-dark-shade);--footer-color:var(--color-light-glare)}[data-user-theme=dark] body{--color-global-bg:var(--color-light-glare);--color-global-text:var(--color-dark-shade);--block-action-hover-bg:var(--color-dark-glare);--course-navigation-lesson-hover-bg:var(--color-light-bright);--icon-link-hidden-label-bg:var(--color-light-glare);--icon-link-hidden-label-color:var(--color-dark);--icon-link-hidden-label-bg-hover:var(--color-dark);--icon-link-hidden-label-color-hover:var(--color-light-glare);--article-img-border:none;--article-video-border:none;--course-lesson-hero-bg:var(--color-light-deep);--course-lesson-progress-bg:var(--color-light-deep)}.block-action .badge{--badge-color:var(--color-light-bright)}.course-lesson-hero .badge[data-variant=dark],.course-navigation .badge[data-variant=dark]{--badge-dark-variant-bg:var(--color-dark-shade);--badge-dark-variant-color:var(--color-light-glare)}.fyi-unit{--code-block-header-button-bg:transparent}.fyi-unit .code-block__alert p{font-size:var(--size-step--3)}.pay-wall .button{--button-primary-bg:var(--color-dark-shade);--button-primary-text:var(--color-light-bright);--button-primary-border-color:var(--color-dark-shade);--button-svg-color:currentColor;--button-primary-bg-hover:var(--color-light-bright);--button-primary-text-hover:var(--color-dark-shade);--button-primary-border-color-hover:var(--color-light-bright)}table td strong{font-family:var(--font-display)}