@mdn/fred 2.2.0 → 2.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -0
- package/components/content-section/server.css +1 -1
- package/components/curriculum/layout.css +2 -77
- package/components/curriculum/sidebar.css +0 -4
- package/components/curriculum/toc.css +1 -3
- package/components/curriculum-about/server.js +15 -6
- package/components/curriculum-default/server.js +15 -6
- package/components/curriculum-module/server.js +15 -6
- package/components/curriculum-overview/server.js +15 -36
- package/components/generic-layout/server.css +4 -60
- package/components/generic-layout/server.js +9 -4
- package/components/generic-sidebar/server.css +1 -3
- package/components/generic-toc/server.css +0 -3
- package/components/homepage-contributor-spotlight/server.css +5 -1
- package/components/html/global.css +2 -1
- package/components/layout/2-sidebars.css +141 -0
- package/components/layout/README.md +52 -10
- package/components/layout/global.css +5 -6
- package/components/left-sidebar/server.css +2 -12
- package/components/page-layout/server.css +1 -1
- package/components/play-console/element.css +15 -0
- package/components/print/global.css +2 -2
- package/components/reference-layout/server.css +2 -80
- package/components/reference-layout/server.js +6 -6
- package/out/service-worker.js +1 -1
- package/out/service-worker.js.map +1 -1
- package/out/static/client/{198.edf1fdf142c21fb8.css → 198.f743d603d3fa74b7.css} +2 -2
- package/out/static/client/{198.edf1fdf142c21fb8.css.map → 198.f743d603d3fa74b7.css.map} +1 -1
- package/out/static/client/270.66bae6059a1c23f9.css +2 -0
- package/out/static/client/270.66bae6059a1c23f9.css.map +1 -0
- package/out/static/client/5408.a0622390fa1726dc.css +2 -0
- package/out/static/client/5408.a0622390fa1726dc.css.map +1 -0
- package/out/static/client/6216.91b6560dce4c40eb.js +2 -0
- package/out/static/client/6216.91b6560dce4c40eb.js.map +1 -0
- package/out/static/client/6760.d97440f1ca6690c6.js +6 -0
- package/out/static/client/6760.d97440f1ca6690c6.js.map +1 -0
- package/out/static/client/{749.f46b8d04d93e42db.js → 749.15180d605dd9d7e9.js} +2 -2
- package/out/static/client/749.15180d605dd9d7e9.js.map +1 -0
- package/out/static/client/{index.a66b5a087a738e61.js → index.a845f20de1913b16.js} +3 -3
- package/out/static/client/{index.a66b5a087a738e61.js.map → index.a845f20de1913b16.js.map} +1 -1
- package/out/static/client/{runtime.149f3caaca6b394a.js → runtime.b11a359ec0a4abb0.js} +2 -2
- package/out/static/client/{runtime.149f3caaca6b394a.js.map → runtime.b11a359ec0a4abb0.js.map} +1 -1
- package/out/static/client/stats.json +740 -686
- package/out/static/client/styles-a11y-menu.7b49a1a7289a65dd.js +1 -0
- package/out/static/client/styles-advertising.ee901de4f53dfcfb.js +1 -0
- package/out/static/client/styles-article-footer.e9f7514e3e96e55e.js +1 -0
- package/out/static/client/styles-banner.d39b1822c276b7a1.js +1 -0
- package/out/static/client/styles-baseline-indicator.b0124633d8959185.js +1 -0
- package/out/static/client/styles-blog-index.a6463d0111bfa84b.js +1 -0
- package/out/static/client/styles-blog-post.226761d5090b01f6.js +1 -0
- package/out/static/client/{styles-blog-post.23b8b3e8e0ec1e69.css → styles-blog-post.c03ec8a22f8d4ff6.css} +2 -2
- package/out/static/client/{styles-blog-post.23b8b3e8e0ec1e69.css.map → styles-blog-post.c03ec8a22f8d4ff6.css.map} +1 -1
- package/out/static/client/styles-breadcrumbs-bar.9539fa2e37251d88.js +1 -0
- package/out/static/client/{styles-breadcrumbs-bar.02910e49bb8b2372.css → styles-breadcrumbs-bar.9a51a3c76a6231d0.css} +2 -2
- package/out/static/client/{styles-breadcrumbs-bar.02910e49bb8b2372.css.map → styles-breadcrumbs-bar.9a51a3c76a6231d0.css.map} +1 -1
- package/out/static/client/styles-breadcrumbs.73650619944b4ea9.js +1 -0
- package/out/static/client/styles-button.63c03050fb25b8ce.js +1 -0
- package/out/static/client/{styles-content-section.302cd1e445138b77.css → styles-content-section.01ee04d014688a05.css} +2 -2
- package/out/static/client/{styles-content-section.302cd1e445138b77.css.map → styles-content-section.01ee04d014688a05.css.map} +1 -1
- package/out/static/client/styles-content-section.4ebcf9edf977159a.js +1 -0
- package/out/static/client/styles-contributor-spotlight.f585c3be560baa36.js +1 -0
- package/out/static/client/styles-curriculum-about.df2a58fdc99668aa.js +1 -0
- package/out/static/client/styles-curriculum-default.87a662ae2e005fdc.js +1 -0
- package/out/static/client/styles-curriculum-landing.9af582d4a3e0692e.js +1 -0
- package/out/static/client/styles-curriculum-module.f87720da3b256bba.js +1 -0
- package/out/static/client/styles-curriculum-overview.16cdc5cb80128597.js +1 -0
- package/out/static/client/styles-featured-articles.950585abbd167c3f.js +1 -0
- package/out/static/client/styles-footer.f49c80542ef1fffb.js +1 -0
- package/out/static/client/styles-generic-about.b208cb4d9b62f6c5.js +1 -0
- package/out/static/client/styles-generic-community.264a7b11b708e2ae.js +1 -0
- package/out/static/client/styles-generic-content.bd4990121f075489.js +1 -0
- package/out/static/client/styles-generic-layout.1bc69c25775219ab.css +2 -0
- package/out/static/client/styles-generic-layout.1bc69c25775219ab.css.map +1 -0
- package/out/static/client/styles-generic-layout.518d8e7529d6d1e8.js +1 -0
- package/out/static/client/styles-generic-sidebar.a304a0ae4ff5d9d0.css +2 -0
- package/out/static/client/styles-generic-sidebar.a304a0ae4ff5d9d0.css.map +1 -0
- package/out/static/client/styles-generic-sidebar.a6ddb6ad375b6dea.js +1 -0
- package/out/static/client/styles-generic-toc.25a47b5903329e13.js +1 -0
- package/out/static/client/styles-generic-toc.b6981465a649e2b6.css +2 -0
- package/out/static/client/styles-generic-toc.b6981465a649e2b6.css.map +1 -0
- package/out/static/client/styles-global.b5c1c00652883917.js +1 -0
- package/out/static/client/{styles-global.2db431c11b66274e.css → styles-global.d24cf1d2734970c9.css} +2 -2
- package/out/static/client/{styles-global.2db431c11b66274e.css.map → styles-global.d24cf1d2734970c9.css.map} +1 -1
- package/out/static/client/styles-heading-anchor.a68e3e0eb0044a98.js +1 -0
- package/out/static/client/styles-homepage-body.04efe05e01579005.js +1 -0
- package/out/static/client/styles-homepage-contributor-spotlight.2bcbb1476c70410c.css +2 -0
- package/out/static/client/styles-homepage-contributor-spotlight.2bcbb1476c70410c.css.map +1 -0
- package/out/static/client/styles-homepage-contributor-spotlight.2da6fde81ab2e03a.js +1 -0
- package/out/static/client/styles-homepage-footer.d85ee198521b0417.js +1 -0
- package/out/static/client/styles-homepage-header.5c911fca0afedc7b.js +1 -0
- package/out/static/client/styles-homepage-hero.84542c123063331a.js +1 -0
- package/out/static/client/styles-homepage.6e3908e268226cfc.js +1 -0
- package/out/static/client/styles-latest-news.44b2cf830a3df3ba.js +1 -0
- package/out/static/client/styles-left-sidebar.81864a1b1af13cdc.css +2 -0
- package/out/static/client/styles-left-sidebar.81864a1b1af13cdc.css.map +1 -0
- package/out/static/client/styles-left-sidebar.c2ccc5982e4f4ec0.js +1 -0
- package/out/static/client/styles-logo.0e5223b5ca6c5c86.js +1 -0
- package/out/static/client/styles-mandala.5c6c0f84ff4bc09b.js +1 -0
- package/out/static/client/styles-menu.649d9e554d19dacb.js +1 -0
- package/out/static/client/styles-navigation.1bb818a8993b53bb.js +1 -0
- package/out/static/client/styles-not-found.5548da6ee760df5e.js +1 -0
- package/out/static/client/{styles-observatory-landing.7b47ee0004877825.css → styles-observatory-landing.55565f28f568d9fe.css} +2 -2
- package/out/static/client/{styles-observatory-landing.7b47ee0004877825.css.map → styles-observatory-landing.55565f28f568d9fe.css.map} +1 -1
- package/out/static/client/styles-observatory-landing.7b756d84bfd1f4a5.js +1 -0
- package/out/static/client/{styles-observatory-results.d8a2bea1fbfd4b2b.css → styles-observatory-results.8a6dcd7f335b94cc.css} +2 -2
- package/out/static/client/{styles-observatory-results.d8a2bea1fbfd4b2b.css.map → styles-observatory-results.8a6dcd7f335b94cc.css.map} +1 -1
- package/out/static/client/styles-observatory-results.a50f31e31fe5ce13.js +1 -0
- package/out/static/client/{styles-page-layout.e9b295138adbd4bc.css → styles-page-layout.5a4354f33e894319.css} +2 -2
- package/out/static/client/{styles-page-layout.e9b295138adbd4bc.css.map → styles-page-layout.5a4354f33e894319.css.map} +1 -1
- package/out/static/client/styles-page-layout.9a6bdcc133e4e481.js +1 -0
- package/out/static/client/styles-pagination.5b25c72cc0556f24.js +1 -0
- package/out/static/client/styles-playground.090bda8c12a63ec0.js +1 -0
- package/out/static/client/styles-recent-contributions.e713ba28ab0b7bc3.js +1 -0
- package/out/static/client/styles-reference-layout.e853d0ede90ff6ff.js +1 -0
- package/out/static/client/styles-reference-layout.f17861486ef2423f.css +2 -0
- package/out/static/client/styles-reference-layout.f17861486ef2423f.css.map +1 -0
- package/out/static/client/styles-reference-toc.dcf148c129d92975.js +1 -0
- package/out/static/client/styles-sandbox.dcb6dce1120b594d.js +1 -0
- package/out/static/client/{styles-site-search.ec3b6780533a8750.css → styles-site-search.3177bb12b1f83bf7.css} +2 -2
- package/out/static/client/{styles-site-search.ec3b6780533a8750.css.map → styles-site-search.3177bb12b1f83bf7.css.map} +1 -1
- package/out/static/client/styles-site-search.acc899abcd2a7645.js +1 -0
- package/out/static/client/styles-social-image.65fa265c06411ba3.js +1 -0
- package/out/static/client/styles-translation-banner.261e19907fee981b.js +1 -0
- package/out/static/client/styles-writer-toolbar.16afb45c733053cc.js +1 -0
- package/out/static/client/styles.298615289719f0aa.js +2 -0
- package/out/static/client/styles.298615289719f0aa.js.map +1 -0
- package/out/static/legacy/{2569.9f096bac448374bd.js → 2569.39ecdf7fe2d20c17.js} +2 -2
- package/out/static/legacy/{2569.9f096bac448374bd.js.map → 2569.39ecdf7fe2d20c17.js.map} +1 -1
- package/out/static/legacy/6753.9fefb8415a5a449e.js +27 -0
- package/out/static/legacy/6753.9fefb8415a5a449e.js.map +1 -0
- package/out/static/legacy/asset-manifest.json +8 -8
- package/out/static/legacy/{index.7ddac90f21db9f4e.html → index.5b77e00ea8d6df0b.html} +1 -1
- package/out/static/legacy/{index.6c7371784b8345e6.js → index.def60ac10a95218f.js} +3 -3
- package/out/static/legacy/{index.6c7371784b8345e6.js.map → index.def60ac10a95218f.js.map} +1 -1
- package/out/static/legacy/stats.json +13 -13
- package/out/static/legacy/{yari.74e397a2236facc5.js → yari.c9b6c25e48cbb380.js} +4 -4
- package/out/static/legacy/yari.c9b6c25e48cbb380.js.map +1 -0
- package/out/static/ssr/index.js +78 -37
- package/out/static/ssr/index.js.map +1 -1
- package/out/static/ssr/stats.json +4 -4
- package/package.json +18 -18
- package/out/static/client/5408.4bc756c440135b62.css +0 -2
- package/out/static/client/5408.4bc756c440135b62.css.map +0 -1
- package/out/static/client/6216.1bfd3cf0b0a6c7df.js +0 -2
- package/out/static/client/6216.1bfd3cf0b0a6c7df.js.map +0 -1
- package/out/static/client/6760.6ac3b2b3affbbe00.js +0 -6
- package/out/static/client/6760.6ac3b2b3affbbe00.js.map +0 -1
- package/out/static/client/749.f46b8d04d93e42db.js.map +0 -1
- package/out/static/client/styles-a11y-menu.b09c6038ee60691b.js +0 -1
- package/out/static/client/styles-advertising.8a72634ac33967b3.js +0 -1
- package/out/static/client/styles-article-footer.2008e05e900132bf.js +0 -1
- package/out/static/client/styles-banner.1588da63ad451f94.js +0 -1
- package/out/static/client/styles-baseline-indicator.045ce266c0388ff2.js +0 -1
- package/out/static/client/styles-blog-index.af7e5efac0463be9.js +0 -1
- package/out/static/client/styles-blog-post.21543a25c5d0c820.js +0 -1
- package/out/static/client/styles-breadcrumbs-bar.4e50455c81d9f236.js +0 -1
- package/out/static/client/styles-breadcrumbs.3272f39f147fdb26.js +0 -1
- package/out/static/client/styles-button.93e42cbce83fe9f8.js +0 -1
- package/out/static/client/styles-content-section.b38423c0dca8e3e4.js +0 -1
- package/out/static/client/styles-contributor-spotlight.efe854e18205bd6c.js +0 -1
- package/out/static/client/styles-curriculum-about.eb719efa09eab2e3.js +0 -1
- package/out/static/client/styles-curriculum-default.648a02845551d4a6.js +0 -1
- package/out/static/client/styles-curriculum-landing.f3af2ff9b3815ed8.js +0 -1
- package/out/static/client/styles-curriculum-module.284687a631bdb6c0.js +0 -1
- package/out/static/client/styles-curriculum-overview.81d25abdbb43b369.js +0 -1
- package/out/static/client/styles-featured-articles.1390540e6554e233.js +0 -1
- package/out/static/client/styles-footer.15153a4030e38f8f.js +0 -1
- package/out/static/client/styles-generic-about.f0afaa2db7066430.js +0 -1
- package/out/static/client/styles-generic-community.ff945b87102835f8.js +0 -1
- package/out/static/client/styles-generic-content.d0e560a0506475b1.js +0 -1
- package/out/static/client/styles-generic-layout.42a5e62407bd0066.css +0 -2
- package/out/static/client/styles-generic-layout.42a5e62407bd0066.css.map +0 -1
- package/out/static/client/styles-generic-layout.ca2cef837e24e7df.js +0 -1
- package/out/static/client/styles-generic-sidebar.b2b48d0d08f8bae7.js +0 -1
- package/out/static/client/styles-generic-sidebar.db43d8c5c4748aca.css +0 -2
- package/out/static/client/styles-generic-sidebar.db43d8c5c4748aca.css.map +0 -1
- package/out/static/client/styles-generic-toc.109e07ffeb20bc67.css +0 -2
- package/out/static/client/styles-generic-toc.109e07ffeb20bc67.css.map +0 -1
- package/out/static/client/styles-generic-toc.e8887bbe84a31d72.js +0 -1
- package/out/static/client/styles-global.efc5040b727dfca4.js +0 -1
- package/out/static/client/styles-heading-anchor.d7e14184517a1d3e.js +0 -1
- package/out/static/client/styles-homepage-body.1196a061fab22906.js +0 -1
- package/out/static/client/styles-homepage-contributor-spotlight.09a6993f73166d63.js +0 -1
- package/out/static/client/styles-homepage-contributor-spotlight.edc39a3f01eb964e.css +0 -2
- package/out/static/client/styles-homepage-contributor-spotlight.edc39a3f01eb964e.css.map +0 -1
- package/out/static/client/styles-homepage-footer.472132358e452a8b.js +0 -1
- package/out/static/client/styles-homepage-header.e6423ccb0a814f99.js +0 -1
- package/out/static/client/styles-homepage-hero.1c106d7a3adb970a.js +0 -1
- package/out/static/client/styles-homepage.843ab43d3f720fb6.js +0 -1
- package/out/static/client/styles-latest-news.986caae0711fbfe3.js +0 -1
- package/out/static/client/styles-left-sidebar.4d5208e5cb72af05.css +0 -2
- package/out/static/client/styles-left-sidebar.4d5208e5cb72af05.css.map +0 -1
- package/out/static/client/styles-left-sidebar.5a4d56fc21aab182.js +0 -1
- package/out/static/client/styles-logo.9cf3aa133bae8020.js +0 -1
- package/out/static/client/styles-mandala.b9822fc945abee39.js +0 -1
- package/out/static/client/styles-menu.97e048a6ffc666ce.js +0 -1
- package/out/static/client/styles-navigation.58a2a0a1f8d4487b.js +0 -1
- package/out/static/client/styles-not-found.a5c00a725a178969.js +0 -1
- package/out/static/client/styles-observatory-landing.c729a3523c37df23.js +0 -1
- package/out/static/client/styles-observatory-results.d4d142541bf683e1.js +0 -1
- package/out/static/client/styles-page-layout.baa1dac2402744c9.js +0 -1
- package/out/static/client/styles-pagination.04e3a505f4e789a6.js +0 -1
- package/out/static/client/styles-playground.7de5e497e2ebfa83.js +0 -1
- package/out/static/client/styles-recent-contributions.f1ab270b54c7e8de.js +0 -1
- package/out/static/client/styles-reference-layout.2c2d031dc83d605a.css +0 -2
- package/out/static/client/styles-reference-layout.2c2d031dc83d605a.css.map +0 -1
- package/out/static/client/styles-reference-layout.5c4b832bc9420f51.js +0 -1
- package/out/static/client/styles-reference-toc.afd507fb6d5ef895.js +0 -1
- package/out/static/client/styles-sandbox.3de7bd2afac30c66.js +0 -1
- package/out/static/client/styles-site-search.05f228cb7ac309b2.js +0 -1
- package/out/static/client/styles-social-image.dbdccf6b8d9258f2.js +0 -1
- package/out/static/client/styles-translation-banner.7698ddb14a70d0e5.js +0 -1
- package/out/static/client/styles-writer-toolbar.f161f8bd86e23a2a.js +0 -1
- package/out/static/client/styles.a182af71488aad03.js +0 -2
- package/out/static/client/styles.a182af71488aad03.js.map +0 -1
- package/out/static/legacy/6753.c44647828e8b4816.js +0 -27
- package/out/static/legacy/6753.c44647828e8b4816.js.map +0 -1
- package/out/static/legacy/yari.74e397a2236facc5.js.map +0 -1
- /package/out/static/client/{index.a66b5a087a738e61.js.LICENSE.txt → index.a845f20de1913b16.js.LICENSE.txt} +0 -0
- /package/out/static/legacy/{6753.c44647828e8b4816.js.LICENSE.txt → 6753.9fefb8415a5a449e.js.LICENSE.txt} +0 -0
- /package/out/static/legacy/{index.6c7371784b8345e6.js.LICENSE.txt → index.def60ac10a95218f.js.LICENSE.txt} +0 -0
- /package/out/static/legacy/{yari.74e397a2236facc5.js.LICENSE.txt → yari.c9b6c25e48cbb380.js.LICENSE.txt} +0 -0
|
@@ -28,5 +28,5 @@
|
|
|
28
28
|
--curriculum-color-list-item-icon-topic-practices
|
|
29
29
|
);--curriculum-bg-color-list-item-icon:var(
|
|
30
30
|
--curriculum-bg-color-list-item-icon-topic-practices
|
|
31
|
-
)}.curriculum-content-container .curriculum-layout__toc{padding:2px}:is(.curriculum-content-container .curriculum-layout__toc) .document-toc{margin-bottom:2rem;padding:0}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-heading{font-size:var(--font-size-large);font-weight:var(--font-weight-normal);line-height:var(--font-line-content);padding:.75em 0}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-list{font-size:var(--font-size-normal);list-style:none;padding-left:0}:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-list) li{margin:0}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link{color:var(--color-text-primary);display:inline-block;padding:.25rem .5rem}:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link):not(:hover){-webkit-text-decoration:none;text-decoration:none}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link{border-left:2px solid var(--color-border-primary)}[aria-current]:is(:is(:is(.curriculum-content-container .curriculum-layout__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(--color-text-primary)}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-item-sub>.document-toc-link:not(.button){padding-left:2rem}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) h2{font-size:var(--font-size-normal);font-weight:400;margin:0;padding:0}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) ul{display:grid;list-style:none;margin:0;padding:0}:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) ul) ul{padding-left:1rem}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) a{color:inherit;display:block;padding:.5rem}:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) a):hover:not([aria-current=true]){color:var(--color-link-normal)}@media (width <= 769px){:is(.curriculum-content-container .curriculum-layout__toc) .document-toc{padding:0 1rem}}:is(:is(.curriculum-content-container .curriculum-layout__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:2rem}: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:var(--font-weight-bold);line-height:1.2;margin-bottom:2rem}:is(.curriculum-content-container .curriculum-content) h2{font-size:var(--font-size-larger);font-weight:500;margin:2rem 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: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}.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}.button:is(: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:none;text-decoration:none}: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:underline;text-decoration:underline}:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):visited:not([href^="#"]){color:var(--color-link-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)>h1{margin-bottom:2rem}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content)>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) code{background:var(--color-background-secondary);border-radius:.25em;padding:.125rem .25rem}: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-weight-bold);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%}
|
|
32
|
-
/*# sourceMappingURL=198.
|
|
31
|
+
)}:is(.curriculum-content-container .curriculum-layout__toc) .document-toc{margin-bottom:2rem;padding:0}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-heading{font-size:var(--font-size-large);font-weight:var(--font-weight-normal);line-height:var(--font-line-content);padding:.75em 0}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-list{font-size:var(--font-size-normal);list-style:none;padding-left:0}:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-list) li{margin:0}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link{color:var(--color-text-primary);display:inline-block;padding:.25rem .5rem}:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link):not(:hover){-webkit-text-decoration:none;text-decoration:none}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link{border-left:2px solid var(--color-border-primary)}[aria-current]:is(:is(:is(.curriculum-content-container .curriculum-layout__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(--color-text-primary)}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-item-sub>.document-toc-link:not(.button){padding-left:2rem}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) h2{font-size:var(--font-size-normal);font-weight:400;margin:0;padding:0}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) ul{display:grid;list-style:none;margin:0;padding:0}:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) ul) ul{padding-left:1rem}:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) a{color:inherit;display:block;padding:.5rem}:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) a):hover:not([aria-current=true]){color:var(--color-link-normal)}@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)){:is(.curriculum-content-container .curriculum-layout__toc) .document-toc{padding:0 1rem}}:is(:is(.curriculum-content-container .curriculum-layout__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:2rem}: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:var(--font-weight-bold);line-height:1.2;margin-bottom:2rem}:is(.curriculum-content-container .curriculum-content) h2{font-size:var(--font-size-larger);font-weight:500;margin:2rem 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: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}.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}.button:is(: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:none;text-decoration:none}: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:underline;text-decoration:underline}:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):visited:not([href^="#"]){color:var(--color-link-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)>h1{margin-bottom:2rem}:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content)>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) code{background:var(--color-background-secondary);border-radius:.25em;padding:.125rem .25rem}: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-weight-bold);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%}
|
|
32
|
+
/*# sourceMappingURL=198.f743d603d3fa74b7.css.map*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"198.edf1fdf142c21fb8.css","sources":["webpack://@mdn/fred/./components/curriculum/vars.css","webpack://@mdn/fred/./components/curriculum/toc.css","webpack://@mdn/fred/./components/curriculum/shared.css"],"sourcesContent":[".curriculum-content-container {\n --max-width: 74rem;\n --gutter: 1rem;\n --inner-width: calc(min(var(--max-width), 100vw) - 2 * var(--gutter));\n\n --csstools-light-dark-toggle-e1e18fe8-0: var(--csstools-color-scheme--light) hsl(0deg 0% 0%);\n\n --curriculum-bg-color-landing-about-ul: var(--csstools-light-dark-toggle-e1e18fe8-0, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-1: var(--csstools-color-scheme--light) hsl(28deg 46% 37%);\n --curriculum-bg-color-landing-stairway-floor: var(--csstools-light-dark-toggle-e1e18fe8-1, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-2: var(--csstools-color-scheme--light) hsl(22deg 44% 10%);\n --curriculum-bg-color-landing-top-icon: var(--csstools-light-dark-toggle-e1e18fe8-2, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-3: var(--csstools-color-scheme--light) hsl(18deg 13% 5%);\n --curriculum-bg-color-landing: var(--csstools-light-dark-toggle-e1e18fe8-3, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-4: var(--csstools-color-scheme--light) hsl(0deg 0% 0%);\n --curriculum-bg-color-list-item-body: var(--csstools-light-dark-toggle-e1e18fe8-4, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-5: var(--csstools-color-scheme--light) hsl(265deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-5, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-6: var(--csstools-color-scheme--light) hsl(42deg 33% 38%);\n --curriculum-bg-color-list-item-icon-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-6, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-7: var(--csstools-color-scheme--light) hsl(357deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-7, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-8: var(--csstools-color-scheme--light) hsl(224deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-8, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-9: var(--csstools-color-scheme--light) hsl(142deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-9, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-10: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-10, hsl(265deg 100% 70% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-11: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-11, hsl(54deg 100% 29% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-12: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-12, hsl(344deg 100% 58% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-13: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-13, hsl(205deg 100% 47% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-14: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-14, hsl(146deg 100% 30% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-15: var(--csstools-color-scheme--light) hsl(26deg 10% 18%);\n --curriculum-bg-color-note: var(--csstools-light-dark-toggle-e1e18fe8-15, hsl(30deg 77% 95% / 50%));\n --csstools-light-dark-toggle-e1e18fe8-16: var(--csstools-color-scheme--light) hsl(30deg 7% 12%);\n --curriculum-bg-color-partner: var(--csstools-light-dark-toggle-e1e18fe8-16, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-17: var(--csstools-color-scheme--light) hsl(265deg 31% 38%);\n --curriculum-bg-color-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-17, hsl(265deg 100% 70% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-18: var(--csstools-color-scheme--light) hsl(44deg 29% 36%);\n --curriculum-bg-color-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-18, hsl(54deg 100% 29% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-19: var(--csstools-color-scheme--light) hsl(355deg 34% 45%);\n --curriculum-bg-color-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-19, hsl(344deg 100% 58% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-20: var(--csstools-color-scheme--light) hsl(225deg 34% 46%);\n --curriculum-bg-color-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-20, hsl(205deg 100% 47% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-21: var(--csstools-color-scheme--light) hsl(137deg 36% 37%);\n --curriculum-bg-color-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-21, hsl(146deg 100% 30% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-22: var(--csstools-color-scheme--light) hsl(22deg 44% 10%);\n --curriculum-bg-color: var(--csstools-light-dark-toggle-e1e18fe8-22, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-23: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-large-color: var(--csstools-light-dark-toggle-e1e18fe8-23, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-24: var(--csstools-color-scheme--light) hsl(0deg 0% 80% / 65%);\n --curriculum-border-color-hover: var(--csstools-light-dark-toggle-e1e18fe8-24, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-25: var(--csstools-color-scheme--light) hsl(0deg 0% 31%);\n --curriculum-border-color: var(--csstools-light-dark-toggle-e1e18fe8-25, hsl(0deg 4% 95%));\n --csstools-light-dark-toggle-e1e18fe8-26: var(--csstools-color-scheme--light) hsl(18deg 76% 53%);\n --curriculum-category-color: var(--csstools-light-dark-toggle-e1e18fe8-26, hsl(18deg 76% 53%));\n --csstools-light-dark-toggle-e1e18fe8-27: var(--csstools-color-scheme--light) hsl(22deg 54% 45%);\n --curriculum-color-landing-laptop: var(--csstools-light-dark-toggle-e1e18fe8-27, hsl(18deg 76% 53%));\n --csstools-light-dark-toggle-e1e18fe8-28: var(--csstools-color-scheme--light) hsl(276deg 72% 76%);\n --curriculum-color-list-item-icon-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-28, hsl(270deg 100% 59%));\n --csstools-light-dark-toggle-e1e18fe8-29: var(--csstools-color-scheme--light) hsl(44deg 81% 75%);\n --curriculum-color-list-item-icon-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-29, hsl(54deg 100% 23%));\n --csstools-light-dark-toggle-e1e18fe8-30: var(--csstools-color-scheme--light) hsl(355deg 81% 75%);\n --curriculum-color-list-item-icon-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-30, hsl(344deg 100% 41%));\n --csstools-light-dark-toggle-e1e18fe8-31: var(--csstools-color-scheme--light) hsl(225deg 72% 76%);\n --curriculum-color-list-item-icon-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-31, hsl(210deg 100% 38%));\n --csstools-light-dark-toggle-e1e18fe8-32: var(--csstools-color-scheme--light) hsl(146deg 81% 75%);\n --curriculum-color-list-item-icon-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-32, hsl(146deg 100% 24%));\n --csstools-light-dark-toggle-e1e18fe8-33: var(--csstools-color-scheme--light) hsl(276deg 72% 76%);\n --curriculum-color-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-33, hsl(270deg 100% 59%));\n --csstools-light-dark-toggle-e1e18fe8-34: var(--csstools-color-scheme--light) hsl(44deg 81% 75%);\n --curriculum-color-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-34, hsl(54deg 100% 23%));\n --csstools-light-dark-toggle-e1e18fe8-35: var(--csstools-color-scheme--light) hsl(355deg 81% 75%);\n --curriculum-color-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-35, hsl(344deg 100% 41%));\n --csstools-light-dark-toggle-e1e18fe8-36: var(--csstools-color-scheme--light) hsl(225deg 72% 76%);\n --curriculum-color-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-36, hsl(210deg 100% 38%));\n --csstools-light-dark-toggle-e1e18fe8-37: var(--csstools-color-scheme--light) hsl(146deg 81% 75%);\n --curriculum-color-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-37, hsl(146deg 100% 24%));\n --csstools-light-dark-toggle-e1e18fe8-38: var(--csstools-color-scheme--light) hsl(18deg 76% 53%);\n --curriculum-color: var(--csstools-light-dark-toggle-e1e18fe8-38, hsl(19deg 63% 59%));\n --csstools-light-dark-toggle-e1e18fe8-39: var(--csstools-color-scheme--light) hsl(22deg 44% 10%);\n --curriculum-module-label-bg-color: var(--csstools-light-dark-toggle-e1e18fe8-39, hsl(30deg 77% 98%));\n --csstools-light-dark-toggle-e1e18fe8-40: var(--csstools-color-scheme--light) hsl(18deg 76% 53%);\n --curriculum-module-label-color: var(--csstools-light-dark-toggle-e1e18fe8-40, hsl(18deg 71% 42%));\n --csstools-light-dark-toggle-e1e18fe8-41:\n var(--csstools-color-scheme--light) hsl(30deg 54% 45% / 15%);\n --csstools-light-dark-toggle-e1e18fe8-42:\n var(--csstools-color-scheme--light) hsl(22deg 54% 45% / 6%);\n --curriculum-shadow-landing-about-ul:\n 0 4px 10px 0 var(--csstools-light-dark-toggle-e1e18fe8-41, hsl(18deg 76% 53% / 6%)),\n 0 -2px 4px 0 var(--csstools-light-dark-toggle-e1e18fe8-42, hsl(22deg 54% 45% / 6%));\n --csstools-light-dark-toggle-e1e18fe8-43:\n var(--csstools-color-scheme--light) hsl(0deg 0% 14% / 15%);\n --csstools-light-dark-toggle-e1e18fe8-44:\n var(--csstools-color-scheme--light) hsl(0deg 0% 34% / 15%);\n --curriculum-shadow:\n 4px 4px 8px 0 var(--csstools-light-dark-toggle-e1e18fe8-43, hsl(18deg 76% 53% / 6%)),\n -4px 4px 8px 0 var(--csstools-light-dark-toggle-e1e18fe8-44, hsl(0deg 0% 70% / 15%));\n\n --curriculum-landing-about-beginner: url(\"./assets/curriculum-landing-about-beginner.svg#light\");\n}\n\n@supports (color: hsl(0 0% 0% / 0)) and (color: light-dark(red, red)) {\n.curriculum-content-container {\n\n --curriculum-bg-color-landing-about-ul: light-dark(\n hsl(0deg 0% 100%),\n hsl(0deg 0% 0%)\n );\n --curriculum-bg-color-landing-stairway-floor: light-dark(\n hsl(30deg 77% 95%),\n hsl(28deg 46% 37%)\n );\n --curriculum-bg-color-landing-top-icon: light-dark(\n hsl(30deg 77% 95%),\n hsl(22deg 44% 10%)\n );\n --curriculum-bg-color-landing: light-dark(\n hsl(0deg 0% 100%),\n hsl(18deg 13% 5%)\n );\n --curriculum-bg-color-list-item-body: light-dark(\n hsl(0deg 0% 100%),\n hsl(0deg 0% 0%)\n );\n --curriculum-bg-color-list-item-icon-topic-practices: light-dark(\n hsl(0deg 0% 100%),\n hsl(265deg 31% 38%)\n );\n --curriculum-bg-color-list-item-icon-topic-scripting: light-dark(\n hsl(0deg 0% 100%),\n hsl(42deg 33% 38%)\n );\n --curriculum-bg-color-list-item-icon-topic-standards: light-dark(\n hsl(0deg 0% 100%),\n hsl(357deg 31% 38%)\n );\n --curriculum-bg-color-list-item-icon-topic-styling: light-dark(\n hsl(0deg 0% 100%),\n hsl(224deg 31% 38%)\n );\n --curriculum-bg-color-list-item-icon-topic-tooling: light-dark(\n hsl(0deg 0% 100%),\n hsl(142deg 31% 38%)\n );\n --curriculum-bg-color-list-item-topic-practices: light-dark(\n hsl(265deg 100% 70% / 19%),\n hsl(0deg 0% 20%)\n );\n --curriculum-bg-color-list-item-topic-scripting: light-dark(\n hsl(54deg 100% 29% / 19%),\n hsl(0deg 0% 20%)\n );\n --curriculum-bg-color-list-item-topic-standards: light-dark(\n hsl(344deg 100% 58% / 19%),\n hsl(0deg 0% 20%)\n );\n --curriculum-bg-color-list-item-topic-styling: light-dark(\n hsl(205deg 100% 47% / 19%),\n hsl(0deg 0% 20%)\n );\n --curriculum-bg-color-list-item-topic-tooling: light-dark(\n hsl(146deg 100% 30% / 19%),\n hsl(0deg 0% 20%)\n );\n --curriculum-bg-color-note: light-dark(\n hsl(30deg 77% 95% / 50%),\n hsl(26deg 10% 18%)\n );\n --curriculum-bg-color-partner: light-dark(\n hsl(0deg 0% 100%),\n hsl(30deg 7% 12%)\n );\n --curriculum-bg-color-topic-practices: light-dark(\n hsl(265deg 100% 70% / 19%),\n hsl(265deg 31% 38%)\n );\n --curriculum-bg-color-topic-scripting: light-dark(\n hsl(54deg 100% 29% / 19%),\n hsl(44deg 29% 36%)\n );\n --curriculum-bg-color-topic-standards: light-dark(\n hsl(344deg 100% 58% / 19%),\n hsl(355deg 34% 45%)\n );\n --curriculum-bg-color-topic-styling: light-dark(\n hsl(205deg 100% 47% / 19%),\n hsl(225deg 34% 46%)\n );\n --curriculum-bg-color-topic-tooling: light-dark(\n hsl(146deg 100% 30% / 19%),\n hsl(137deg 36% 37%)\n );\n --curriculum-bg-color: light-dark(hsl(30deg 77% 95%), hsl(22deg 44% 10%));\n --curriculum-bg-large-color: light-dark(hsl(30deg 77% 95%), hsl(0deg 0% 20%));\n --curriculum-border-color-hover: light-dark(\n hsl(0deg 0% 100%),\n hsl(0deg 0% 80% / 65%)\n );\n --curriculum-border-color: light-dark(hsl(0deg 4% 95%), hsl(0deg 0% 31%));\n --curriculum-category-color: light-dark(\n hsl(18deg 76% 53%),\n hsl(18deg 76% 53%)\n );\n --curriculum-color-landing-laptop: light-dark(\n hsl(18deg 76% 53%),\n hsl(22deg 54% 45%)\n );\n --curriculum-color-list-item-icon-topic-practices: light-dark(\n hsl(270deg 100% 59%),\n hsl(276deg 72% 76%)\n );\n --curriculum-color-list-item-icon-topic-scripting: light-dark(\n hsl(54deg 100% 23%),\n hsl(44deg 81% 75%)\n );\n --curriculum-color-list-item-icon-topic-standards: light-dark(\n hsl(344deg 100% 41%),\n hsl(355deg 81% 75%)\n );\n --curriculum-color-list-item-icon-topic-styling: light-dark(\n hsl(210deg 100% 38%),\n hsl(225deg 72% 76%)\n );\n --curriculum-color-list-item-icon-topic-tooling: light-dark(\n hsl(146deg 100% 24%),\n hsl(146deg 81% 75%)\n );\n --curriculum-color-topic-practices: light-dark(\n hsl(270deg 100% 59%),\n hsl(276deg 72% 76%)\n );\n --curriculum-color-topic-scripting: light-dark(\n hsl(54deg 100% 23%),\n hsl(44deg 81% 75%)\n );\n --curriculum-color-topic-standards: light-dark(\n hsl(344deg 100% 41%),\n hsl(355deg 81% 75%)\n );\n --curriculum-color-topic-styling: light-dark(\n hsl(210deg 100% 38%),\n hsl(225deg 72% 76%)\n );\n --curriculum-color-topic-tooling: light-dark(\n hsl(146deg 100% 24%),\n hsl(146deg 81% 75%)\n );\n --curriculum-color: light-dark(hsl(19deg 63% 59%), hsl(18deg 76% 53%));\n --curriculum-module-label-bg-color: light-dark(\n hsl(30deg 77% 98%),\n hsl(22deg 44% 10%)\n );\n --curriculum-module-label-color: light-dark(\n hsl(18deg 71% 42%),\n hsl(18deg 76% 53%)\n );\n --curriculum-shadow-landing-about-ul:\n 0 4px 10px 0 light-dark(hsl(18deg 76% 53% / 6%), hsl(30deg 54% 45% / 15%)),\n 0 -2px 4px 0 light-dark(hsl(22deg 54% 45% / 6%), hsl(22deg 54% 45% / 6%));\n --curriculum-shadow:\n 4px 4px 8px 0 light-dark(hsl(18deg 76% 53% / 6%), hsl(0deg 0% 14% / 15%)),\n -4px 4px 8px 0 light-dark(hsl(0deg 0% 70% / 15%), hsl(0deg 0% 34% / 15%));\n}\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-about-beginner: url(\"./assets/curriculum-landing-about-beginner.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-about-beginner: url(\"./assets/curriculum-landing-about-beginner.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-about-beginner: url(\"./assets/curriculum-landing-about-beginner.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-about-pace: url(\"./assets/curriculum-landing-about-pace.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-about-pace: url(\"./assets/curriculum-landing-about-pace.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-about-pace: url(\"./assets/curriculum-landing-about-pace.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-about-pace: url(\"./assets/curriculum-landing-about-pace.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-about-free: url(\"./assets/curriculum-landing-about-free.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-about-free: url(\"./assets/curriculum-landing-about-free.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-about-free: url(\"./assets/curriculum-landing-about-free.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-about-free: url(\"./assets/curriculum-landing-about-free.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-about-bullet: url(\"./assets/curriculum-landing-about-bullet.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-about-bullet: url(\"./assets/curriculum-landing-about-bullet.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-about-bullet: url(\"./assets/curriculum-landing-about-bullet.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-about-bullet: url(\"./assets/curriculum-landing-about-bullet.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-started-beginner: url(\"./assets/curriculum-landing-started-beginner.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-started-beginner: url(\"./assets/curriculum-landing-started-beginner.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-started-beginner: url(\"./assets/curriculum-landing-started-beginner.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-started-beginner: url(\"./assets/curriculum-landing-started-beginner.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-started-advanced: url(\"./assets/curriculum-landing-started-advanced.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-started-advanced: url(\"./assets/curriculum-landing-started-advanced.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-started-advanced: url(\"./assets/curriculum-landing-started-advanced.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-started-advanced: url(\"./assets/curriculum-landing-started-advanced.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-started-employment: url(\"./assets/curriculum-landing-started-employment.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-started-employment: url(\"./assets/curriculum-landing-started-employment.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-started-employment: url(\"./assets/curriculum-landing-started-employment.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-started-employment: url(\"./assets/curriculum-landing-started-employment.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-started-educator: url(\"./assets/curriculum-landing-started-educator.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-started-educator: url(\"./assets/curriculum-landing-started-educator.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-started-educator: url(\"./assets/curriculum-landing-started-educator.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-started-educator: url(\"./assets/curriculum-landing-started-educator.svg#dark\");\n}.curriculum-content-container {\n --curriculum-module-mdn-resource: url(\"./assets/curriculum-mdn-resource.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-module-mdn-resource: url(\"./assets/curriculum-mdn-resource.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-module-mdn-resource: url(\"./assets/curriculum-mdn-resource.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-module-mdn-resource: url(\"./assets/curriculum-mdn-resource.svg#dark\");\n}.curriculum-content-container {\n --curriculum-bullet: url(\"./assets/curriculum-bullet.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-bullet: url(\"./assets/curriculum-bullet.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-bullet: url(\"./assets/curriculum-bullet.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-bullet: url(\"./assets/curriculum-bullet.svg#dark\");\n}.curriculum-content-container {\n --curriculum-about-covered: url(\"./assets/curriculum-about-covered.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-about-covered: url(\"./assets/curriculum-about-covered.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-about-covered: url(\"./assets/curriculum-about-covered.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-about-covered: url(\"./assets/curriculum-about-covered.svg#dark\");\n}.curriculum-content-container {\n --curriculum-about-detail: url(\"./assets/curriculum-about-detail.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-about-detail: url(\"./assets/curriculum-about-detail.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-about-detail: url(\"./assets/curriculum-about-detail.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-about-detail: url(\"./assets/curriculum-about-detail.svg#dark\");\n}.curriculum-content-container {\n --curriculum-about-educators: url(\"./assets/curriculum-about-educators.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-about-educators: url(\"./assets/curriculum-about-educators.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-about-educators: url(\"./assets/curriculum-about-educators.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-about-educators: url(\"./assets/curriculum-about-educators.svg#dark\");\n}.curriculum-content-container {\n --curriculum-about-not: url(\"./assets/curriculum-about-not.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-about-not: url(\"./assets/curriculum-about-not.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-about-not: url(\"./assets/curriculum-about-not.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-about-not: url(\"./assets/curriculum-about-not.svg#dark\");\n}.curriculum-content-container {\n --curriculum-about-students: url(\"./assets/curriculum-about-students.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-about-students: url(\"./assets/curriculum-about-students.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-about-students: url(\"./assets/curriculum-about-students.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-about-students: url(\"./assets/curriculum-about-students.svg#dark\");\n}.curriculum-content-container {\n --curriculum-bg-image-partner: url(\"./assets/curriculum-partner-bg.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-bg-image-partner: url(\"./assets/curriculum-partner-bg.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-bg-image-partner: url(\"./assets/curriculum-partner-bg.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-bg-image-partner: url(\"./assets/curriculum-partner-bg.svg#dark\");\n}.curriculum-content-container {\n --curriculum-scrim-bg: url(\"./assets/curriculum-scrim-bg.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-scrim-bg: url(\"./assets/curriculum-scrim-bg.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-scrim-bg: url(\"./assets/curriculum-scrim-bg.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-scrim-bg: url(\"./assets/curriculum-scrim-bg.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-arrow: url(\"./assets/curriculum-landing-arrow.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-arrow: url(\"./assets/curriculum-landing-arrow.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-arrow: url(\"./assets/curriculum-landing-arrow.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-arrow: url(\"./assets/curriculum-landing-arrow.svg#dark\");\n}.curriculum-content-container {\n\n --background-toc-active: var(--curriculum-bg-color);\n --category-color: var(--curriculum-category-color);\n\n --curriculum-bg-color-topic: var(--curriculum-bg-color);\n --curriculum-color-topic: var(--curriculum-color);\n}@supports not (color: light-dark(tan, tan)) {.curriculum-content-container * {\n\n --csstools-light-dark-toggle-e1e18fe8-0: var(--csstools-color-scheme--light) hsl(0deg 0% 0%);\n\n --curriculum-bg-color-landing-about-ul: var(--csstools-light-dark-toggle-e1e18fe8-0, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-1: var(--csstools-color-scheme--light) hsl(28deg 46% 37%);\n --curriculum-bg-color-landing-stairway-floor: var(--csstools-light-dark-toggle-e1e18fe8-1, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-2: var(--csstools-color-scheme--light) hsl(22deg 44% 10%);\n --curriculum-bg-color-landing-top-icon: var(--csstools-light-dark-toggle-e1e18fe8-2, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-3: var(--csstools-color-scheme--light) hsl(18deg 13% 5%);\n --curriculum-bg-color-landing: var(--csstools-light-dark-toggle-e1e18fe8-3, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-4: var(--csstools-color-scheme--light) hsl(0deg 0% 0%);\n --curriculum-bg-color-list-item-body: var(--csstools-light-dark-toggle-e1e18fe8-4, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-5: var(--csstools-color-scheme--light) hsl(265deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-5, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-6: var(--csstools-color-scheme--light) hsl(42deg 33% 38%);\n --curriculum-bg-color-list-item-icon-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-6, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-7: var(--csstools-color-scheme--light) hsl(357deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-7, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-8: var(--csstools-color-scheme--light) hsl(224deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-8, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-9: var(--csstools-color-scheme--light) hsl(142deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-9, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-10: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-10, hsl(265deg 100% 70% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-11: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-11, hsl(54deg 100% 29% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-12: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-12, hsl(344deg 100% 58% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-13: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-13, hsl(205deg 100% 47% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-14: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-14, hsl(146deg 100% 30% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-15: var(--csstools-color-scheme--light) hsl(26deg 10% 18%);\n --curriculum-bg-color-note: var(--csstools-light-dark-toggle-e1e18fe8-15, hsl(30deg 77% 95% / 50%));\n --csstools-light-dark-toggle-e1e18fe8-16: var(--csstools-color-scheme--light) hsl(30deg 7% 12%);\n --curriculum-bg-color-partner: var(--csstools-light-dark-toggle-e1e18fe8-16, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-17: var(--csstools-color-scheme--light) hsl(265deg 31% 38%);\n --curriculum-bg-color-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-17, hsl(265deg 100% 70% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-18: var(--csstools-color-scheme--light) hsl(44deg 29% 36%);\n --curriculum-bg-color-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-18, hsl(54deg 100% 29% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-19: var(--csstools-color-scheme--light) hsl(355deg 34% 45%);\n --curriculum-bg-color-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-19, hsl(344deg 100% 58% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-20: var(--csstools-color-scheme--light) hsl(225deg 34% 46%);\n --curriculum-bg-color-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-20, hsl(205deg 100% 47% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-21: var(--csstools-color-scheme--light) hsl(137deg 36% 37%);\n --curriculum-bg-color-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-21, hsl(146deg 100% 30% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-22: var(--csstools-color-scheme--light) hsl(22deg 44% 10%);\n --curriculum-bg-color: var(--csstools-light-dark-toggle-e1e18fe8-22, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-23: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-large-color: var(--csstools-light-dark-toggle-e1e18fe8-23, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-24: var(--csstools-color-scheme--light) hsl(0deg 0% 80% / 65%);\n --curriculum-border-color-hover: var(--csstools-light-dark-toggle-e1e18fe8-24, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-25: var(--csstools-color-scheme--light) hsl(0deg 0% 31%);\n --curriculum-border-color: var(--csstools-light-dark-toggle-e1e18fe8-25, hsl(0deg 4% 95%));\n --csstools-light-dark-toggle-e1e18fe8-26: var(--csstools-color-scheme--light) hsl(18deg 76% 53%);\n --curriculum-category-color: var(--csstools-light-dark-toggle-e1e18fe8-26, hsl(18deg 76% 53%));\n --csstools-light-dark-toggle-e1e18fe8-27: var(--csstools-color-scheme--light) hsl(22deg 54% 45%);\n --curriculum-color-landing-laptop: var(--csstools-light-dark-toggle-e1e18fe8-27, hsl(18deg 76% 53%));\n --csstools-light-dark-toggle-e1e18fe8-28: var(--csstools-color-scheme--light) hsl(276deg 72% 76%);\n --curriculum-color-list-item-icon-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-28, hsl(270deg 100% 59%));\n --csstools-light-dark-toggle-e1e18fe8-29: var(--csstools-color-scheme--light) hsl(44deg 81% 75%);\n --curriculum-color-list-item-icon-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-29, hsl(54deg 100% 23%));\n --csstools-light-dark-toggle-e1e18fe8-30: var(--csstools-color-scheme--light) hsl(355deg 81% 75%);\n --curriculum-color-list-item-icon-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-30, hsl(344deg 100% 41%));\n --csstools-light-dark-toggle-e1e18fe8-31: var(--csstools-color-scheme--light) hsl(225deg 72% 76%);\n --curriculum-color-list-item-icon-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-31, hsl(210deg 100% 38%));\n --csstools-light-dark-toggle-e1e18fe8-32: var(--csstools-color-scheme--light) hsl(146deg 81% 75%);\n --curriculum-color-list-item-icon-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-32, hsl(146deg 100% 24%));\n --csstools-light-dark-toggle-e1e18fe8-33: var(--csstools-color-scheme--light) hsl(276deg 72% 76%);\n --curriculum-color-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-33, hsl(270deg 100% 59%));\n --csstools-light-dark-toggle-e1e18fe8-34: var(--csstools-color-scheme--light) hsl(44deg 81% 75%);\n --curriculum-color-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-34, hsl(54deg 100% 23%));\n --csstools-light-dark-toggle-e1e18fe8-35: var(--csstools-color-scheme--light) hsl(355deg 81% 75%);\n --curriculum-color-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-35, hsl(344deg 100% 41%));\n --csstools-light-dark-toggle-e1e18fe8-36: var(--csstools-color-scheme--light) hsl(225deg 72% 76%);\n --curriculum-color-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-36, hsl(210deg 100% 38%));\n --csstools-light-dark-toggle-e1e18fe8-37: var(--csstools-color-scheme--light) hsl(146deg 81% 75%);\n --curriculum-color-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-37, hsl(146deg 100% 24%));\n --csstools-light-dark-toggle-e1e18fe8-38: var(--csstools-color-scheme--light) hsl(18deg 76% 53%);\n --curriculum-color: var(--csstools-light-dark-toggle-e1e18fe8-38, hsl(19deg 63% 59%));\n --csstools-light-dark-toggle-e1e18fe8-39: var(--csstools-color-scheme--light) hsl(22deg 44% 10%);\n --curriculum-module-label-bg-color: var(--csstools-light-dark-toggle-e1e18fe8-39, hsl(30deg 77% 98%));\n --csstools-light-dark-toggle-e1e18fe8-40: var(--csstools-color-scheme--light) hsl(18deg 76% 53%);\n --curriculum-module-label-color: var(--csstools-light-dark-toggle-e1e18fe8-40, hsl(18deg 71% 42%));\n --csstools-light-dark-toggle-e1e18fe8-41:\n var(--csstools-color-scheme--light) hsl(30deg 54% 45% / 15%);\n --csstools-light-dark-toggle-e1e18fe8-42:\n var(--csstools-color-scheme--light) hsl(22deg 54% 45% / 6%);\n --curriculum-shadow-landing-about-ul:\n 0 4px 10px 0 var(--csstools-light-dark-toggle-e1e18fe8-41, hsl(18deg 76% 53% / 6%)),\n 0 -2px 4px 0 var(--csstools-light-dark-toggle-e1e18fe8-42, hsl(22deg 54% 45% / 6%));\n --csstools-light-dark-toggle-e1e18fe8-43:\n var(--csstools-color-scheme--light) hsl(0deg 0% 14% / 15%);\n --csstools-light-dark-toggle-e1e18fe8-44:\n var(--csstools-color-scheme--light) hsl(0deg 0% 34% / 15%);\n --curriculum-shadow:\n 4px 4px 8px 0 var(--csstools-light-dark-toggle-e1e18fe8-43, hsl(18deg 76% 53% / 6%)),\n -4px 4px 8px 0 var(--csstools-light-dark-toggle-e1e18fe8-44, hsl(0deg 0% 70% / 15%));\n }\n}.curriculum-content-container .topic-standards {\n --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-standards);\n --curriculum-color-topic: var(--curriculum-color-topic-standards);\n --curriculum-bg-color-list-item-header: var(\n --curriculum-bg-color-list-item-topic-standards\n );\n --curriculum-color-list-item-icon: var(\n --curriculum-color-list-item-icon-topic-standards\n );\n --curriculum-bg-color-list-item-icon: var(\n --curriculum-bg-color-list-item-icon-topic-standards\n );\n }.curriculum-content-container .topic-styling {\n --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-styling);\n --curriculum-color-topic: var(--curriculum-color-topic-styling);\n --curriculum-bg-color-list-item-header: var(\n --curriculum-bg-color-list-item-topic-styling\n );\n --curriculum-color-list-item-icon: var(\n --curriculum-color-list-item-icon-topic-styling\n );\n --curriculum-bg-color-list-item-icon: var(\n --curriculum-bg-color-list-item-icon-topic-styling\n );\n }.curriculum-content-container .topic-scripting {\n --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-scripting);\n --curriculum-color-topic: var(--curriculum-color-topic-scripting);\n --curriculum-bg-color-list-item-header: var(\n --curriculum-bg-color-list-item-topic-scripting\n );\n --curriculum-color-list-item-icon: var(\n --curriculum-color-list-item-icon-topic-scripting\n );\n --curriculum-bg-color-list-item-icon: var(\n --curriculum-bg-color-list-item-icon-topic-scripting\n );\n }.curriculum-content-container .topic-tooling {\n --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-tooling);\n --curriculum-color-topic: var(--curriculum-color-topic-tooling);\n --curriculum-bg-color-list-item-header: var(\n --curriculum-bg-color-list-item-topic-tooling\n );\n --curriculum-color-list-item-icon: var(\n --curriculum-color-list-item-icon-topic-tooling\n );\n --curriculum-bg-color-list-item-icon: var(\n --curriculum-bg-color-list-item-icon-topic-tooling\n );\n }.curriculum-content-container .topic-practices {\n --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-practices);\n --curriculum-color-topic: var(--curriculum-color-topic-practices);\n --curriculum-bg-color-list-item-header: var(\n --curriculum-bg-color-list-item-topic-practices\n );\n --curriculum-color-list-item-icon: var(\n --curriculum-color-list-item-icon-topic-practices\n );\n --curriculum-bg-color-list-item-icon: var(\n --curriculum-bg-color-list-item-icon-topic-practices\n );\n }\n","\n .curriculum-content-container .curriculum-layout__toc {\n padding: 2px;\n }:is(.curriculum-content-container .curriculum-layout__toc) .document-toc {\n padding: 0;\n margin-bottom: 2rem;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-heading {\n padding: 0.75em 0;\n\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-normal);\n\n line-height: var(--font-line-content);\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-list {\n padding-left: 0;\n font-size: var(--font-size-normal);\n list-style: none;\n }:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-list) li {\n margin: 0;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link {\n display: inline-block;\n\n padding: 0.25rem 0.5rem;\n\n color: var(--color-text-primary);\n }:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link):not(:hover) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link {\n\n border-left: 2px solid var(--color-border-primary);\n }[aria-current]:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link):not([aria-current=\"\"],[aria-current=\"false\"]) {\n color: var(--color-text-primary);\n\n background-color: var(--background-toc-active);\n border-left: 2px solid var(--category-color);\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-item-sub > .document-toc-link:not(.button) {\n padding-left: 2rem;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) h2 {\n padding: 0;\n margin: 0;\n\n font-size: var(--font-size-normal);\n font-weight: normal;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) ul {\n display: grid;\n\n padding: 0;\n margin: 0;\n\n list-style: none;\n }:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) ul) ul {\n padding-left: 1rem;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) a {\n display: block;\n padding: 0.5rem;\n color: inherit;\n }:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) a):hover:not([aria-current=\"true\"]) {\n color: var(--color-link-normal);\n }@media (width <= 769px) {:is(.curriculum-content-container .curriculum-layout__toc) .document-toc {\n padding: 0 1rem;\n }\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .show-toc {\n display: block;\n }\n","@import url(\"./vars.css\");\n@import url(\"./toc.css\");\n\n.curriculum-content-container {\n line-height: var(--font-line-content);\n\n /* space above all 3 columns */\n}\n\n.curriculum-content-container .curriculum-sidebar,.curriculum-content-container .toc,.curriculum-content-container .curriculum-content {\n padding-top: 2rem;\n padding-bottom: 3rem;\n }\n\n/* hide unchecked tab contents on landing page */\n\n:is(:is(.curriculum-content-container .curriculum-content) .modules) input[type=\"radio\"]:not(:checked) ~ ol {\n display: none;\n }\n\n.curriculum-content-container .curriculum-content {\n\n max-width: 100%;\n }\n\n:is(.curriculum-content-container .curriculum-content) :target {\n scroll-margin-top: var(--sticky-header-height);\n }\n\n:is(.curriculum-content-container .curriculum-content) h1 {\n margin-bottom: 2rem;\n\n font-size: var(--font-size-largest);\n font-weight: var(--font-weight-bold);\n\n line-height: 1.2;\n }\n\n:is(.curriculum-content-container .curriculum-content) h2 {\n margin: 2rem 0 0.5rem;\n font-size: var(--font-size-larger);\n font-weight: 500;\n }\n\n:is(.curriculum-content-container .curriculum-content) h3 {\n margin: 2rem 0 0.5rem;\n font-size: var(--font-size-large);\n font-weight: 300;\n }\n\n: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,: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 {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n\n: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 {\n background-color: transparent;\n }\n\n.curriculum-content-container ol,.curriculum-content-container ul {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n.curriculum-content-container,.curriculum-content-container .button {\n --button-padding: 1rem;\n }\n\n/* text-decoration: underline; */\n\n.button:is(:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):link,:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):visited) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):hover,:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):focus {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n\n:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):visited:not([href^=\"#\"]) {\n color: var(--color-link-visited);\n }\n\n:is(.curriculum-content-container .curriculum-content) ol,:is(.curriculum-content-container .curriculum-content) ul {\n padding: 0;\n list-style: none;\n }\n\n:is(:is(.curriculum-content-container .curriculum-content) ol,:is(.curriculum-content-container .curriculum-content) ul) li > p {\n margin: 0;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) > h1 {\n margin-bottom: 2rem;\n }\n\n:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) > h1) > span {\n color: var(--curriculum-color);\n }\n\n:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) .module-contents) > h2 {\n margin-top: 4rem;\n margin-bottom: 2rem;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) section h2:first-of-type {\n margin-top: 2rem;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) code {\n padding: 0.125rem 0.25rem;\n background: var(--color-background-secondary);\n border-radius: 0.25em;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes {\n padding: 1rem;\n margin: 1rem;\n\n background-color: var(--curriculum-bg-color-note);\n border: 0;\n border-radius: var(--elem-radius);\n }\n\n: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 {\n padding-left: 1rem;\n }\n\n: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 {\n margin-bottom: 0;\n }\n\n: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,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) p {\n margin-top: 0.5rem;\n }\n\n:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) > p:first-child {\n margin-top: 0;\n }\n\n:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) > :last-child {\n margin-bottom: 0;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) p.curriculum-outcomes {\n display: flex;\n margin-bottom: 0.5rem;\n font-weight: var(--font-weight-bold);\n }\n\n:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) p.curriculum-outcomes)::before {\n display: block;\n\n width: 24px;\n height: 24px;\n\n margin-right: 0.5rem;\n\n content: url(\"./assets/curriculum-resources.svg\");\n }\n\n: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 {\n padding-left: 2rem;\n margin: 1rem 0;\n }\n\n: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 {\n margin: 0;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) li {\n margin: 0.5rem 0;\n list-style-type: disc;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) mdn-scrim-inline {\n display: block;\n\n width: 100%;\n max-width: 36rem;\n aspect-ratio: 1.5;\n\n margin: 0.5rem auto;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) p:has( > scrim-inline:only-child) {\n margin: 1rem 0;\n }\n\n.curriculum-content-container .curriculum-prev-next {\n display: flex;\n\n flex-wrap: wrap;\n\n gap: 0 1rem;\n justify-content: space-between;\n\n width: 100%;\n\n margin-top: 2rem;\n }\n"],"names":[],"mappings":"AAAA,8BACE,iBAAkB,CAClB,aAAc,CACd,kEAAqE,CAErE,gFAA4F,CAE5F,wFAAuG,CACvG,mFAA+F,CAC/F,iGAA8G,CAC9G,mFAA+F,CAC/F,2FAAwG,CACxG,mFAA8F,CAC9F,+EAA8F,CAC9F,gFAA4F,CAC5F,sFAAqG,CACrG,mFAAgG,CAChG,sGAAqH,CACrH,mFAA+F,CAC/F,sGAAqH,CACrH,mFAAgG,CAChG,sGAAqH,CACrH,mFAAgG,CAChG,oGAAmH,CACnH,mFAAgG,CAChG,oGAAmH,CACnH,iFAA8F,CAC9F,uGAA0H,CAC1H,iFAA8F,CAC9F,uGAAyH,CACzH,iFAA8F,CAC9F,uGAA0H,CAC1H,iFAA8F,CAC9F,qGAAwH,CACxH,iFAA8F,CAC9F,qGAAwH,CACxH,oFAAgG,CAChG,kFAAmG,CACnG,oFAA+F,CAC/F,gFAA+F,CAC/F,oFAAiG,CACjG,6FAAgH,CAChH,oFAAgG,CAChG,6FAA+G,CAC/G,oFAAiG,CACjG,6FAAgH,CAChH,oFAAiG,CACjG,2FAA8G,CAC9G,oFAAiG,CACjG,2FAA8G,CAC9G,oFAAgG,CAChG,2EAAwF,CACxF,iFAA8F,CAC9F,iFAA8F,CAC9F,sFAAoG,CACpG,kFAAiG,CACjG,oFAA8F,CAC9F,+EAA0F,CAC1F,oFAAgG,CAChG,iFAA8F,CAC9F,oFAAgG,CAChG,uFAAoG,CACpG,oFAAiG,CACjG,uGAAsH,CACtH,oFAAgG,CAChG,uGAAqH,CACrH,oFAAiG,CACjG,uGAAsH,CACtH,oFAAiG,CACjG,qGAAoH,CACpH,oFAAiG,CACjG,qGAAoH,CACpH,oFAAiG,CACjG,wFAAuG,CACvG,oFAAgG,CAChG,wFAAsG,CACtG,oFAAiG,CACjG,wFAAuG,CACvG,oFAAiG,CACjG,sFAAqG,CACrG,oFAAiG,CACjG,sFAAqG,CACrG,oFAAgG,CAChG,wEAAqF,CACrF,oFAAgG,CAChG,wFAAqG,CACrG,oFAAgG,CAChG,qFAAkG,CAClG,sFAC8D,CAC9D,sFAC6D,CAC7D,8KAEqF,CACrF,sFAC4D,CAC5D,sFAC4D,CAC5D,gKAEsF,CAEtF,oHACF,CAEA,iEACA,8BAEE,4DAGC,CACD,wEAGC,CACD,kEAGC,CACD,sDAGC,CACD,0DAGC,CACD,6EAGC,CACD,6EAGC,CACD,6EAGC,CACD,2EAGC,CACD,2EAGC,CACD,0EAGC,CACD,0EAGC,CACD,0EAGC,CACD,wEAGC,CACD,wEAGC,CACD,wDAGC,CACD,sDAGC,CACD,mEAGC,CACD,mEAGC,CACD,mEAGC,CACD,iEAGC,CACD,iEAGC,CACD,iDAAyE,CACzE,oDAA6E,CAC7E,0DAGC,CACD,qDAAyE,CACzE,uDAGC,CACD,6DAGC,CACD,6EAGC,CACD,6EAGC,CACD,6EAGC,CACD,2EAGC,CACD,2EAGC,CACD,8DAGC,CACD,8DAGC,CACD,8DAGC,CACD,4DAGC,CACD,4DAGC,CACD,8CAAsE,CACtE,8DAGC,CACD,2DAGC,CACD,8HAE2E,CAC3E,gHAGF,CACA,CAAC,mCAAqC,8BAClC,mHACJ,CACA,CAAC,iDACC,oHACF,CAAC,gDACC,mHACF,CAAC,8BACC,4GACF,CAAC,mCAAqC,8BAClC,2GACJ,CACA,CAAC,iDACC,4GACF,CAAC,gDACC,2GACF,CAAC,8BACC,4GACF,CAAC,mCAAqC,8BAClC,2GACJ,CACA,CAAC,iDACC,4GACF,CAAC,gDACC,2GACF,CAAC,8BACC,gHACF,CAAC,mCAAqC,8BAClC,+GACJ,CACA,CAAC,iDACC,gHACF,CAAC,gDACC,+GACF,CAAC,8BACC,wHACF,CAAC,mCAAqC,8BAClC,uHACJ,CACA,CAAC,iDACC,wHACF,CAAC,gDACC,uHACF,CAAC,8BACC,wHACF,CAAC,mCAAqC,8BAClC,uHACJ,CACA,CAAC,iDACC,wHACF,CAAC,gDACC,uHACF,CAAC,8BACC,4HACF,CAAC,mCAAqC,8BAClC,2HACJ,CACA,CAAC,iDACC,4HACF,CAAC,gDACC,2HACF,CAAC,8BACC,wHACF,CAAC,mCAAqC,8BAClC,uHACJ,CACA,CAAC,iDACC,wHACF,CAAC,gDACC,uHACF,CAAC,8BACC,uGACF,CAAC,mCAAqC,8BAClC,sGACJ,CACA,CAAC,iDACC,uGACF,CAAC,gDA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"}
|
|
1
|
+
{"version":3,"file":"198.f743d603d3fa74b7.css","sources":["webpack://@mdn/fred/./components/curriculum/vars.css","webpack://@mdn/fred/./components/curriculum/toc.css","webpack://@mdn/fred/./components/curriculum/shared.css"],"sourcesContent":[".curriculum-content-container {\n --max-width: 74rem;\n --gutter: 1rem;\n --inner-width: calc(min(var(--max-width), 100vw) - 2 * var(--gutter));\n\n --csstools-light-dark-toggle-e1e18fe8-0: var(--csstools-color-scheme--light) hsl(0deg 0% 0%);\n\n --curriculum-bg-color-landing-about-ul: var(--csstools-light-dark-toggle-e1e18fe8-0, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-1: var(--csstools-color-scheme--light) hsl(28deg 46% 37%);\n --curriculum-bg-color-landing-stairway-floor: var(--csstools-light-dark-toggle-e1e18fe8-1, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-2: var(--csstools-color-scheme--light) hsl(22deg 44% 10%);\n --curriculum-bg-color-landing-top-icon: var(--csstools-light-dark-toggle-e1e18fe8-2, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-3: var(--csstools-color-scheme--light) hsl(18deg 13% 5%);\n --curriculum-bg-color-landing: var(--csstools-light-dark-toggle-e1e18fe8-3, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-4: var(--csstools-color-scheme--light) hsl(0deg 0% 0%);\n --curriculum-bg-color-list-item-body: var(--csstools-light-dark-toggle-e1e18fe8-4, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-5: var(--csstools-color-scheme--light) hsl(265deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-5, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-6: var(--csstools-color-scheme--light) hsl(42deg 33% 38%);\n --curriculum-bg-color-list-item-icon-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-6, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-7: var(--csstools-color-scheme--light) hsl(357deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-7, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-8: var(--csstools-color-scheme--light) hsl(224deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-8, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-9: var(--csstools-color-scheme--light) hsl(142deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-9, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-10: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-10, hsl(265deg 100% 70% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-11: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-11, hsl(54deg 100% 29% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-12: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-12, hsl(344deg 100% 58% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-13: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-13, hsl(205deg 100% 47% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-14: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-14, hsl(146deg 100% 30% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-15: var(--csstools-color-scheme--light) hsl(26deg 10% 18%);\n --curriculum-bg-color-note: var(--csstools-light-dark-toggle-e1e18fe8-15, hsl(30deg 77% 95% / 50%));\n --csstools-light-dark-toggle-e1e18fe8-16: var(--csstools-color-scheme--light) hsl(30deg 7% 12%);\n --curriculum-bg-color-partner: var(--csstools-light-dark-toggle-e1e18fe8-16, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-17: var(--csstools-color-scheme--light) hsl(265deg 31% 38%);\n --curriculum-bg-color-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-17, hsl(265deg 100% 70% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-18: var(--csstools-color-scheme--light) hsl(44deg 29% 36%);\n --curriculum-bg-color-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-18, hsl(54deg 100% 29% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-19: var(--csstools-color-scheme--light) hsl(355deg 34% 45%);\n --curriculum-bg-color-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-19, hsl(344deg 100% 58% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-20: var(--csstools-color-scheme--light) hsl(225deg 34% 46%);\n --curriculum-bg-color-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-20, hsl(205deg 100% 47% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-21: var(--csstools-color-scheme--light) hsl(137deg 36% 37%);\n --curriculum-bg-color-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-21, hsl(146deg 100% 30% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-22: var(--csstools-color-scheme--light) hsl(22deg 44% 10%);\n --curriculum-bg-color: var(--csstools-light-dark-toggle-e1e18fe8-22, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-23: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-large-color: var(--csstools-light-dark-toggle-e1e18fe8-23, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-24: var(--csstools-color-scheme--light) hsl(0deg 0% 80% / 65%);\n --curriculum-border-color-hover: var(--csstools-light-dark-toggle-e1e18fe8-24, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-25: var(--csstools-color-scheme--light) hsl(0deg 0% 31%);\n --curriculum-border-color: var(--csstools-light-dark-toggle-e1e18fe8-25, hsl(0deg 4% 95%));\n --csstools-light-dark-toggle-e1e18fe8-26: var(--csstools-color-scheme--light) hsl(18deg 76% 53%);\n --curriculum-category-color: var(--csstools-light-dark-toggle-e1e18fe8-26, hsl(18deg 76% 53%));\n --csstools-light-dark-toggle-e1e18fe8-27: var(--csstools-color-scheme--light) hsl(22deg 54% 45%);\n --curriculum-color-landing-laptop: var(--csstools-light-dark-toggle-e1e18fe8-27, hsl(18deg 76% 53%));\n --csstools-light-dark-toggle-e1e18fe8-28: var(--csstools-color-scheme--light) hsl(276deg 72% 76%);\n --curriculum-color-list-item-icon-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-28, hsl(270deg 100% 59%));\n --csstools-light-dark-toggle-e1e18fe8-29: var(--csstools-color-scheme--light) hsl(44deg 81% 75%);\n --curriculum-color-list-item-icon-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-29, hsl(54deg 100% 23%));\n --csstools-light-dark-toggle-e1e18fe8-30: var(--csstools-color-scheme--light) hsl(355deg 81% 75%);\n --curriculum-color-list-item-icon-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-30, hsl(344deg 100% 41%));\n --csstools-light-dark-toggle-e1e18fe8-31: var(--csstools-color-scheme--light) hsl(225deg 72% 76%);\n --curriculum-color-list-item-icon-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-31, hsl(210deg 100% 38%));\n --csstools-light-dark-toggle-e1e18fe8-32: var(--csstools-color-scheme--light) hsl(146deg 81% 75%);\n --curriculum-color-list-item-icon-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-32, hsl(146deg 100% 24%));\n --csstools-light-dark-toggle-e1e18fe8-33: var(--csstools-color-scheme--light) hsl(276deg 72% 76%);\n --curriculum-color-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-33, hsl(270deg 100% 59%));\n --csstools-light-dark-toggle-e1e18fe8-34: var(--csstools-color-scheme--light) hsl(44deg 81% 75%);\n --curriculum-color-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-34, hsl(54deg 100% 23%));\n --csstools-light-dark-toggle-e1e18fe8-35: var(--csstools-color-scheme--light) hsl(355deg 81% 75%);\n --curriculum-color-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-35, hsl(344deg 100% 41%));\n --csstools-light-dark-toggle-e1e18fe8-36: var(--csstools-color-scheme--light) hsl(225deg 72% 76%);\n --curriculum-color-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-36, hsl(210deg 100% 38%));\n --csstools-light-dark-toggle-e1e18fe8-37: var(--csstools-color-scheme--light) hsl(146deg 81% 75%);\n --curriculum-color-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-37, hsl(146deg 100% 24%));\n --csstools-light-dark-toggle-e1e18fe8-38: var(--csstools-color-scheme--light) hsl(18deg 76% 53%);\n --curriculum-color: var(--csstools-light-dark-toggle-e1e18fe8-38, hsl(19deg 63% 59%));\n --csstools-light-dark-toggle-e1e18fe8-39: var(--csstools-color-scheme--light) hsl(22deg 44% 10%);\n --curriculum-module-label-bg-color: var(--csstools-light-dark-toggle-e1e18fe8-39, hsl(30deg 77% 98%));\n --csstools-light-dark-toggle-e1e18fe8-40: var(--csstools-color-scheme--light) hsl(18deg 76% 53%);\n --curriculum-module-label-color: var(--csstools-light-dark-toggle-e1e18fe8-40, hsl(18deg 71% 42%));\n --csstools-light-dark-toggle-e1e18fe8-41:\n var(--csstools-color-scheme--light) hsl(30deg 54% 45% / 15%);\n --csstools-light-dark-toggle-e1e18fe8-42:\n var(--csstools-color-scheme--light) hsl(22deg 54% 45% / 6%);\n --curriculum-shadow-landing-about-ul:\n 0 4px 10px 0 var(--csstools-light-dark-toggle-e1e18fe8-41, hsl(18deg 76% 53% / 6%)),\n 0 -2px 4px 0 var(--csstools-light-dark-toggle-e1e18fe8-42, hsl(22deg 54% 45% / 6%));\n --csstools-light-dark-toggle-e1e18fe8-43:\n var(--csstools-color-scheme--light) hsl(0deg 0% 14% / 15%);\n --csstools-light-dark-toggle-e1e18fe8-44:\n var(--csstools-color-scheme--light) hsl(0deg 0% 34% / 15%);\n --curriculum-shadow:\n 4px 4px 8px 0 var(--csstools-light-dark-toggle-e1e18fe8-43, hsl(18deg 76% 53% / 6%)),\n -4px 4px 8px 0 var(--csstools-light-dark-toggle-e1e18fe8-44, hsl(0deg 0% 70% / 15%));\n\n --curriculum-landing-about-beginner: url(\"./assets/curriculum-landing-about-beginner.svg#light\");\n}\n\n@supports (color: hsl(0 0% 0% / 0)) and (color: light-dark(red, red)) {\n.curriculum-content-container {\n\n --curriculum-bg-color-landing-about-ul: light-dark(\n hsl(0deg 0% 100%),\n hsl(0deg 0% 0%)\n );\n --curriculum-bg-color-landing-stairway-floor: light-dark(\n hsl(30deg 77% 95%),\n hsl(28deg 46% 37%)\n );\n --curriculum-bg-color-landing-top-icon: light-dark(\n hsl(30deg 77% 95%),\n hsl(22deg 44% 10%)\n );\n --curriculum-bg-color-landing: light-dark(\n hsl(0deg 0% 100%),\n hsl(18deg 13% 5%)\n );\n --curriculum-bg-color-list-item-body: light-dark(\n hsl(0deg 0% 100%),\n hsl(0deg 0% 0%)\n );\n --curriculum-bg-color-list-item-icon-topic-practices: light-dark(\n hsl(0deg 0% 100%),\n hsl(265deg 31% 38%)\n );\n --curriculum-bg-color-list-item-icon-topic-scripting: light-dark(\n hsl(0deg 0% 100%),\n hsl(42deg 33% 38%)\n );\n --curriculum-bg-color-list-item-icon-topic-standards: light-dark(\n hsl(0deg 0% 100%),\n hsl(357deg 31% 38%)\n );\n --curriculum-bg-color-list-item-icon-topic-styling: light-dark(\n hsl(0deg 0% 100%),\n hsl(224deg 31% 38%)\n );\n --curriculum-bg-color-list-item-icon-topic-tooling: light-dark(\n hsl(0deg 0% 100%),\n hsl(142deg 31% 38%)\n );\n --curriculum-bg-color-list-item-topic-practices: light-dark(\n hsl(265deg 100% 70% / 19%),\n hsl(0deg 0% 20%)\n );\n --curriculum-bg-color-list-item-topic-scripting: light-dark(\n hsl(54deg 100% 29% / 19%),\n hsl(0deg 0% 20%)\n );\n --curriculum-bg-color-list-item-topic-standards: light-dark(\n hsl(344deg 100% 58% / 19%),\n hsl(0deg 0% 20%)\n );\n --curriculum-bg-color-list-item-topic-styling: light-dark(\n hsl(205deg 100% 47% / 19%),\n hsl(0deg 0% 20%)\n );\n --curriculum-bg-color-list-item-topic-tooling: light-dark(\n hsl(146deg 100% 30% / 19%),\n hsl(0deg 0% 20%)\n );\n --curriculum-bg-color-note: light-dark(\n hsl(30deg 77% 95% / 50%),\n hsl(26deg 10% 18%)\n );\n --curriculum-bg-color-partner: light-dark(\n hsl(0deg 0% 100%),\n hsl(30deg 7% 12%)\n );\n --curriculum-bg-color-topic-practices: light-dark(\n hsl(265deg 100% 70% / 19%),\n hsl(265deg 31% 38%)\n );\n --curriculum-bg-color-topic-scripting: light-dark(\n hsl(54deg 100% 29% / 19%),\n hsl(44deg 29% 36%)\n );\n --curriculum-bg-color-topic-standards: light-dark(\n hsl(344deg 100% 58% / 19%),\n hsl(355deg 34% 45%)\n );\n --curriculum-bg-color-topic-styling: light-dark(\n hsl(205deg 100% 47% / 19%),\n hsl(225deg 34% 46%)\n );\n --curriculum-bg-color-topic-tooling: light-dark(\n hsl(146deg 100% 30% / 19%),\n hsl(137deg 36% 37%)\n );\n --curriculum-bg-color: light-dark(hsl(30deg 77% 95%), hsl(22deg 44% 10%));\n --curriculum-bg-large-color: light-dark(hsl(30deg 77% 95%), hsl(0deg 0% 20%));\n --curriculum-border-color-hover: light-dark(\n hsl(0deg 0% 100%),\n hsl(0deg 0% 80% / 65%)\n );\n --curriculum-border-color: light-dark(hsl(0deg 4% 95%), hsl(0deg 0% 31%));\n --curriculum-category-color: light-dark(\n hsl(18deg 76% 53%),\n hsl(18deg 76% 53%)\n );\n --curriculum-color-landing-laptop: light-dark(\n hsl(18deg 76% 53%),\n hsl(22deg 54% 45%)\n );\n --curriculum-color-list-item-icon-topic-practices: light-dark(\n hsl(270deg 100% 59%),\n hsl(276deg 72% 76%)\n );\n --curriculum-color-list-item-icon-topic-scripting: light-dark(\n hsl(54deg 100% 23%),\n hsl(44deg 81% 75%)\n );\n --curriculum-color-list-item-icon-topic-standards: light-dark(\n hsl(344deg 100% 41%),\n hsl(355deg 81% 75%)\n );\n --curriculum-color-list-item-icon-topic-styling: light-dark(\n hsl(210deg 100% 38%),\n hsl(225deg 72% 76%)\n );\n --curriculum-color-list-item-icon-topic-tooling: light-dark(\n hsl(146deg 100% 24%),\n hsl(146deg 81% 75%)\n );\n --curriculum-color-topic-practices: light-dark(\n hsl(270deg 100% 59%),\n hsl(276deg 72% 76%)\n );\n --curriculum-color-topic-scripting: light-dark(\n hsl(54deg 100% 23%),\n hsl(44deg 81% 75%)\n );\n --curriculum-color-topic-standards: light-dark(\n hsl(344deg 100% 41%),\n hsl(355deg 81% 75%)\n );\n --curriculum-color-topic-styling: light-dark(\n hsl(210deg 100% 38%),\n hsl(225deg 72% 76%)\n );\n --curriculum-color-topic-tooling: light-dark(\n hsl(146deg 100% 24%),\n hsl(146deg 81% 75%)\n );\n --curriculum-color: light-dark(hsl(19deg 63% 59%), hsl(18deg 76% 53%));\n --curriculum-module-label-bg-color: light-dark(\n hsl(30deg 77% 98%),\n hsl(22deg 44% 10%)\n );\n --curriculum-module-label-color: light-dark(\n hsl(18deg 71% 42%),\n hsl(18deg 76% 53%)\n );\n --curriculum-shadow-landing-about-ul:\n 0 4px 10px 0 light-dark(hsl(18deg 76% 53% / 6%), hsl(30deg 54% 45% / 15%)),\n 0 -2px 4px 0 light-dark(hsl(22deg 54% 45% / 6%), hsl(22deg 54% 45% / 6%));\n --curriculum-shadow:\n 4px 4px 8px 0 light-dark(hsl(18deg 76% 53% / 6%), hsl(0deg 0% 14% / 15%)),\n -4px 4px 8px 0 light-dark(hsl(0deg 0% 70% / 15%), hsl(0deg 0% 34% / 15%));\n}\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-about-beginner: url(\"./assets/curriculum-landing-about-beginner.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-about-beginner: url(\"./assets/curriculum-landing-about-beginner.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-about-beginner: url(\"./assets/curriculum-landing-about-beginner.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-about-pace: url(\"./assets/curriculum-landing-about-pace.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-about-pace: url(\"./assets/curriculum-landing-about-pace.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-about-pace: url(\"./assets/curriculum-landing-about-pace.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-about-pace: url(\"./assets/curriculum-landing-about-pace.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-about-free: url(\"./assets/curriculum-landing-about-free.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-about-free: url(\"./assets/curriculum-landing-about-free.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-about-free: url(\"./assets/curriculum-landing-about-free.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-about-free: url(\"./assets/curriculum-landing-about-free.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-about-bullet: url(\"./assets/curriculum-landing-about-bullet.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-about-bullet: url(\"./assets/curriculum-landing-about-bullet.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-about-bullet: url(\"./assets/curriculum-landing-about-bullet.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-about-bullet: url(\"./assets/curriculum-landing-about-bullet.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-started-beginner: url(\"./assets/curriculum-landing-started-beginner.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-started-beginner: url(\"./assets/curriculum-landing-started-beginner.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-started-beginner: url(\"./assets/curriculum-landing-started-beginner.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-started-beginner: url(\"./assets/curriculum-landing-started-beginner.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-started-advanced: url(\"./assets/curriculum-landing-started-advanced.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-started-advanced: url(\"./assets/curriculum-landing-started-advanced.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-started-advanced: url(\"./assets/curriculum-landing-started-advanced.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-started-advanced: url(\"./assets/curriculum-landing-started-advanced.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-started-employment: url(\"./assets/curriculum-landing-started-employment.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-started-employment: url(\"./assets/curriculum-landing-started-employment.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-started-employment: url(\"./assets/curriculum-landing-started-employment.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-started-employment: url(\"./assets/curriculum-landing-started-employment.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-started-educator: url(\"./assets/curriculum-landing-started-educator.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-started-educator: url(\"./assets/curriculum-landing-started-educator.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-started-educator: url(\"./assets/curriculum-landing-started-educator.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-started-educator: url(\"./assets/curriculum-landing-started-educator.svg#dark\");\n}.curriculum-content-container {\n --curriculum-module-mdn-resource: url(\"./assets/curriculum-mdn-resource.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-module-mdn-resource: url(\"./assets/curriculum-mdn-resource.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-module-mdn-resource: url(\"./assets/curriculum-mdn-resource.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-module-mdn-resource: url(\"./assets/curriculum-mdn-resource.svg#dark\");\n}.curriculum-content-container {\n --curriculum-bullet: url(\"./assets/curriculum-bullet.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-bullet: url(\"./assets/curriculum-bullet.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-bullet: url(\"./assets/curriculum-bullet.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-bullet: url(\"./assets/curriculum-bullet.svg#dark\");\n}.curriculum-content-container {\n --curriculum-about-covered: url(\"./assets/curriculum-about-covered.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-about-covered: url(\"./assets/curriculum-about-covered.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-about-covered: url(\"./assets/curriculum-about-covered.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-about-covered: url(\"./assets/curriculum-about-covered.svg#dark\");\n}.curriculum-content-container {\n --curriculum-about-detail: url(\"./assets/curriculum-about-detail.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-about-detail: url(\"./assets/curriculum-about-detail.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-about-detail: url(\"./assets/curriculum-about-detail.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-about-detail: url(\"./assets/curriculum-about-detail.svg#dark\");\n}.curriculum-content-container {\n --curriculum-about-educators: url(\"./assets/curriculum-about-educators.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-about-educators: url(\"./assets/curriculum-about-educators.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-about-educators: url(\"./assets/curriculum-about-educators.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-about-educators: url(\"./assets/curriculum-about-educators.svg#dark\");\n}.curriculum-content-container {\n --curriculum-about-not: url(\"./assets/curriculum-about-not.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-about-not: url(\"./assets/curriculum-about-not.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-about-not: url(\"./assets/curriculum-about-not.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-about-not: url(\"./assets/curriculum-about-not.svg#dark\");\n}.curriculum-content-container {\n --curriculum-about-students: url(\"./assets/curriculum-about-students.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-about-students: url(\"./assets/curriculum-about-students.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-about-students: url(\"./assets/curriculum-about-students.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-about-students: url(\"./assets/curriculum-about-students.svg#dark\");\n}.curriculum-content-container {\n --curriculum-bg-image-partner: url(\"./assets/curriculum-partner-bg.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-bg-image-partner: url(\"./assets/curriculum-partner-bg.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-bg-image-partner: url(\"./assets/curriculum-partner-bg.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-bg-image-partner: url(\"./assets/curriculum-partner-bg.svg#dark\");\n}.curriculum-content-container {\n --curriculum-scrim-bg: url(\"./assets/curriculum-scrim-bg.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-scrim-bg: url(\"./assets/curriculum-scrim-bg.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-scrim-bg: url(\"./assets/curriculum-scrim-bg.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-scrim-bg: url(\"./assets/curriculum-scrim-bg.svg#dark\");\n}.curriculum-content-container {\n --curriculum-landing-arrow: url(\"./assets/curriculum-landing-arrow.svg#light\");\n}@media (prefers-color-scheme: dark) {.curriculum-content-container {\n --curriculum-landing-arrow: url(\"./assets/curriculum-landing-arrow.svg#dark\");\n}\n}[data-theme=\"light\"] .curriculum-content-container {\n --curriculum-landing-arrow: url(\"./assets/curriculum-landing-arrow.svg#light\");\n}[data-theme=\"dark\"] .curriculum-content-container {\n --curriculum-landing-arrow: url(\"./assets/curriculum-landing-arrow.svg#dark\");\n}.curriculum-content-container {\n\n --background-toc-active: var(--curriculum-bg-color);\n --category-color: var(--curriculum-category-color);\n\n --curriculum-bg-color-topic: var(--curriculum-bg-color);\n --curriculum-color-topic: var(--curriculum-color);\n}@supports not (color: light-dark(tan, tan)) {.curriculum-content-container * {\n\n --csstools-light-dark-toggle-e1e18fe8-0: var(--csstools-color-scheme--light) hsl(0deg 0% 0%);\n\n --curriculum-bg-color-landing-about-ul: var(--csstools-light-dark-toggle-e1e18fe8-0, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-1: var(--csstools-color-scheme--light) hsl(28deg 46% 37%);\n --curriculum-bg-color-landing-stairway-floor: var(--csstools-light-dark-toggle-e1e18fe8-1, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-2: var(--csstools-color-scheme--light) hsl(22deg 44% 10%);\n --curriculum-bg-color-landing-top-icon: var(--csstools-light-dark-toggle-e1e18fe8-2, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-3: var(--csstools-color-scheme--light) hsl(18deg 13% 5%);\n --curriculum-bg-color-landing: var(--csstools-light-dark-toggle-e1e18fe8-3, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-4: var(--csstools-color-scheme--light) hsl(0deg 0% 0%);\n --curriculum-bg-color-list-item-body: var(--csstools-light-dark-toggle-e1e18fe8-4, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-5: var(--csstools-color-scheme--light) hsl(265deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-5, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-6: var(--csstools-color-scheme--light) hsl(42deg 33% 38%);\n --curriculum-bg-color-list-item-icon-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-6, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-7: var(--csstools-color-scheme--light) hsl(357deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-7, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-8: var(--csstools-color-scheme--light) hsl(224deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-8, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-9: var(--csstools-color-scheme--light) hsl(142deg 31% 38%);\n --curriculum-bg-color-list-item-icon-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-9, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-10: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-10, hsl(265deg 100% 70% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-11: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-11, hsl(54deg 100% 29% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-12: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-12, hsl(344deg 100% 58% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-13: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-13, hsl(205deg 100% 47% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-14: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-color-list-item-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-14, hsl(146deg 100% 30% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-15: var(--csstools-color-scheme--light) hsl(26deg 10% 18%);\n --curriculum-bg-color-note: var(--csstools-light-dark-toggle-e1e18fe8-15, hsl(30deg 77% 95% / 50%));\n --csstools-light-dark-toggle-e1e18fe8-16: var(--csstools-color-scheme--light) hsl(30deg 7% 12%);\n --curriculum-bg-color-partner: var(--csstools-light-dark-toggle-e1e18fe8-16, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-17: var(--csstools-color-scheme--light) hsl(265deg 31% 38%);\n --curriculum-bg-color-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-17, hsl(265deg 100% 70% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-18: var(--csstools-color-scheme--light) hsl(44deg 29% 36%);\n --curriculum-bg-color-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-18, hsl(54deg 100% 29% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-19: var(--csstools-color-scheme--light) hsl(355deg 34% 45%);\n --curriculum-bg-color-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-19, hsl(344deg 100% 58% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-20: var(--csstools-color-scheme--light) hsl(225deg 34% 46%);\n --curriculum-bg-color-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-20, hsl(205deg 100% 47% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-21: var(--csstools-color-scheme--light) hsl(137deg 36% 37%);\n --curriculum-bg-color-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-21, hsl(146deg 100% 30% / 19%));\n --csstools-light-dark-toggle-e1e18fe8-22: var(--csstools-color-scheme--light) hsl(22deg 44% 10%);\n --curriculum-bg-color: var(--csstools-light-dark-toggle-e1e18fe8-22, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-23: var(--csstools-color-scheme--light) hsl(0deg 0% 20%);\n --curriculum-bg-large-color: var(--csstools-light-dark-toggle-e1e18fe8-23, hsl(30deg 77% 95%));\n --csstools-light-dark-toggle-e1e18fe8-24: var(--csstools-color-scheme--light) hsl(0deg 0% 80% / 65%);\n --curriculum-border-color-hover: var(--csstools-light-dark-toggle-e1e18fe8-24, hsl(0deg 0% 100%));\n --csstools-light-dark-toggle-e1e18fe8-25: var(--csstools-color-scheme--light) hsl(0deg 0% 31%);\n --curriculum-border-color: var(--csstools-light-dark-toggle-e1e18fe8-25, hsl(0deg 4% 95%));\n --csstools-light-dark-toggle-e1e18fe8-26: var(--csstools-color-scheme--light) hsl(18deg 76% 53%);\n --curriculum-category-color: var(--csstools-light-dark-toggle-e1e18fe8-26, hsl(18deg 76% 53%));\n --csstools-light-dark-toggle-e1e18fe8-27: var(--csstools-color-scheme--light) hsl(22deg 54% 45%);\n --curriculum-color-landing-laptop: var(--csstools-light-dark-toggle-e1e18fe8-27, hsl(18deg 76% 53%));\n --csstools-light-dark-toggle-e1e18fe8-28: var(--csstools-color-scheme--light) hsl(276deg 72% 76%);\n --curriculum-color-list-item-icon-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-28, hsl(270deg 100% 59%));\n --csstools-light-dark-toggle-e1e18fe8-29: var(--csstools-color-scheme--light) hsl(44deg 81% 75%);\n --curriculum-color-list-item-icon-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-29, hsl(54deg 100% 23%));\n --csstools-light-dark-toggle-e1e18fe8-30: var(--csstools-color-scheme--light) hsl(355deg 81% 75%);\n --curriculum-color-list-item-icon-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-30, hsl(344deg 100% 41%));\n --csstools-light-dark-toggle-e1e18fe8-31: var(--csstools-color-scheme--light) hsl(225deg 72% 76%);\n --curriculum-color-list-item-icon-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-31, hsl(210deg 100% 38%));\n --csstools-light-dark-toggle-e1e18fe8-32: var(--csstools-color-scheme--light) hsl(146deg 81% 75%);\n --curriculum-color-list-item-icon-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-32, hsl(146deg 100% 24%));\n --csstools-light-dark-toggle-e1e18fe8-33: var(--csstools-color-scheme--light) hsl(276deg 72% 76%);\n --curriculum-color-topic-practices: var(--csstools-light-dark-toggle-e1e18fe8-33, hsl(270deg 100% 59%));\n --csstools-light-dark-toggle-e1e18fe8-34: var(--csstools-color-scheme--light) hsl(44deg 81% 75%);\n --curriculum-color-topic-scripting: var(--csstools-light-dark-toggle-e1e18fe8-34, hsl(54deg 100% 23%));\n --csstools-light-dark-toggle-e1e18fe8-35: var(--csstools-color-scheme--light) hsl(355deg 81% 75%);\n --curriculum-color-topic-standards: var(--csstools-light-dark-toggle-e1e18fe8-35, hsl(344deg 100% 41%));\n --csstools-light-dark-toggle-e1e18fe8-36: var(--csstools-color-scheme--light) hsl(225deg 72% 76%);\n --curriculum-color-topic-styling: var(--csstools-light-dark-toggle-e1e18fe8-36, hsl(210deg 100% 38%));\n --csstools-light-dark-toggle-e1e18fe8-37: var(--csstools-color-scheme--light) hsl(146deg 81% 75%);\n --curriculum-color-topic-tooling: var(--csstools-light-dark-toggle-e1e18fe8-37, hsl(146deg 100% 24%));\n --csstools-light-dark-toggle-e1e18fe8-38: var(--csstools-color-scheme--light) hsl(18deg 76% 53%);\n --curriculum-color: var(--csstools-light-dark-toggle-e1e18fe8-38, hsl(19deg 63% 59%));\n --csstools-light-dark-toggle-e1e18fe8-39: var(--csstools-color-scheme--light) hsl(22deg 44% 10%);\n --curriculum-module-label-bg-color: var(--csstools-light-dark-toggle-e1e18fe8-39, hsl(30deg 77% 98%));\n --csstools-light-dark-toggle-e1e18fe8-40: var(--csstools-color-scheme--light) hsl(18deg 76% 53%);\n --curriculum-module-label-color: var(--csstools-light-dark-toggle-e1e18fe8-40, hsl(18deg 71% 42%));\n --csstools-light-dark-toggle-e1e18fe8-41:\n var(--csstools-color-scheme--light) hsl(30deg 54% 45% / 15%);\n --csstools-light-dark-toggle-e1e18fe8-42:\n var(--csstools-color-scheme--light) hsl(22deg 54% 45% / 6%);\n --curriculum-shadow-landing-about-ul:\n 0 4px 10px 0 var(--csstools-light-dark-toggle-e1e18fe8-41, hsl(18deg 76% 53% / 6%)),\n 0 -2px 4px 0 var(--csstools-light-dark-toggle-e1e18fe8-42, hsl(22deg 54% 45% / 6%));\n --csstools-light-dark-toggle-e1e18fe8-43:\n var(--csstools-color-scheme--light) hsl(0deg 0% 14% / 15%);\n --csstools-light-dark-toggle-e1e18fe8-44:\n var(--csstools-color-scheme--light) hsl(0deg 0% 34% / 15%);\n --curriculum-shadow:\n 4px 4px 8px 0 var(--csstools-light-dark-toggle-e1e18fe8-43, hsl(18deg 76% 53% / 6%)),\n -4px 4px 8px 0 var(--csstools-light-dark-toggle-e1e18fe8-44, hsl(0deg 0% 70% / 15%));\n }\n}.curriculum-content-container .topic-standards {\n --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-standards);\n --curriculum-color-topic: var(--curriculum-color-topic-standards);\n --curriculum-bg-color-list-item-header: var(\n --curriculum-bg-color-list-item-topic-standards\n );\n --curriculum-color-list-item-icon: var(\n --curriculum-color-list-item-icon-topic-standards\n );\n --curriculum-bg-color-list-item-icon: var(\n --curriculum-bg-color-list-item-icon-topic-standards\n );\n }.curriculum-content-container .topic-styling {\n --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-styling);\n --curriculum-color-topic: var(--curriculum-color-topic-styling);\n --curriculum-bg-color-list-item-header: var(\n --curriculum-bg-color-list-item-topic-styling\n );\n --curriculum-color-list-item-icon: var(\n --curriculum-color-list-item-icon-topic-styling\n );\n --curriculum-bg-color-list-item-icon: var(\n --curriculum-bg-color-list-item-icon-topic-styling\n );\n }.curriculum-content-container .topic-scripting {\n --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-scripting);\n --curriculum-color-topic: var(--curriculum-color-topic-scripting);\n --curriculum-bg-color-list-item-header: var(\n --curriculum-bg-color-list-item-topic-scripting\n );\n --curriculum-color-list-item-icon: var(\n --curriculum-color-list-item-icon-topic-scripting\n );\n --curriculum-bg-color-list-item-icon: var(\n --curriculum-bg-color-list-item-icon-topic-scripting\n );\n }.curriculum-content-container .topic-tooling {\n --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-tooling);\n --curriculum-color-topic: var(--curriculum-color-topic-tooling);\n --curriculum-bg-color-list-item-header: var(\n --curriculum-bg-color-list-item-topic-tooling\n );\n --curriculum-color-list-item-icon: var(\n --curriculum-color-list-item-icon-topic-tooling\n );\n --curriculum-bg-color-list-item-icon: var(\n --curriculum-bg-color-list-item-icon-topic-tooling\n );\n }.curriculum-content-container .topic-practices {\n --curriculum-bg-color-topic: var(--curriculum-bg-color-topic-practices);\n --curriculum-color-topic: var(--curriculum-color-topic-practices);\n --curriculum-bg-color-list-item-header: var(\n --curriculum-bg-color-list-item-topic-practices\n );\n --curriculum-color-list-item-icon: var(\n --curriculum-color-list-item-icon-topic-practices\n );\n --curriculum-bg-color-list-item-icon: var(\n --curriculum-bg-color-list-item-icon-topic-practices\n );\n }\n","\n :is(.curriculum-content-container .curriculum-layout__toc) .document-toc {\n padding: 0;\n margin-bottom: 2rem;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-heading {\n padding: 0.75em 0;\n\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-normal);\n\n line-height: var(--font-line-content);\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-list {\n padding-left: 0;\n font-size: var(--font-size-normal);\n list-style: none;\n }:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-list) li {\n margin: 0;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link {\n display: inline-block;\n\n padding: 0.25rem 0.5rem;\n\n color: var(--color-text-primary);\n }:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link):not(:hover) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link {\n\n border-left: 2px solid var(--color-border-primary);\n }[aria-current]:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-link):not([aria-current=\"\"],[aria-current=\"false\"]) {\n color: var(--color-text-primary);\n\n background-color: var(--background-toc-active);\n border-left: 2px solid var(--category-color);\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .document-toc-item-sub > .document-toc-link:not(.button) {\n padding-left: 2rem;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) h2 {\n padding: 0;\n margin: 0;\n\n font-size: var(--font-size-normal);\n font-weight: normal;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) ul {\n display: grid;\n\n padding: 0;\n margin: 0;\n\n list-style: none;\n }:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) ul) ul {\n padding-left: 1rem;\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) a {\n display: block;\n padding: 0.5rem;\n color: inherit;\n }:is(:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) a):hover:not([aria-current=\"true\"]) {\n color: var(--color-link-normal);\n }@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)) {:is(.curriculum-content-container .curriculum-layout__toc) .document-toc {\n padding: 0 1rem;\n }\n }:is(:is(.curriculum-content-container .curriculum-layout__toc) .document-toc) .show-toc {\n display: block;\n }\n","@import url(\"./vars.css\");\n@import url(\"./toc.css\");\n\n.curriculum-content-container {\n line-height: var(--font-line-content);\n\n /* space above all 3 columns */\n}\n\n.curriculum-content-container .curriculum-sidebar,.curriculum-content-container .toc,.curriculum-content-container .curriculum-content {\n padding-top: 2rem;\n padding-bottom: 3rem;\n }\n\n/* hide unchecked tab contents on landing page */\n\n:is(:is(.curriculum-content-container .curriculum-content) .modules) input[type=\"radio\"]:not(:checked) ~ ol {\n display: none;\n }\n\n.curriculum-content-container .curriculum-content {\n\n max-width: 100%;\n }\n\n:is(.curriculum-content-container .curriculum-content) :target {\n scroll-margin-top: var(--sticky-header-height);\n }\n\n:is(.curriculum-content-container .curriculum-content) h1 {\n margin-bottom: 2rem;\n\n font-size: var(--font-size-largest);\n font-weight: var(--font-weight-bold);\n\n line-height: 1.2;\n }\n\n:is(.curriculum-content-container .curriculum-content) h2 {\n margin: 2rem 0 0.5rem;\n font-size: var(--font-size-larger);\n font-weight: 500;\n }\n\n:is(.curriculum-content-container .curriculum-content) h3 {\n margin: 2rem 0 0.5rem;\n font-size: var(--font-size-large);\n font-weight: 300;\n }\n\n: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,: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 {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n\n: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 {\n background-color: transparent;\n }\n\n.curriculum-content-container ol,.curriculum-content-container ul {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n.curriculum-content-container,.curriculum-content-container .button {\n --button-padding: 1rem;\n }\n\n/* text-decoration: underline; */\n\n.button:is(:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):link,:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):visited) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):hover,:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):focus {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n\n:is(:is(.curriculum-content-container .curriculum-content) a:not(.button)):visited:not([href^=\"#\"]) {\n color: var(--color-link-visited);\n }\n\n:is(.curriculum-content-container .curriculum-content) ol,:is(.curriculum-content-container .curriculum-content) ul {\n padding: 0;\n list-style: none;\n }\n\n:is(:is(.curriculum-content-container .curriculum-content) ol,:is(.curriculum-content-container .curriculum-content) ul) li > p {\n margin: 0;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) > h1 {\n margin-bottom: 2rem;\n }\n\n:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) > h1) > span {\n color: var(--curriculum-color);\n }\n\n:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) .module-contents) > h2 {\n margin-top: 4rem;\n margin-bottom: 2rem;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) section h2:first-of-type {\n margin-top: 2rem;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) code {\n padding: 0.125rem 0.25rem;\n background: var(--color-background-secondary);\n border-radius: 0.25em;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes {\n padding: 1rem;\n margin: 1rem;\n\n background-color: var(--curriculum-bg-color-note);\n border: 0;\n border-radius: var(--elem-radius);\n }\n\n: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 {\n padding-left: 1rem;\n }\n\n: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 {\n margin-bottom: 0;\n }\n\n: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,:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) p {\n margin-top: 0.5rem;\n }\n\n:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) > p:first-child {\n margin-top: 0;\n }\n\n:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) blockquote.curriculum-notes) > :last-child {\n margin-bottom: 0;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) p.curriculum-outcomes {\n display: flex;\n margin-bottom: 0.5rem;\n font-weight: var(--font-weight-bold);\n }\n\n:is(:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) p.curriculum-outcomes)::before {\n display: block;\n\n width: 24px;\n height: 24px;\n\n margin-right: 0.5rem;\n\n content: url(\"./assets/curriculum-resources.svg\");\n }\n\n: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 {\n padding-left: 2rem;\n margin: 1rem 0;\n }\n\n: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 {\n margin: 0;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) li {\n margin: 0.5rem 0;\n list-style-type: disc;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) mdn-scrim-inline {\n display: block;\n\n width: 100%;\n max-width: 36rem;\n aspect-ratio: 1.5;\n\n margin: 0.5rem auto;\n }\n\n:is(:is(.curriculum-content-container.curriculum-overview,.curriculum-content-container.curriculum-module) .curriculum-content) p:has( > scrim-inline:only-child) {\n margin: 1rem 0;\n }\n\n.curriculum-content-container .curriculum-prev-next {\n display: flex;\n\n flex-wrap: wrap;\n\n gap: 0 1rem;\n justify-content: space-between;\n\n width: 100%;\n\n margin-top: 2rem;\n }\n"],"names":[],"mappings":"AAAA,8BACE,iBAAkB,CAClB,aAAc,CACd,kEAAqE,CAErE,gFAA4F,CAE5F,wFAAuG,CACvG,mFAA+F,CAC/F,iGAA8G,CAC9G,mFAA+F,CAC/F,2FAAwG,CACxG,mFAA8F,CAC9F,+EAA8F,CAC9F,gFAA4F,CAC5F,sFAAqG,CACrG,mFAAgG,CAChG,sGAAqH,CACrH,mFAA+F,CAC/F,sGAAqH,CACrH,mFAAgG,CAChG,sGAAqH,CACrH,mFAAgG,CAChG,oGAAmH,CACnH,mFAAgG,CAChG,oGAAmH,CACnH,iFAA8F,CAC9F,uGAA0H,CAC1H,iFAA8F,CAC9F,uGAAyH,CACzH,iFAA8F,CAC9F,uGAA0H,CAC1H,iFAA8F,CAC9F,qGAAwH,CACxH,iFAA8F,CAC9F,qGAAwH,CACxH,oFAAgG,CAChG,kFAAmG,CACnG,oFAA+F,CAC/F,gFAA+F,CAC/F,oFAAiG,CACjG,6FAAgH,CAChH,oFAAgG,CAChG,6FAA+G,CAC/G,oFAAiG,CACjG,6FAAgH,CAChH,oFAAiG,CACjG,2FAA8G,CAC9G,oFAAiG,CACjG,2FAA8G,CAC9G,oFAAgG,CAChG,2EAAwF,CACxF,iFAA8F,CAC9F,iFAA8F,CAC9F,sFAAoG,CACpG,kFAAiG,CACjG,oFAA8F,CAC9F,+EAA0F,CAC1F,oFAAgG,CAChG,iFAA8F,CAC9F,oFAAgG,CAChG,uFAAoG,CACpG,oFAAiG,CACjG,uGAAsH,CACtH,oFAAgG,CAChG,uGAAqH,CACrH,oFAAiG,CACjG,uGAAsH,CACtH,oFAAiG,CACjG,qGAAoH,CACpH,oFAAiG,CACjG,qGAAoH,CACpH,oFAAiG,CACjG,wFAAuG,CACvG,oFAAgG,CAChG,wFAAsG,CACtG,oFAAiG,CACjG,wFAAuG,CACvG,oFAAiG,CACjG,sFAAqG,CACrG,oFAAiG,CACjG,sFAAqG,CACrG,oFAAgG,CAChG,wEAAqF,CACrF,oFAAgG,CAChG,wFAAqG,CACrG,oFAAgG,CAChG,qFAAkG,CAClG,sFAC8D,CAC9D,sFAC6D,CAC7D,8KAEqF,CACrF,sFAC4D,CAC5D,sFAC4D,CAC5D,gKAEsF,CAEtF,oHACF,CAEA,iEACA,8BAEE,4DAGC,CACD,wEAGC,CACD,kEAGC,CACD,sDAGC,CACD,0DAGC,CACD,6EAGC,CACD,6EAGC,CACD,6EAGC,CACD,2EAGC,CACD,2EAGC,CACD,0EAGC,CACD,0EAGC,CACD,0EAGC,CACD,wEAGC,CACD,wEAGC,CACD,wDAGC,CACD,sDAGC,CACD,mEAGC,CACD,mEAGC,CACD,mEAGC,CACD,iEAGC,CACD,iEAGC,CACD,iDAAyE,CACzE,oDAA6E,CAC7E,0DAGC,CACD,qDAAyE,CACzE,uDAGC,CACD,6DAGC,CACD,6EAGC,CACD,6EAGC,CACD,6EAGC,CACD,2EAGC,CACD,2EAGC,CACD,8DAGC,CACD,8DAGC,CACD,8DAGC,CACD,4DAGC,CACD,4DAGC,CACD,8CAAsE,CACtE,8DAGC,CACD,2DAGC,CACD,8HAE2E,CAC3E,gHAGF,CACA,CAAC,mCAAqC,8BAClC,mHACJ,CACA,CAAC,iDACC,oHACF,CAAC,gDACC,mHACF,CAAC,8BACC,4GACF,CAAC,mCAAqC,8BAClC,2GACJ,CACA,CAAC,iDACC,4GACF,CAAC,gDACC,2GACF,CAAC,8BACC,4GACF,CAAC,mCAAqC,8BAClC,2GACJ,CACA,CAAC,iDACC,4GACF,CAAC,gDACC,2GACF,CAAC,8BACC,gHACF,CAAC,mCAAqC,8BAClC,+GACJ,CACA,CAAC,iDACC,gHACF,CAAC,gDACC,+GACF,CAAC,8BACC,wHACF,CAAC,mCAAqC,8BAClC,uHACJ,CACA,CAAC,iDACC,wHACF,CAAC,gDACC,uHACF,CAAC,8BACC,wHACF,CAAC,mCAAqC,8BAClC,uHACJ,CACA,CAAC,iDACC,wHACF,CAAC,gDACC,uHACF,CAAC,8BACC,4HACF,CAAC,mCAAqC,8BAClC,2HACJ,CACA,CAAC,iDACC,4HACF,CAAC,gDACC,2HACF,CAAC,8BACC,wHACF,CAAC,mCAAqC,8BAClC,uHACJ,CACA,CAAC,iDACC,wHACF,CAAC,gDACC,uHACF,CAAC,8BACC,uGACF,CAAC,mCAAqC,8BAClC,sGACJ,CACA,CAAC,iDACC,uGACF,CAAC,gDA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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.layout__2-sidebars,.layout__2-sidebars-inline{display:grid;grid-template-columns:var(--layout-2-sidebars);justify-content:space-between;padding-inline:var(--layout-side-padding)}:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar{grid-area:left-sidebar}:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__right-sidebar{grid-area:right-sidebar}:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar,:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__right-sidebar{max-height:calc(100vh - var(--sticky-header-height));outline-offset:-2px;overflow-y:auto;position:sticky;top:var(--sticky-header-height)}@media (width >= calc(1rem * 2 + (15rem + 2rem) * 2 + 31rem)){:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar{margin-left:calc(var(--layout-side-padding-min)*-1);padding-left:var(--layout-side-padding-min);padding-right:var(--layout-sidebar-padding)}:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__right-sidebar{margin-right:calc(var(--layout-side-padding-min)*-1);padding-left:var(--layout-sidebar-padding);padding-right:var(--layout-side-padding-min)}}@media (width < calc(1rem * 2 + (15rem + 2rem) * 2 + 31rem)){.layout__2-sidebars,.layout__2-sidebars-inline{grid-template-columns:var(--layout-1-sidebar-left)}:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar{background:var(--color-background-page);display:none;z-index:1}:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar,:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__right-sidebar{grid-area:sidebar;margin-left:calc(var(--layout-side-padding-min)*-1);padding-left:var(--layout-side-padding-min);padding-right:var(--layout-sidebar-padding)}}@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)){.layout__2-sidebars,.layout__2-sidebars-inline{display:block}:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar,:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__right-sidebar{margin-left:unset;padding-left:unset;padding-right:unset}:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar{inset:0;padding:0 var(--layout-side-padding-min);position:fixed;top:var(--sticky-header-height);z-index:var(--z-index-sidebar-mobile)}:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__right-sidebar{max-height:unset;overflow-y:unset;position:unset;top:unset}}.layout__2-sidebars .layout__content{grid-area:content}@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)){.layout__2-sidebars .layout__right-sidebar{display:none}}.layout__2-sidebars-inline{grid-template-areas:"left-sidebar . header . right-sidebar" "left-sidebar . body . right-sidebar";grid-template-rows:min-content 1fr}.layout__2-sidebars-inline .layout__content{display:contents}.layout__2-sidebars-inline .layout__header{grid-area:header}.layout__2-sidebars-inline .layout__body{grid-area:body}@media (width < calc(1rem * 2 + (15rem + 2rem) * 2 + 31rem)){.layout__2-sidebars-inline{grid-template-areas:"sidebar . header" "sidebar . body";grid-template-columns:var(--layout-1-sidebar-left)}}@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)){.layout__2-sidebars-inline .layout__right-sidebar{max-height:unset;overflow-y:unset;position:unset;top:unset}}
|
|
2
|
+
/*# sourceMappingURL=270.66bae6059a1c23f9.css.map*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"270.66bae6059a1c23f9.css","sources":["webpack://@mdn/fred/./components/layout/2-sidebars.css"],"sourcesContent":[".layout__2-sidebars,\n.layout__2-sidebars-inline {\n display: grid;\n\n grid-template-columns: var(--layout-2-sidebars);\n\n justify-content: space-between;\n\n padding-inline: var(--layout-side-padding);\n}\n\n:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar {\n grid-area: left-sidebar;\n }\n\n:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__right-sidebar {\n grid-area: right-sidebar;\n }\n\n:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar,:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__right-sidebar {\n position: sticky;\n top: var(--sticky-header-height);\n\n max-height: calc(100vh - var(--sticky-header-height));\n\n overflow-y: auto;\n\n outline-offset: -2px;\n }\n\n@media (width >= calc(1rem * 2 + (15rem + 2rem) * 2 + 31rem)) {\n :is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar {\n padding-right: var(--layout-sidebar-padding);\n padding-left: var(--layout-side-padding-min);\n margin-left: calc(-1 * var(--layout-side-padding-min));\n }\n\n :is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__right-sidebar {\n padding-right: var(--layout-side-padding-min);\n padding-left: var(--layout-sidebar-padding);\n margin-right: calc(-1 * var(--layout-side-padding-min));\n }\n }\n\n@media (width < calc(1rem * 2 + (15rem + 2rem) * 2 + 31rem)) {\n\n.layout__2-sidebars,\n.layout__2-sidebars-inline {\n grid-template-columns: var(--layout-1-sidebar-left);\n}\n\n :is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar {\n z-index: 1;\n display: none;\n background: var(--color-background-page);\n }\n\n :is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar,:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__right-sidebar {\n grid-area: sidebar;\n\n padding-right: var(--layout-sidebar-padding);\n padding-left: var(--layout-side-padding-min);\n margin-left: calc(-1 * var(--layout-side-padding-min));\n }\n }\n\n@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)) {\n\n.layout__2-sidebars,\n.layout__2-sidebars-inline {\n display: block;\n}\n\n :is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar,:is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__right-sidebar {\n padding-right: unset;\n padding-left: unset;\n margin-left: unset;\n }\n\n :is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__left-sidebar {\n position: fixed;\n inset: 0;\n top: var(--sticky-header-height);\n z-index: var(--z-index-sidebar-mobile);\n\n padding: 0 var(--layout-side-padding-min);\n }\n\n :is(.layout__2-sidebars,.layout__2-sidebars-inline) .layout__right-sidebar {\n position: unset;\n top: unset;\n\n max-height: unset;\n\n overflow-y: unset;\n }\n }\n\n.layout__2-sidebars .layout__content {\n grid-area: content;\n }\n\n@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)) {\n .layout__2-sidebars .layout__right-sidebar {\n display: none;\n }\n }\n\n.layout__2-sidebars-inline {\n grid-template-areas:\n \"left-sidebar . header . right-sidebar\"\n \"left-sidebar . body . right-sidebar\";\n grid-template-rows: min-content 1fr;\n}\n\n.layout__2-sidebars-inline .layout__content {\n display: contents;\n }\n\n.layout__2-sidebars-inline .layout__header {\n grid-area: header;\n }\n\n.layout__2-sidebars-inline .layout__body {\n grid-area: body;\n }\n\n@media (width < calc(1rem * 2 + (15rem + 2rem) * 2 + 31rem)) {\n\n.layout__2-sidebars-inline {\n grid-template-areas:\n \"sidebar . header\"\n \"sidebar . body\";\n grid-template-columns: var(--layout-1-sidebar-left);\n}\n }\n\n@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)) {\n .layout__2-sidebars-inline .layout__right-sidebar {\n position: unset;\n top: unset;\n\n max-height: unset;\n\n overflow-y: unset;\n }\n }\n"],"names":[],"mappings":"AAAA,+CAEE,YAAa,CAEb,8CAA+C,CAE/C,6BAA8B,CAE9B,yCACF,CAEA,0EACI,sBACF,CAEF,2EACI,uBACF,CAEF,qJAII,oDAAqD,CAIrD,mBAAoB,CAFpB,eAAgB,CALhB,eAAgB,CAChB,+BAOF,CAEF,8DACI,0EAGE,mDAAsD,CADtD,2CAA4C,CAD5C,2CAGF,CAEA,2EAGE,oDAAuD,CADvD,0CAA2C,CAD3C,4CAGF,CACF,CAEF,6DAEA,+CAEI,kDACJ,CAEI,0EAGE,uCAAwC,CADxC,YAAa,CADb,SAGF,CAEA,qJACE,iBAAkB,CAIlB,mDAAsD,CADtD,2CAA4C,CAD5C,2CAGF,CACF,CAEF,uDAEA,+CAEI,aACJ,CAEI,qJAGE,iBAAkB,CADlB,kBAAmB,CADnB,mBAGF,CAEA,0EAEE,OAAQ,CAIR,wCAAyC,CALzC,cAAe,CAEf,+BAAgC,CAChC,qCAGF,CAEA,2EAIE,gBAAiB,CAEjB,gBAAiB,CALjB,cAAe,CACf,SAKF,CACF,CAEF,qCACI,iBACF,CAEF,uDACI,2CACE,YACF,CACF,CAEF,2BACE,mGAEyC,CACzC,kCACF,CAEA,4CACI,gBACF,CAEF,2CACI,gBACF,CAEF,yCACI,cACF,CAEF,6DAEA,2BACI,uDAEkB,CAClB,kDACJ,CACE,CAEF,uDACI,kDAIE,gBAAiB,CAEjB,gBAAiB,CALjB,cAAe,CACf,SAKF,CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.curriculum-content-container .left-sidebar{overflow-wrap:anywhere;padding-bottom:3rem}:is(.curriculum-content-container .left-sidebar) ol{list-style:none;margin:0;padding:0}:is(.curriculum-content-container .left-sidebar) details{width:100%}[open]:is(:is(.curriculum-content-container .left-sidebar) details)>summary{margin-bottom:.5rem}:is([open]:is(:is(.curriculum-content-container .left-sidebar) details)>summary):before{transform:rotate(90deg)}:is(:is(.curriculum-content-container .left-sidebar) details) summary{align-items:center;cursor:pointer;display:flex}:is(:is(:is(.curriculum-content-container .left-sidebar) details) summary):before{background-color:currentcolor;content:"";display:inline-block;flex-shrink:0;height:1rem;margin:.25rem;-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);-webkit-mask-size:cover;mask-size:cover;width:1rem}:is(:is(:is(.curriculum-content-container .left-sidebar) details) summary):hover{background-color:var(--color-background-secondary)}:is(:is(:is(.curriculum-content-container .left-sidebar) details) summary):hover:has(a:hover){background-color:unset}:is(:is(.curriculum-content-container .left-sidebar) details) ol{padding-left:1.5rem}:is(.curriculum-content-container .left-sidebar) li{align-items:center;display:flex;justify-content:stretch}:is(:is(.curriculum-content-container .left-sidebar) li):not(:last-child){margin-bottom:.5rem}.section:is(:is(.curriculum-content-container .left-sidebar) li){font-weight:var(--font-weight-bold)}.section:is(:is(.curriculum-content-container .left-sidebar) li):not(:first-child){margin-top:1em}:is(.curriculum-content-container .left-sidebar) a,:is(.curriculum-content-container .left-sidebar) span:not(.highlight-container){display:inline-flex;padding-block:.25rem}:is(.curriculum-content-container .left-sidebar) a{color:var(--color-text-primary)}:is(:is(.curriculum-content-container .left-sidebar) a):hover{color:var(--color-area-link)}:is(:is(.curriculum-content-container .left-sidebar) a):not(:hover){-webkit-text-decoration:none;text-decoration:none}:is(.curriculum-content-container .left-sidebar) em{align-items:center;background-color:var(--background-toc-active);border-left:2px solid var(--category-color);display:inline-flex;font-style:normal;padding-inline:.5rem}.curriculum-content-container .curriculum-layout__body{padding-bottom:3rem}.curriculum-content-container .curriculum-layout__sidebar{padding-top:0}.curriculum-content-container .curriculum-layout__toc{align-content:start;align-items:start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)){.curriculum-content-container .curriculum-layout__toc{--toc-header-font-size:var(--font-size-larger)}}
|
|
2
|
+
/*# sourceMappingURL=5408.a0622390fa1726dc.css.map*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"5408.a0622390fa1726dc.css","sources":["webpack://@mdn/fred/./components/curriculum/sidebar.css","webpack://@mdn/fred/./components/curriculum/layout.css"],"sourcesContent":[".curriculum-content-container .left-sidebar {\n padding-bottom: 3rem;\n overflow-wrap: anywhere;\n}:is(.curriculum-content-container .left-sidebar) ol {\n padding: 0;\n margin: 0;\n list-style: none;\n }:is(.curriculum-content-container .left-sidebar) details {\n width: 100%;\n }[open]:is(:is(.curriculum-content-container .left-sidebar) details) > summary {\n margin-bottom: 0.5rem;\n }:is([open]:is(:is(.curriculum-content-container .left-sidebar) details) > summary)::before {\n transform: rotate(90deg);\n }:is(:is(.curriculum-content-container .left-sidebar) details) summary {\n display: flex;\n align-items: center;\n cursor: pointer;\n }:is(:is(:is(.curriculum-content-container .left-sidebar) details) summary)::before {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1rem;\n height: 1rem;\n\n margin: 0.25rem;\n\n content: \"\";\n\n background-color: currentcolor;\n\n -webkit-mask-image: url(\"../icon/chevron-right.svg\");\n\n mask-image: url(\"../icon/chevron-right.svg\");\n -webkit-mask-size: cover;\n mask-size: cover;\n }:is(:is(:is(.curriculum-content-container .left-sidebar) details) summary):hover {\n background-color: var(--color-background-secondary);\n }:is(:is(:is(.curriculum-content-container .left-sidebar) details) summary):hover:has(a:hover) {\n /* Don't highlight, as link click doesn't toggle. */\n background-color: unset;\n }:is(:is(.curriculum-content-container .left-sidebar) details) ol {\n padding-left: 1.5rem;\n }:is(.curriculum-content-container .left-sidebar) li {\n display: flex;\n align-items: center;\n justify-content: stretch;\n }:is(:is(.curriculum-content-container .left-sidebar) li):not(:last-child) {\n margin-bottom: 0.5rem;\n }.section:is(:is(.curriculum-content-container .left-sidebar) li) {\n font-weight: var(--font-weight-bold);\n }.section:is(:is(.curriculum-content-container .left-sidebar) li):not(:first-child) {\n margin-top: 1em;\n }:is(.curriculum-content-container .left-sidebar) a,:is(.curriculum-content-container .left-sidebar) span:not(.highlight-container) {\n display: inline-flex;\n padding-block: 0.25rem;\n }:is(.curriculum-content-container .left-sidebar) a {\n color: var(--color-text-primary);\n }:is(:is(.curriculum-content-container .left-sidebar) a):hover {\n color: var(--color-area-link);\n }:is(:is(.curriculum-content-container .left-sidebar) a):not(:hover) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }:is(.curriculum-content-container .left-sidebar) em {\n display: inline-flex;\n\n align-items: center;\n\n padding-inline: 0.5rem;\n\n font-style: normal;\n\n background-color: var(--background-toc-active);\n border-left: 2px solid var(--category-color);\n }\n","@import url(\"../layout/2-sidebars.css\");\n\n.curriculum-content-container .curriculum-layout__body {\n padding-bottom: 3rem;\n }\n\n.curriculum-content-container .curriculum-layout__sidebar {\n padding-top: 0;\n }\n\n.curriculum-content-container .curriculum-layout__toc {\n display: flex;\n\n flex-wrap: wrap;\n\n gap: 0.5rem;\n align-content: start;\n align-items: start;\n justify-content: space-between;\n }\n\n@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)) {\n .curriculum-content-container .curriculum-layout__toc {\n --toc-header-font-size: var(--font-size-larger);\n }\n }\n"],"names":[],"mappings":"AAAA,4CAEE,sBAAuB,CADvB,mBAEF,CAAC,oDAGG,eAAgB,CADhB,QAAS,CADT,SAGF,CAAC,yDACC,UACF,CAAC,4EACK,mBACF,CAAC,wFACG,uBACF,CAAC,sEAEH,kBAAmB,CACnB,cAAe,CAFf,YAGF,CAAC,kFAYG,6BAA8B,CAF9B,UAAW,CATX,oBAAqB,CAErB,aAAc,CAGd,WAAY,CAEZ,aAAe,CAMf,yEAAoD,CAE5C,iEAA4C,CACpD,uBAAwB,CAChB,eAAgB,CAbxB,UAcF,CAAC,iFACC,kDACF,CAAC,8FAEG,sBACF,CAAC,iEACH,mBACF,CAAC,oDAED,kBAAmB,CADnB,YAAa,CAEb,uBACF,CAAC,0EACG,mBACF,CAAC,iEACC,mCACF,CAAC,mFACG,cACF,CAAC,mIACH,mBAAoB,CACpB,oBACF,CAAC,mDACC,+BACF,CAAC,8DACG,4BACF,CAAC,oEACC,4BAA6B,CAC7B,oBACF,CAAC,oDAGD,kBAAmB,CAMnB,6CAA8C,CAC9C,2CAA4C,CAT5C,mBAAoB,CAMpB,iBAAkB,CAFlB,oBAMF,CCxEF,uDACI,mBACF,CAEF,0DACI,aACF,CAEF,sDAMI,mBAAoB,CACpB,iBAAkB,CANlB,YAAa,CAEb,cAAe,CAEf,SAAW,CAGX,6BACF,CAEF,uDACI,sDACE,8CACF,CACF"}
|