@mdn/fred 0.1.0 → 0.2.0

package/svgo.config.js

@@ -1,13 +1,24 @@
-export default {
-  multipass: true,
-  plugins: [
-    {
-      name: "preset-default",
-      params: {
-        overrides: {
-          removeViewBox: false,
+export default override();
+
+/**
+ * @param {object} [overrides]
+ * @param {(string | object)[]} [plugins]
+ * @returns
+ */
+export function override(overrides, plugins = []) {
+  return {
+    multipass: true,
+    plugins: [
+      {
+        name: "preset-default",
+        params: {
+          overrides: {
+            removeViewBox: false,
+            ...overrides,
+          },
         },
       },
-    },
-  ],
-};
+      ...plugins,
+    ],
+  };
+}

package/types/element-map.d.ts

@@ -57,6 +57,7 @@ declare global {
     "mdn-themed-image": import("../components/themed-image/element.js").MDNThemedImage;
     "mdn-toggle-sidebar": import("../components/toggle-sidebar/element.js").MDNToggleSidebar;
     "mdn-user-menu": import("../components/user-menu/element.js").MDNUserMenu;
+    "mdn-writer-open-editor": import("../components/writer-open-editor/element.js").MDNWriterOpenEditor;
   }
 }
 

package/types/fred.ts

@@ -2,12 +2,16 @@ import { BuiltPage } from "@mdn/rari";
 import { L10nFunction } from "./fluent-2.js";
 import { StatsCompilation } from "@rspack/core";
 
-export type Context<T = BuiltPage> = T &
+export type Context<T = BuiltPage> = PartialContext<T> &
   L10nContext & {
     pageTitle?: string;
     path: string;
   };
 
+export type PartialContext<T = BuiltPage> = T & {
+  localServer?: boolean;
+};
+
 export type L10nContext = {
   locale: string;
   l10n: L10nFunction;

package/components/css-formal-syntax/index.css

@@ -1,10 +0,0 @@
-/* Formal syntax on CSS pages */
-.css-formal-syntax {
-  font-size: var(--font-size-small);
-  text-wrap: wrap;
-
-  ~ footer {
-    padding: 0.5rem 1rem;
-    font-size: var(--font-size-small);
-  }
-}

package/components/observatory/index.css

@@ -1,406 +0,0 @@
-/* Observatory main layout */
-
-.obs-layout {
-  --spacing: 2rem;
-
-  --progress-color: var(--observatory-accent);
-
-  --observatory-accent: light-dark(
-    var(--color-purple-20),
-    var(--color-purple-80)
-  );
-  --observatory-accent-light: light-dark(
-    var(--color-purple-20),
-    var(--color-purple-80)
-  );
-
-  --observatory-pass-icon-bg: light-dark(
-    var(--color-green-90),
-    var(--color-green-20)
-  );
-  --observatory-pass-icon-color: light-dark(
-    var(--color-green-50),
-    var(--color-green-80)
-  );
-  --observatory-fail-icon-bg: light-dark(
-    var(--color-red-90),
-    var(--color-red-10)
-  );
-  --observatory-fail-icon-color: light-dark(
-    var(--color-red-50),
-    var(--color-red-80)
-  );
-
-  --observatory-table-bg: light-dark(var(--color-white), var(--color-gray-10));
-  --observatory-table-bg-alternate: light-dark(
-    var(--color-gray-90),
-    var(--color-gray-10)
-  );
-  --observatory-table-header-bg: light-dark(
-    var(--color-gray-90),
-    var(--color-gray-10)
-  );
-
-  --observatory-grade-a-bg: light-dark(#d2fadd, #265c3d);
-  --observatory-grade-a-border: light-dark(#017a37, #89fca1);
-  --observatory-grade-b-bg: light-dark(#e8fad2, #52662a);
-  --observatory-grade-b-border: light-dark(#547a01, #d5fc88);
-  --observatory-grade-c-bg: light-dark(#faf8d2, #66602a);
-  --observatory-grade-c-border: light-dark(#7a7001, #fcf988);
-  --observatory-grade-d-bg: light-dark(#fae8d2, #5c3d26);
-  --observatory-grade-d-border: light-dark(#a65001, #ff6a00);
-  --observatory-grade-f-bg: light-dark(#fad2d2, #5c2626);
-  --observatory-grade-f-border: light-dark(#aa0000, #fc8888);
-  --observatory-arrow-down-color: light-dark(
-    var(--color-red-20),
-    var(--color-red-80)
-  );
-  --observatory-arrow-up-color: light-dark(
-    var(--color-green-50),
-    var(--color-green-80)
-  );
-
-  --form-invalid-color: light-dark(var(--color-red-50), var(--color-red-80));
-
-  --font-body: inter, var(--font-fallback);
-
-  /* icons */
-  --alert-circle-img: url("./assets/alert-circle.svg");
-
-  /* Draw a top border in our color */
-}
-
-/* landing */
-.obs-landing-top {
-  display: grid;
-
-  grid-template-areas: "form svg auto";
-  grid-template-columns: 2fr 1fr minmax(0, 200px);
-
-  gap: 0 6.25rem;
-
-  max-width: var(--max-width);
-
-  padding-block: 0.75rem;
-  padding-inline: 1rem;
-
-  @media (--screen-xxlarge) {
-    padding-inline: calc((100% - 1440px + (1rem * 2)) / 2);
-  }
-  --border-radius: 0.3rem;
-
-  @media (--screen-large-and-narrower) {
-    grid-template-areas: "form svg";
-    grid-template-columns: auto;
-  }
-
-  @media (--screen-small-and-narrower) {
-    grid-template-areas: "form" "svg";
-
-    .landing-illustration {
-      text-align: center;
-    }
-  }
-
-  .accent {
-    color: var(--observatory-accent);
-  }
-}
-
-.obs-landing-top__form {
-  grid-area: form;
-
-  p {
-    margin: 1rem 0 2rem;
-  }
-}
-
-.obs-landing-top__illustration {
-  grid-area: svg;
-
-  svg {
-    width: auto;
-    max-width: 50vw;
-    height: 100%;
-  }
-
-  @media (--screen-small-and-narrower) {
-    text-align: center;
-  }
-}
-
-.obs-landing-about {
-  padding-block: 0.75rem;
-  padding-inline: 1rem;
-
-  @media (--screen-xxlarge) {
-    padding-inline: calc((100% - 1440px + (1rem * 2)) / 2);
-  }
-
-  color: var(--color-text-secondary);
-
-  background-color: light-dark(var(--color-gray-90), var(--color-gray-05));
-
-  p {
-    color: var(--color-text-secondary);
-  }
-
-  h1,
-  h2 {
-    font-style: normal;
-    font-weight: 600;
-    letter-spacing: var(--heading-letter-spacing);
-  }
-
-  h2 {
-    margin-bottom: 2rem;
-  }
-
-  @media (--screen-medium-and-wider) {
-    .assessment {
-      margin-left: 0;
-    }
-
-    .scanning {
-      margin-left: 3.125rem;
-    }
-
-    .security {
-      margin-left: 6.25rem;
-    }
-
-    .mdn {
-      margin-left: 9.75rem;
-    }
-  }
-
-  @media (--screen-small-and-narrower) {
-    figure ~ figure {
-      margin-top: 1.75rem;
-    }
-
-    .lines {
-      display: none;
-    }
-  }
-
-  @media (--screen-medium-only) {
-    .about-copy {
-      width: 80%;
-    }
-  }
-
-  svg defs#defs3 #gradient {
-    stop#stop1 {
-      stop-color: var(--observatory-accent);
-    }
-
-    stop#stop2 {
-      stop-color: color-mix(
-        in srgb,
-        var(--observatory-accent),
-        var(--color-background-secondary)
-      );
-    }
-
-    stop#stop3 {
-      stop-color: var(--color-background-secondary);
-    }
-  }
-
-  figure {
-    display: grid;
-
-    grid-template-columns: 2rem 1fr;
-
-    gap: 1.5rem;
-    align-items: start;
-
-    figcaption {
-      p {
-        margin: 0;
-        color: var(--color-text-primary);
-      }
-    }
-
-    &.assessment {
-      margin-left: 0;
-    }
-
-    &.assessment,
-    &.scanning,
-    &.security,
-    &.mdn {
-      svg path {
-        fill: var(--observatory-accent);
-      }
-    }
-  }
-}
-
-.obs-links__link {
-  display: inline-block;
-
-  margin-top: 2rem;
-  margin-right: 1rem;
-
-  font-size: var(--type-tiny-font-size);
-
-  color: var(--color-text-secondary);
-
-  text-decoration: underline;
-
-  &:hover {
-    text-decoration: none;
-  }
-
-  &::before {
-    display: inline-block;
-
-    width: 1.5em;
-    height: 1.5em;
-
-    margin-right: 0.2em;
-
-    vertical-align: middle;
-
-    content: "";
-
-    background-color: var(--color-text-secondary);
-
-    mask-repeat: no-repeat;
-    mask-position: center;
-    mask-size: cover;
-  }
-}
-
-.obs-links__link--faq {
-  &::before {
-    mask-image: url("../icon/circle-help.svg");
-  }
-}
-
-.obs-links__link--feedback {
-  &::before {
-    mask-image: url("../icon/circle-alert.svg");
-  }
-}
-
-/* results */
-.obs-results {
-  display: grid;
-
-  grid-template-areas:
-    "header"
-    "main"
-    "sidebar";
-  grid-template-columns: 1fr minmax(0, 200px);
-
-  row-gap: 0;
-  column-gap: 3rem;
-
-  max-width: var(--max-width);
-
-  padding-block: 0.75rem;
-  padding-inline: 1rem;
-
-  color: var(--color-text-primary);
-
-  background-color: light-dark(var(--color-gray-90), var(--color-gray-05));
-
-  @media (--screen-xxlarge) {
-    padding-inline: calc((100% - 1440px + (1rem * 2)) / 2);
-  }
-
-  --summary-icon: url("assets/summary-icon.svg");
-  --results-icon: url("assets/results-icon.svg");
-  --border-radius: 0.3rem;
-
-  @media (--screen-medium-and-wider) {
-    grid-template-areas: "header sidebar" "main sidebar";
-    grid-template-columns: minmax(0, 1fr) 12rem;
-    column-gap: 1rem;
-
-    section.header,
-    section.main {
-      padding: 0;
-    }
-  }
-
-  @media (--screen-xlarge-and-wider) {
-    grid-template-areas: "header sidebar" "main sidebar";
-    grid-template-columns: 2fr minmax(0, 200px);
-    column-gap: 3rem;
-  }
-}
-
-.obs-results__header {
-  display: flex;
-
-  flex-wrap: wrap;
-
-  grid-area: header;
-
-  gap: 1.5rem;
-  align-items: start;
-  justify-content: space-between;
-}
-
-.obs-results__feedback {
-  .obs-links__link {
-    margin-top: 1.5rem;
-    font-size: var(--font-size-small);
-  }
-}
-
-.obs-results__mdn-results {
-  grid-area: main;
-}
-
-.obs-toc {
-  grid-area: sidebar;
-  padding: 0;
-  margin-bottom: 2rem;
-}
-
-h2.obs-toc__heading {
-  margin: 0 0 1rem;
-  margin-top: 1.5rem;
-
-  font: var(--type-heading-h5);
-  font-size: var(--type-base-font-size-rem);
-
-  color: var(--color-text-secondary);
-
-  letter-spacing: 1.5px;
-}
-
-.obs-toc__list {
-  display: inline-block;
-
-  padding: 0.5rem 1rem;
-
-  font-size: var(--type-smaller-font-size);
-
-  color: var(--color-text-secondary);
-
-  text-decoration: none;
-
-  list-style: none;
-
-  border-left: 2px solid var(--color-border-primary);
-}
-
-.obs-toc__item {
-  padding: 0.5rem 0;
-  color: var(--color-text-secondary);
-
-  a {
-    color: var(--color-text-secondary);
-    text-decoration: none;
-  }
-}
-
-.obs-results__title-accent {
-  color: var(--observatory-accent);
-}

package/components/observatory-landing/faq.js

@@ -1,16 +0,0 @@
-import { html } from "lit";
-
-/**
- * @param {import("@fred").Context<import("@rari").SPAPage>} _context
- * @returns {import("@lit").TemplateResult}
- */
-export function FAQ(_context) {
-  return html`<a
-    href="/en-US/observatory/docs/faq"
-    target="_blank"
-    rel="noopener"
-    class="obs-links__link obs-links__link--faq"
-  >
-    Read our FAQ
-  </a>`;
-}

package/components/observatory-landing/feedback.js

@@ -1,16 +0,0 @@
-import { html } from "lit";
-
-/**
- * @param {import("@fred").Context<import("@rari").SPAPage>} _context
- * @returns {import("@lit").TemplateResult}
- */
-export function Feedback(_context) {
-  return html`<a
-    href="https://survey.alchemer.com/s3/7897385/MDN-HTTP-Observatory"
-    target="_blank"
-    rel="noopener"
-    class="obs-links__link obs-links__link--feedback"
-  >
-    Report Feedback
-  </a>`;
-}

package/dist/client/1197.25090f81ab4208bc.css

@@ -1,32 +0,0 @@
-.curriculum-content-container{--max-width:74rem;--gutter:1rem;--inner-width:calc(min(var(--max-width), 100vw) - var(--gutter)*2);--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #000;--curriculum-bg-color-landing-about-ul:var(--csstools-light-dark-toggle--0,#fff);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #8a5b33;--curriculum-bg-color-landing-stairway-floor:var(--csstools-light-dark-toggle--1,#fcf2e8);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #25170e;--curriculum-bg-color-landing-top-icon:var(--csstools-light-dark-toggle--2,#fcf2e8);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #0e0c0b;--curriculum-bg-color-landing:var(--csstools-light-dark-toggle--3,#fff);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #000;--curriculum-bg-color-list-item-body:var(--csstools-light-dark-toggle--4,#fff);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #5c437f;--curriculum-bg-color-list-item-icon-topic-practices:var(--csstools-light-dark-toggle--5,#fff);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #816e41;--curriculum-bg-color-list-item-icon-topic-scripting:var(--csstools-light-dark-toggle--6,#fff);--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #7f4346;--curriculum-bg-color-list-item-icon-topic-standards:var(--csstools-light-dark-toggle--7,#fff);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #43537f;--curriculum-bg-color-list-item-icon-topic-styling:var(--csstools-light-dark-toggle--8,#fff);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #437f59;--curriculum-bg-color-list-item-icon-topic-tooling:var(--csstools-light-dark-toggle--9,#fff);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-practices:var(--csstools-light-dark-toggle--10,#a666ff30);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-scripting:var(--csstools-light-dark-toggle--11,#94850030);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-standards:var(--csstools-light-dark-toggle--12,#ff296230);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-styling:var(--csstools-light-dark-toggle--13,#008cf030);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-tooling:var(--csstools-light-dark-toggle--14,#00994230);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #322d29;--curriculum-bg-color-note:var(--csstools-light-dark-toggle--15,#fcf2e880);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #211f1c;--curriculum-bg-color-partner:var(--csstools-light-dark-toggle--16,#fff);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #5c437f;--curriculum-bg-color-topic-practices:var(--csstools-light-dark-toggle--17,#a666ff30);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #766841;--curriculum-bg-color-topic-scripting:var(--csstools-light-dark-toggle--18,#94850030);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #9a4c52;--curriculum-bg-color-topic-standards:var(--csstools-light-dark-toggle--19,#ff296230);--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #4d619d;--curriculum-bg-color-topic-styling:var(--csstools-light-dark-toggle--20,#008cf030);--csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #3c8050;--curriculum-bg-color-topic-tooling:var(--csstools-light-dark-toggle--21,#00994230);--csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #25170e;--curriculum-bg-color:var(--csstools-light-dark-toggle--22,#fcf2e8);--csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) #333;--curriculum-bg-large-color:var(--csstools-light-dark-toggle--23,#fcf2e8);--csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) #cccccca6;--curriculum-border-color-hover:var(--csstools-light-dark-toggle--24,#fff);--csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) #4f4f4f;--curriculum-border-color:var(--csstools-light-dark-toggle--25,#f3f2f2);--csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #e2632c;--curriculum-category-color:var(--csstools-light-dark-toggle--26,#e2632c);--csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #b16235;--curriculum-color-landing-laptop:var(--csstools-light-dark-toggle--27,#e2632c);--csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #cb96ee;--curriculum-color-list-item-icon-topic-practices:var(--csstools-light-dark-toggle--28,#962eff);--csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #f3d78c;--curriculum-color-list-item-icon-topic-scripting:var(--csstools-light-dark-toggle--29,#756a00);--csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #f38c94;--curriculum-color-list-item-icon-topic-standards:var(--csstools-light-dark-toggle--30,#d10038);--csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #96acee;--curriculum-color-list-item-icon-topic-styling:var(--csstools-light-dark-toggle--31,#0061c2);--csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #8cf3b8;--curriculum-color-list-item-icon-topic-tooling:var(--csstools-light-dark-toggle--32,#007a35);--csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) #cb96ee;--curriculum-color-topic-practices:var(--csstools-light-dark-toggle--33,#962eff);--csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #f3d78c;--curriculum-color-topic-scripting:var(--csstools-light-dark-toggle--34,#756a00);--csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #f38c94;--curriculum-color-topic-standards:var(--csstools-light-dark-toggle--35,#d10038);--csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #96acee;--curriculum-color-topic-styling:var(--csstools-light-dark-toggle--36,#0061c2);--csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #8cf3b8;--curriculum-color-topic-tooling:var(--csstools-light-dark-toggle--37,#007a35);--csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #e2632c;--curriculum-color:var(--csstools-light-dark-toggle--38,#d87e55);--csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #25170e;--curriculum-module-label-bg-color:var(--csstools-light-dark-toggle--39,#fefaf6);--csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #e2632c;--curriculum-module-label-color:var(--csstools-light-dark-toggle--40,#b74d1f);--csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #b1733526;--csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #b162350f;--curriculum-shadow-landing-about-ul:0 4px 10px 0 var(--csstools-light-dark-toggle--41,#e2632c0f),0 -2px 4px 0 var(--csstools-light-dark-toggle--42,#b162350f);--csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #24242426;--csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #57575726;--curriculum-shadow:4px 4px 8px 0 var(--csstools-light-dark-toggle--43,#e2632c0f),-4px 4px 8px 0 var(--csstools-light-dark-toggle--44,#b3b3b326);--curriculum-landing-about-beginner:url(/static/client/curriculum-landing-about-beginner.c283306531a0a760.svg#light);--curriculum-landing-about-pace:url(/static/client/curriculum-landing-about-pace.caf53bc7642d2d9e.svg#light);--curriculum-landing-about-free:url(/static/client/curriculum-landing-about-free.860c02f993720011.svg#light);--curriculum-landing-about-bullet:url(/static/client/curriculum-landing-about-bullet.329a46667f2b7b1c.svg#light);--curriculum-landing-started-beginner:url(/static/client/curriculum-landing-started-beginner.684ee16fbad28594.svg#light);--curriculum-landing-started-advanced:url(/static/client/curriculum-landing-started-advanced.6aa084114d4a009d.svg#light);--curriculum-landing-started-employment:url(/static/client/curriculum-landing-started-employment.ad9634ce6c19f3ba.svg#light);--curriculum-landing-started-educator:url(/static/client/curriculum-landing-started-educator.1fc04ca1f8ce8d38.svg#light);--curriculum-module-mdn-resource:url(/static/client/curriculum-mdn-resource.f452724542f874b8.svg#light);--curriculum-bullet:url(/static/client/curriculum-bullet.934e76f0055c7737.svg#light);--curriculum-about-covered:url(/static/client/curriculum-about-covered.74e453cf7e1a86c2.svg#light);--curriculum-about-detail:url(/static/client/curriculum-about-detail.515f645950e2300b.svg#light);--curriculum-about-educators:url(/static/client/curriculum-about-educators.91685cbbd58c65fb.svg#light);--curriculum-about-not:url(/static/client/curriculum-about-not.42caac16e07477b5.svg#light);--curriculum-about-students:url(/static/client/curriculum-about-students.36ca88cba5f00272.svg#light);--curriculum-bg-image-partner:url(/static/client/curriculum-partner-bg.247900de90ec7d1e.svg#light);--curriculum-scrim-bg:url(/static/client/curriculum-scrim-bg.66afaab49246fbd9.svg#light);--curriculum-landing-arrow:url(/static/client/curriculum-landing-arrow.37d9469e2da628fb.svg#light);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary)}@supports (color:hsl(0 0% 0%/0)) and (color:light-dark(red,red)){.curriculum-content-container{--curriculum-bg-color-landing-about-ul:light-dark(#fff,#000);--curriculum-bg-color-landing-stairway-floor:light-dark(#fcf2e8,#8a5b33);--curriculum-bg-color-landing-top-icon:light-dark(#fcf2e8,#25170e);--curriculum-bg-color-landing:light-dark(#fff,#0e0c0b);--curriculum-bg-color-list-item-body:light-dark(#fff,#000);--curriculum-bg-color-list-item-icon-topic-practices:light-dark(#fff,#5c437f);--curriculum-bg-color-list-item-icon-topic-scripting:light-dark(#fff,#816e41);--curriculum-bg-color-list-item-icon-topic-standards:light-dark(#fff,#7f4346);--curriculum-bg-color-list-item-icon-topic-styling:light-dark(#fff,#43537f);--curriculum-bg-color-list-item-icon-topic-tooling:light-dark(#fff,#437f59);--curriculum-bg-color-list-item-topic-practices:light-dark(#a666ff30,#333);--curriculum-bg-color-list-item-topic-scripting:light-dark(#94850030,#333);--curriculum-bg-color-list-item-topic-standards:light-dark(#ff296230,#333);--curriculum-bg-color-list-item-topic-styling:light-dark(#008cf030,#333);--curriculum-bg-color-list-item-topic-tooling:light-dark(#00994230,#333);--curriculum-bg-color-note:light-dark(#fcf2e880,#322d29);--curriculum-bg-color-partner:light-dark(#fff,#211f1c);--curriculum-bg-color-topic-practices:light-dark(#a666ff30,#5c437f);--curriculum-bg-color-topic-scripting:light-dark(#94850030,#766841);--curriculum-bg-color-topic-standards:light-dark(#ff296230,#9a4c52);--curriculum-bg-color-topic-styling:light-dark(#008cf030,#4d619d);--curriculum-bg-color-topic-tooling:light-dark(#00994230,#3c8050);--curriculum-bg-color:light-dark(#fcf2e8,#25170e);--curriculum-bg-large-color:light-dark(#fcf2e8,#333);--curriculum-border-color-hover:light-dark(#fff,#cccccca6);--curriculum-border-color:light-dark(#f3f2f2,#4f4f4f);--curriculum-category-color:light-dark(#e2632c,#e2632c);--curriculum-color-landing-laptop:light-dark(#e2632c,#b16235);--curriculum-color-list-item-icon-topic-practices:light-dark(#962eff,#cb96ee);--curriculum-color-list-item-icon-topic-scripting:light-dark(#756a00,#f3d78c);--curriculum-color-list-item-icon-topic-standards:light-dark(#d10038,#f38c94);--curriculum-color-list-item-icon-topic-styling:light-dark(#0061c2,#96acee);--curriculum-color-list-item-icon-topic-tooling:light-dark(#007a35,#8cf3b8);--curriculum-color-topic-practices:light-dark(#962eff,#cb96ee);--curriculum-color-topic-scripting:light-dark(#756a00,#f3d78c);--curriculum-color-topic-standards:light-dark(#d10038,#f38c94);--curriculum-color-topic-styling:light-dark(#0061c2,#96acee);--curriculum-color-topic-tooling:light-dark(#007a35,#8cf3b8);--curriculum-color:light-dark(#d87e55,#e2632c);--curriculum-module-label-bg-color:light-dark(#fefaf6,#25170e);--curriculum-module-label-color:light-dark(#b74d1f,#e2632c);--curriculum-shadow-landing-about-ul:0 4px 10px 0 light-dark(#e2632c0f,#b1733526),0 -2px 4px 0 light-dark(#b162350f,#b162350f);--curriculum-shadow:4px 4px 8px 0 light-dark(#e2632c0f,#24242426),-4px 4px 8px 0 light-dark(#b3b3b326,#57575726)}}@supports not (color:light-dark(tan,tan)){.curriculum-content-container *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #000;--curriculum-bg-color-landing-about-ul:var(--csstools-light-dark-toggle--0,#fff);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #8a5b33;--curriculum-bg-color-landing-stairway-floor:var(--csstools-light-dark-toggle--1,#fcf2e8);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #25170e;--curriculum-bg-color-landing-top-icon:var(--csstools-light-dark-toggle--2,#fcf2e8);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #0e0c0b;--curriculum-bg-color-landing:var(--csstools-light-dark-toggle--3,#fff);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #000;--curriculum-bg-color-list-item-body:var(--csstools-light-dark-toggle--4,#fff);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #5c437f;--curriculum-bg-color-list-item-icon-topic-practices:var(--csstools-light-dark-toggle--5,#fff);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #816e41;--curriculum-bg-color-list-item-icon-topic-scripting:var(--csstools-light-dark-toggle--6,#fff);--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #7f4346;--curriculum-bg-color-list-item-icon-topic-standards:var(--csstools-light-dark-toggle--7,#fff);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #43537f;--curriculum-bg-color-list-item-icon-topic-styling:var(--csstools-light-dark-toggle--8,#fff);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #437f59;--curriculum-bg-color-list-item-icon-topic-tooling:var(--csstools-light-dark-toggle--9,#fff);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-practices:var(--csstools-light-dark-toggle--10,#a666ff30);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-scripting:var(--csstools-light-dark-toggle--11,#94850030);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-standards:var(--csstools-light-dark-toggle--12,#ff296230);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-styling:var(--csstools-light-dark-toggle--13,#008cf030);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #333;--curriculum-bg-color-list-item-topic-tooling:var(--csstools-light-dark-toggle--14,#00994230);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #322d29;--curriculum-bg-color-note:var(--csstools-light-dark-toggle--15,#fcf2e880);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #211f1c;--curriculum-bg-color-partner:var(--csstools-light-dark-toggle--16,#fff);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #5c437f;--curriculum-bg-color-topic-practices:var(--csstools-light-dark-toggle--17,#a666ff30);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #766841;--curriculum-bg-color-topic-scripting:var(--csstools-light-dark-toggle--18,#94850030);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #9a4c52;--curriculum-bg-color-topic-standards:var(--csstools-light-dark-toggle--19,#ff296230);--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #4d619d;--curriculum-bg-color-topic-styling:var(--csstools-light-dark-toggle--20,#008cf030);--csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #3c8050;--curriculum-bg-color-topic-tooling:var(--csstools-light-dark-toggle--21,#00994230);--csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #25170e;--curriculum-bg-color:var(--csstools-light-dark-toggle--22,#fcf2e8);--csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) #333;--curriculum-bg-large-color:var(--csstools-light-dark-toggle--23,#fcf2e8);--csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) #cccccca6;--curriculum-border-color-hover:var(--csstools-light-dark-toggle--24,#fff);--csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) #4f4f4f;--curriculum-border-color:var(--csstools-light-dark-toggle--25,#f3f2f2);--csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #e2632c;--curriculum-category-color:var(--csstools-light-dark-toggle--26,#e2632c);--csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #b16235;--curriculum-color-landing-laptop:var(--csstools-light-dark-toggle--27,#e2632c);--csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #cb96ee;--curriculum-color-list-item-icon-topic-practices:var(--csstools-light-dark-toggle--28,#962eff);--csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #f3d78c;--curriculum-color-list-item-icon-topic-scripting:var(--csstools-light-dark-toggle--29,#756a00);--csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #f38c94;--curriculum-color-list-item-icon-topic-standards:var(--csstools-light-dark-toggle--30,#d10038);--csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #96acee;--curriculum-color-list-item-icon-topic-styling:var(--csstools-light-dark-toggle--31,#0061c2);--csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #8cf3b8;--curriculum-color-list-item-icon-topic-tooling:var(--csstools-light-dark-toggle--32,#007a35);--csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) #cb96ee;--curriculum-color-topic-practices:var(--csstools-light-dark-toggle--33,#962eff);--csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #f3d78c;--curriculum-color-topic-scripting:var(--csstools-light-dark-toggle--34,#756a00);--csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #f38c94;--curriculum-color-topic-standards:var(--csstools-light-dark-toggle--35,#d10038);--csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #96acee;--curriculum-color-topic-styling:var(--csstools-light-dark-toggle--36,#0061c2);--csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #8cf3b8;--curriculum-color-topic-tooling:var(--csstools-light-dark-toggle--37,#007a35);--csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #e2632c;--curriculum-color:var(--csstools-light-dark-toggle--38,#d87e55);--csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #25170e;--curriculum-module-label-bg-color:var(--csstools-light-dark-toggle--39,#fefaf6);--csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #e2632c;--curriculum-module-label-color:var(--csstools-light-dark-toggle--40,#b74d1f);--csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #b1733526;--csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #b162350f;--curriculum-shadow-landing-about-ul:0 4px 10px 0 var(--csstools-light-dark-toggle--41,#e2632c0f),0 -2px 4px 0 var(--csstools-light-dark-toggle--42,#b162350f);--csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #24242426;--csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #57575726;--curriculum-shadow:4px 4px 8px 0 var(--csstools-light-dark-toggle--43,#e2632c0f),-4px 4px 8px 0 var(--csstools-light-dark-toggle--44,#b3b3b326)}}[data-theme=dark]:root .curriculum-content-container{--curriculum-landing-about-beginner:url(/static/client/curriculum-landing-about-beginner.c283306531a0a760.svg#dark);--curriculum-landing-about-pace:url(/static/client/curriculum-landing-about-pace.caf53bc7642d2d9e.svg#dark);--curriculum-landing-about-free:url(/static/client/curriculum-landing-about-free.860c02f993720011.svg#dark);--curriculum-landing-about-bullet:url(/static/client/curriculum-landing-about-bullet.329a46667f2b7b1c.svg#dark);--curriculum-landing-started-beginner:url(/static/client/curriculum-landing-started-beginner.684ee16fbad28594.svg#dark);--curriculum-landing-started-advanced:url(/static/client/curriculum-landing-started-advanced.6aa084114d4a009d.svg#dark);--curriculum-landing-started-employment:url(/static/client/curriculum-landing-started-employment.ad9634ce6c19f3ba.svg#dark);--curriculum-landing-started-educator:url(/static/client/curriculum-landing-started-educator.1fc04ca1f8ce8d38.svg#dark);--curriculum-module-mdn-resource:url(/static/client/curriculum-mdn-resource.f452724542f874b8.svg#dark);--curriculum-bullet:url(/static/client/curriculum-bullet.934e76f0055c7737.svg#dark);--curriculum-about-covered:url(/static/client/curriculum-about-covered.74e453cf7e1a86c2.svg#dark);--curriculum-about-detail:url(/static/client/curriculum-about-detail.515f645950e2300b.svg#dark);--curriculum-about-educators:url(/static/client/curriculum-about-educators.91685cbbd58c65fb.svg#dark);--curriculum-about-not:url(/static/client/curriculum-about-not.42caac16e07477b5.svg#dark);--curriculum-about-students:url(/static/client/curriculum-about-students.36ca88cba5f00272.svg#dark);--curriculum-bg-image-partner:url(/static/client/curriculum-partner-bg.247900de90ec7d1e.svg#dark);--curriculum-scrim-bg:url(/static/client/curriculum-scrim-bg.66afaab49246fbd9.svg#dark);--curriculum-landing-arrow:url(/static/client/curriculum-landing-arrow.37d9469e2da628fb.svg#dark)}@media (prefers-color-scheme:dark){.curriculum-content-container{--curriculum-landing-about-beginner:url(/static/client/curriculum-landing-about-beginner.c283306531a0a760.svg#dark);--curriculum-landing-about-pace:url(/static/client/curriculum-landing-about-pace.caf53bc7642d2d9e.svg#dark);--curriculum-landing-about-free:url(/static/client/curriculum-landing-about-free.860c02f993720011.svg#dark);--curriculum-landing-about-bullet:url(/static/client/curriculum-landing-about-bullet.329a46667f2b7b1c.svg#dark);--curriculum-landing-started-beginner:url(/static/client/curriculum-landing-started-beginner.684ee16fbad28594.svg#dark);--curriculum-landing-started-advanced:url(/static/client/curriculum-landing-started-advanced.6aa084114d4a009d.svg#dark);--curriculum-landing-started-employment:url(/static/client/curriculum-landing-started-employment.ad9634ce6c19f3ba.svg#dark);--curriculum-landing-started-educator:url(/static/client/curriculum-landing-started-educator.1fc04ca1f8ce8d38.svg#dark);--curriculum-module-mdn-resource:url(/static/client/curriculum-mdn-resource.f452724542f874b8.svg#dark);--curriculum-bullet:url(/static/client/curriculum-bullet.934e76f0055c7737.svg#dark);--curriculum-about-covered:url(/static/client/curriculum-about-covered.74e453cf7e1a86c2.svg#dark);--curriculum-about-detail:url(/static/client/curriculum-about-detail.515f645950e2300b.svg#dark);--curriculum-about-educators:url(/static/client/curriculum-about-educators.91685cbbd58c65fb.svg#dark);--curriculum-about-not:url(/static/client/curriculum-about-not.42caac16e07477b5.svg#dark);--curriculum-about-students:url(/static/client/curriculum-about-students.36ca88cba5f00272.svg#dark);--curriculum-bg-image-partner:url(/static/client/curriculum-partner-bg.247900de90ec7d1e.svg#dark);--curriculum-scrim-bg:url(/static/client/curriculum-scrim-bg.66afaab49246fbd9.svg#dark);--curriculum-landing-arrow:url(/static/client/curriculum-landing-arrow.37d9469e2da628fb.svg#dark)}}.curriculum-content-container{--background-toc-active:var(--curriculum-bg-color);--category-color:var(--curriculum-category-color);--curriculum-bg-color-topic:var(--curriculum-bg-color);--curriculum-color-topic:var(--curriculum-color)}.curriculum-content-container .topic-standards{--curriculum-bg-color-topic:var(--curriculum-bg-color-topic-standards);--curriculum-color-topic:var(--curriculum-color-topic-standards);--curriculum-bg-color-list-item-header:var(
-      --curriculum-bg-color-list-item-topic-standards
-    );--curriculum-color-list-item-icon:var(
-      --curriculum-color-list-item-icon-topic-standards
-    );--curriculum-bg-color-list-item-icon:var(
-      --curriculum-bg-color-list-item-icon-topic-standards
-    )}.curriculum-content-container .topic-styling{--curriculum-bg-color-topic:var(--curriculum-bg-color-topic-styling);--curriculum-color-topic:var(--curriculum-color-topic-styling);--curriculum-bg-color-list-item-header:var(
-      --curriculum-bg-color-list-item-topic-styling
-    );--curriculum-color-list-item-icon:var(
-      --curriculum-color-list-item-icon-topic-styling
-    );--curriculum-bg-color-list-item-icon:var(
-      --curriculum-bg-color-list-item-icon-topic-styling
-    )}.curriculum-content-container .topic-scripting{--curriculum-bg-color-topic:var(--curriculum-bg-color-topic-scripting);--curriculum-color-topic:var(--curriculum-color-topic-scripting);--curriculum-bg-color-list-item-header:var(
-      --curriculum-bg-color-list-item-topic-scripting
-    );--curriculum-color-list-item-icon:var(
-      --curriculum-color-list-item-icon-topic-scripting
-    );--curriculum-bg-color-list-item-icon:var(
-      --curriculum-bg-color-list-item-icon-topic-scripting
-    )}.curriculum-content-container .topic-tooling{--curriculum-bg-color-topic:var(--curriculum-bg-color-topic-tooling);--curriculum-color-topic:var(--curriculum-color-topic-tooling);--curriculum-bg-color-list-item-header:var(
-      --curriculum-bg-color-list-item-topic-tooling
-    );--curriculum-color-list-item-icon:var(
-      --curriculum-color-list-item-icon-topic-tooling
-    );--curriculum-bg-color-list-item-icon:var(
-      --curriculum-bg-color-list-item-icon-topic-tooling
-    )}.curriculum-content-container .topic-practices{--curriculum-bg-color-topic:var(--curriculum-bg-color-topic-practices);--curriculum-color-topic:var(--curriculum-color-topic-practices);--curriculum-bg-color-list-item-header:var(
-      --curriculum-bg-color-list-item-topic-practices
-    );--curriculum-color-list-item-icon:var(
-      --curriculum-color-list-item-icon-topic-practices
-    );--curriculum-bg-color-list-item-icon:var(
-      --curriculum-bg-color-list-item-icon-topic-practices
-    )}.curriculum-content-container .toc{max-height:calc(100vh - var(--sticky-header-height));overflow-y:auto;position:sticky;top:var(--sticky-header-height)}:is(.curriculum-content-container .toc) .document-toc{margin-bottom:2rem;padding:0}:is(:is(.curriculum-content-container .toc) .document-toc) .document-toc-heading{font-size:var(--font-size-normal);font-weight:400;letter-spacing:1.5px;line-height:var(--font-line-content);margin:0 0 1rem}:is(:is(.curriculum-content-container .toc) .document-toc) .document-toc-list{--toc-header-font-size:var(--font-size-small);font-size:var(--font-size-small);list-style:none;padding-left:0}:is(:is(:is(.curriculum-content-container .toc) .document-toc) .document-toc-list) li{margin:0}:is(:is(.curriculum-content-container .toc) .document-toc) .document-toc-link{border-left:2px solid var(--color-border-primary);color:var(--color-text-secondary);display:inline-block;padding:.5rem 1rem;-webkit-text-decoration:none;text-decoration:none}:is(:is(:is(.curriculum-content-container .toc) .document-toc) .document-toc-link):hover{color:var(--text-link)}[aria-current]:is(:is(:is(.curriculum-content-container .toc) .document-toc) .document-toc-link):not([aria-current=""],[aria-current=false]){background-color:var(--background-toc-active);border-bottom-right-radius:.25rem;border-left:2px solid var(--category-color);border-top-right-radius:.25rem;color:var(--text-primary);font-weight:600}:is(:is(.curriculum-content-container .toc) .document-toc) .document-toc-item-sub>.document-toc-link:not(.button){padding-left:2rem}:is(:is(.curriculum-content-container .toc) .document-toc) h2{font-size:var(--toc-header-font-size,var(--font-size-large));font-weight:400;margin:0;padding:0}:is(:is(.curriculum-content-container .toc) .document-toc) ul{display:grid;list-style:none;margin:0;padding:0}:is(:is(:is(.curriculum-content-container .toc) .document-toc) ul) ul{padding-left:1rem}:is(:is(.curriculum-content-container .toc) .document-toc) a{color:inherit;display:block;padding:.5rem;-webkit-text-decoration:none;text-decoration:none}:is(:is(:is(.curriculum-content-container .toc) .document-toc) a):hover:not([aria-current=true]){color:var(--color-link-normal)}[aria-current=true]:is(:is(:is(.curriculum-content-container .toc) .document-toc) a){background-color:var(--color-background-blue);box-shadow:-2px 0 0 var(--color-blue-50)}@media (max-width:769px){:is(.curriculum-content-container .toc) .document-toc{padding:0 1rem}}:is(:is(.curriculum-content-container .toc) .document-toc) .show-toc{display:block}.curriculum-content-container{line-height:var(--font-line-content)}.curriculum-content-container .curriculum-content,.curriculum-content-container .curriculum-sidebar,.curriculum-content-container .toc{padding-bottom:3rem;padding-top:3rem}:is(:is(.curriculum-content-container .curriculum-content) .modules) input[type=radio]:not(:checked)~ol{display:none}.curriculum-content-container .curriculum-content{max-width:100%}:is(.curriculum-content-container .curriculum-content) :target{scroll-margin-top:var(--sticky-header-height)}:is(.curriculum-content-container .curriculum-content) h1{font-size:var(--font-size-largest);font-weight:600;line-height:1.2;margin-bottom:2rem}:is(.curriculum-content-container .curriculum-content) h2{font-size:var(--font-size-larger);font-weight:500;margin:4rem 0 .5rem}:is(.curriculum-content-container .curriculum-content) h3{font-size:var(--font-size-large);font-weight:300;margin:2rem 0 .5rem}:is(:is(.curriculum-content-container .curriculum-content) h1,:is(.curriculum-content-container .curriculum-content) h2,:is(.curriculum-content-container .curriculum-content) h3,:is(.curriculum-content-container .curriculum-content) h4,:is(.curriculum-content-container .curriculum-content) h5,:is(.curriculum-content-container .curriculum-content) h6) a:link,:is(:is(.curriculum-content-container .curriculum-content) h1,:is(.curriculum-content-container .curriculum-content) h2,:is(.curriculum-content-container .curriculum-content) h3,:is(.curriculum-content-container .curriculum-content) h4,:is(.curriculum-content-container .curriculum-content) h5,:is(.curriculum-content-container .curriculum-content) h6) a:visited{color:var(--text-primary);-webkit-text-decoration:none;text-decoration:none}:is(:is(.curriculum-content-container .curriculum-content) h1,:is(.curriculum-content-container .curriculum-content) h2,:is(.curriculum-content-container .curriculum-content) h3,:is(.curriculum-content-container .curriculum-content) h4,:is(.curriculum-content-container .curriculum-content) h5,:is(.curriculum-content-container .curriculum-content) h6) a:focus,:is(:is(.curriculum-content-container .curriculum-content) h1,:is(.curriculum-content-container .curriculum-content) h2,:is(.curriculum-content-container .curriculum-content) h3,:is(.curriculum-content-container .curriculum-content) h4,:is(.curriculum-content-container .curriculum-content) h5,:is(.curriculum-content-container .curriculum-content) h6) a:hover{-webkit-text-decoration:underline;text-decoration:underline}:is(:is(.curriculum-content-container .curriculum-content) h1,:is(.curriculum-content-container .curriculum-content) h2,:is(.curriculum-content-container .curriculum-content) h3,:is(.curriculum-content-container .curriculum-content) h4,:is(.curriculum-content-container .curriculum-content) h5,:is(.curriculum-content-container .curriculum-content) h6) a:active{background-color:initial}:is(:is(.curriculum-content-container .curriculum-content) h1,:is(.curriculum-content-container .curriculum-content) h2,:is(.curriculum-content-container .curriculum-content) h3,:is(.curriculum-content-container .curriculum-content) h4,:is(.curriculum-content-container .curriculum-content) h5,:is(.curriculum-content-container .curriculum-content) h6) a[href^="#"]:not(.button){-webkit-text-decoration:none;text-decoration:none}:is(:is(:is(.curriculum-content-container .curriculum-content) h1,:is(.curriculum-content-container .curriculum-content) h2,:is(.curriculum-content-container .curriculum-content) h3,:is(.curriculum-content-container .curriculum-content) h4,:is(.curriculum-content-container .curriculum-content) h5,:is(.curriculum-content-container .curriculum-content) h6) a[href^="#"]:not(.button)):before{color:var(--color-text-secondary);content:"#";display:inline-block;font-size:.7em;line-height:1;margin-left:-.8em;-webkit-text-decoration:none;text-decoration:none;visibility:hidden;width:.8em}:is(:is(:is(.curriculum-content-container .curriculum-content) h1,:is(.curriculum-content-container .curriculum-content) h2,:is(.curriculum-content-container .curriculum-content) h3,:is(.curriculum-content-container .curriculum-content) h4,:is(.curriculum-content-container .curriculum-content) h5,:is(.curriculum-content-container .curriculum-content) h6) a[href^="#"]:not(.button)):hover{-webkit-text-decoration:underline;text-decoration:underline}:is(:is(:is(.curriculum-content-container .curriculum-content) h1,:is(.curriculum-content-container .curriculum-content) h2,:is(.curriculum-content-container .curriculum-content) h3,:is(.curriculum-content-container .curriculum-content) h4,:is(.curriculum-content-container .curriculum-content) h5,:is(.curriculum-content-container .curriculum-content) h6) a[href^="#"]:not(.button)):hover:before{visibility:visible}.curriculum-content-container ol,.curriculum-content-container ul{list-style:none;margin:0;padding:0}.curriculum-content-container,.curriculum-content-container .button{--button-padding:1rem}:is(.curriculum-content-container .curriculum-content) a:not(.button){color:var(--text-link)}:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):link,:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):visited{-webkit-text-decoration:underline;text-decoration:underline}.button:is(:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):link,:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):visited),:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):focus,:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):hover{-webkit-text-decoration:none;text-decoration:none}:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):visited:not([href^="#"]){color:var(--text-visited)}:is(.curriculum-content-container .curriculum-content) ol,:is(.curriculum-content-container .curriculum-content) ul{list-style:none;padding:0}:is(:is(.curriculum-content-container .curriculum-content) ol,:is(.curriculum-content-container .curriculum-content) ul) li>p{margin:0}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content)>header>h1{margin-bottom:2rem}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content)>header>h1)>span{color:var(--curriculum-color)}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) .module-contents)>h2{margin-bottom:2rem;margin-top:4rem}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) section h2:first-of-type{margin-top:2rem}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes{background-color:var(--curriculum-bg-color-note);border:0;border-radius:var(--elem-radius);margin:1rem;padding:1rem}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) ol,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) ul{padding-left:1rem}:is(:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) ol,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) ul) li:last-child{margin-bottom:0}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) ol,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) p,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) ul{margin-top:.5rem}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes)>p:first-child{margin-top:0}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes)>:last-child{margin-bottom:0}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) p.curriculum-outcomes{display:flex;font-weight:var(--font-body-strong-weight);margin-bottom:.5rem}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) p.curriculum-outcomes):before{content:url(/static/client/curriculum-resources.42e1db709b0eb7f8.svg);display:block;height:24px;margin-right:.5rem;width:24px}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) ol,:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) ul{margin:1rem 0;padding-left:2rem}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) ol,:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) ul) ol,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) ol,:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) ul) ul{margin:0}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) li{list-style-type:disc;margin:.5rem 0}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) mdn-scrim-inline{aspect-ratio:1.5;display:block;margin:.5rem auto;max-width:36rem;width:100%}:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) p:has(>scrim-inline:only-child){margin:1rem 0}.curriculum-content-container .curriculum-prev-next{display:flex;flex-wrap:wrap;gap:0 1rem;justify-content:space-between;margin-top:2rem;width:100%}
-/*# sourceMappingURL=1197.25090f81ab4208bc.css.map*/