@mdn/fred 0.0.1

package/dist/client/styles-a11y-menu.2e98b7cd718c5c19.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["2642"];export const __webpack_modules__={15452:function(){}};import s from"./styles.911adb13c338ef51.js";import*as c from"./styles-a11y-menu.2e98b7cd718c5c19.js";s.C(c),s(s.s=15452);

package/dist/client/styles-a11y-menu.53797029a4c05806.css

@@ -0,0 +1,2 @@
+.a11y-menu{--offset:20em;--outline:2px;left:var(--outline);list-style:none;margin:0;position:absolute;right:var(--outline);top:calc(var(--offset)*-1);width:calc(100% - var(--outline)*2);z-index:1000}.a11y-menu a{background-color:var(--color-background-primary);font-weight:600;left:0;padding:.8em;position:absolute;right:0;text-align:center;-webkit-text-decoration:none;text-decoration:none}:is(.a11y-menu a):focus-within{top:calc(var(--offset) + var(--outline))}
+/*# sourceMappingURL=styles-a11y-menu.53797029a4c05806.css.map*/

package/dist/client/styles-a11y-menu.53797029a4c05806.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-a11y-menu.53797029a4c05806.css","sources":["webpack://@mdn/fred/./components/a11y-menu/server.css"],"sourcesContent":[".a11y-menu {\n  --offset: 20em;\n  --outline: 2px;\n\n  position: absolute;\n  top: calc(-1 * var(--offset));\n  right: var(--outline);\n  left: var(--outline);\n  z-index: 1000;\n\n  width: calc(100% - 2 * var(--outline));\n\n  margin: 0; /* Reset. */\n\n  list-style: none; /* Reset. */\n\n  a {\n    position: absolute;\n    right: 0;\n    left: 0;\n\n    padding: 0.8em;\n\n    font-weight: 600;\n\n    text-align: center;\n\n    text-decoration: none;\n\n    background-color: var(--color-background-primary);\n\n    &:focus-within {\n      top: calc(var(--offset) + var(--outline));\n    }\n  }\n}\n"],"names":[],"mappings":"AAAA,WACE,aAAc,CACd,aAAc,CAKd,mBAAoB,CAOpB,eAAgB,CAFhB,QAAS,CART,iBAAkB,CAElB,oBAAqB,CADrB,0BAA6B,CAK7B,mCAAsC,CAFtC,YA2BF,CAnBE,aAaE,gDAAiD,CANjD,eAAgB,CAJhB,MAAO,CAEP,YAAc,CAJd,iBAAkB,CAClB,OAAQ,CAOR,iBAAkB,CAElB,4BAAqB,CAArB,oBAOF,CAHE,+BACE,wCACF"}

package/dist/client/styles-advertising.518209a1af34dc4a.css

@@ -0,0 +1,2 @@
+.advertising{--mdn-color-ads:#00d1ab;line-height:var(--font-line-content)}.advertising__stats-container{left:50%;margin-bottom:3rem;margin-left:-50vw;margin-right:-50vw;position:relative;right:50%;width:100vw;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-90);color:var(--csstools-light-dark-toggle--0,var(--color-gray-90));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-10);background-color:var(--csstools-light-dark-toggle--1,var(--color-gray-10))}@supports (color:light-dark(red,red)){.advertising__stats-container{background-color:light-dark(var(--color-gray-10),var(--color-gray-10));color:light-dark(var(--color-gray-90),var(--color-gray-90))}}.advertising__stats-container.dark{background-color:#212121;color:#fff}.advertising-content{padding-inline:var(--layout-side-padding)}.advertising{grid-column:content;margin-bottom:3rem;width:100%}.advertising__content,.advertising__stats-header{margin:0 auto;max-width:52rem;padding:0 1rem}.advertising__stats-header{align-items:center;display:flex;flex-direction:column;padding:0 .5rem 2rem}.advertising__stats-header h1{align-items:center;display:inline-flex;font-size:var(--font-size-largest);font-weight:500;gap:.5rem;line-height:1.2;margin-top:8rem;padding:0;position:relative;text-align:center}.advertising__stats-header h1:before{background-color:var(--mdn-color-ads);content:"";display:inline-block;height:1.2em;margin-right:0;-webkit-mask:url(/static/client/m-logo.53bc3f53d5946169.svg) no-repeat 50% 50%;mask:url(/static/client/m-logo.53bc3f53d5946169.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1.2em}.advertising__stats-header h1:after{content:"\2002";margin-left:-.3rem;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--mdn-color-ads);text-decoration-thickness:.1em;text-underline-offset:.1em}h2{font-size:var(--font-size-larger);font-weight:500;line-height:var(--font-line-content)}.advertising__stats{display:grid;gap:.3em;grid-template-columns:1fr;list-style:none;margin:0;padding:0;width:100%}@media (min-width:480px){.advertising__stats{grid-template-columns:1fr 1fr}}@media (min-width:768px){.advertising__stats{grid-template-columns:1fr 1fr 1fr 1fr}}.advertising__stats li{align-items:center;background:var(--mdn-color-ads);color:#212121;display:flex;flex-direction:column;padding:.5rem 2rem 1rem}.advertising__number{font-size:var(--font-size-largest);line-height:var(--font-line-content)}.advertising__number svg{transform:translateY(.125em)}.advertising__legend{font-size:.8rem;max-width:5rem;text-align:center}.advertising a{color:var(--color-link);-webkit-text-decoration:underline;text-decoration:underline}.advertising a:hover{text-decoration-thickness:2px}.advertising a.external:after{content:" ↗";font-size:.8em;vertical-align:super}
+/*# sourceMappingURL=styles-advertising.518209a1af34dc4a.css.map*/

package/dist/client/styles-advertising.518209a1af34dc4a.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-advertising.518209a1af34dc4a.css","sources":["webpack://@mdn/fred/./components/advertising/server.css"],"sourcesContent":[".advertising {\n  --mdn-color-ads: hsl(169deg 100% 41%);\n  line-height: var(--font-line-content);\n}\n\n/* Full-width dark container */\n.advertising__stats-container {\n  position: relative;\n  right: 50%;\n  left: 50%;\n\n  width: 100vw;\n\n  margin-right: -50vw;\n  margin-bottom: 3rem;\n  margin-left: -50vw;\n\n  color: light-dark(var(--color-gray-90), var(--color-gray-90));\n\n  background-color: light-dark(var(--color-gray-10), var(--color-gray-10));\n}\n\n.advertising__stats-container.dark {\n  color: #ffffff;\n  background-color: #212121;\n}\n\n.advertising-content {\n  padding-inline: var(--layout-side-padding);\n\n  /* display: grid; */\n\n  /* grid-template-columns: var(--layout-2-sidebars); */\n\n  /* padding-inline: var(--layout-side-padding); */\n}\n\n.advertising {\n  grid-column: content;\n  width: 100%;\n  margin-bottom: 3rem;\n}\n\n.advertising__stats-header,\n.advertising__content {\n  max-width: 52rem;\n  padding: 0 1rem;\n  margin: 0 auto;\n}\n\n.advertising__stats-header {\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  padding: 0 0.5rem 2rem;\n}\n\n.advertising__stats-header h1 {\n  position: relative;\n\n  display: inline-flex;\n\n  gap: 0.5rem;\n  align-items: center;\n\n  padding: 0.5rem 1rem;\n  padding: 0;\n  margin-top: 8rem;\n\n  font-size: var(--font-size-largest);\n  font-weight: 500;\n\n  line-height: 1.2;\n\n  text-align: center;\n}\n\n.advertising__stats-header h1::before {\n  display: inline-block;\n\n  width: 1.2em;\n  height: 1.2em;\n\n  margin-right: 0;\n\n  vertical-align: middle;\n\n  content: \"\";\n\n  background-color: var(--mdn-color-ads);\n\n  mask: url(\"./assets/m-logo.svg\") no-repeat 50% 50%;\n  mask-size: cover;\n}\n\n.advertising__stats-header h1::after {\n  margin-left: -0.3rem;\n\n  text-decoration: underline;\n  text-decoration-thickness: 0.1em;\n  text-decoration-color: var(--mdn-color-ads);\n  text-underline-offset: 0.1em;\n\n  content: \"\\2002\";\n}\n\nh2 {\n  font-size: var(--font-size-larger);\n  font-weight: 500;\n  line-height: var(--font-line-content);\n}\n\n.advertising__stats {\n  display: grid;\n\n  grid-template-columns: 1fr;\n\n  gap: 0.3em;\n\n  width: 100%;\n\n  padding: 0;\n  margin: 0;\n\n  list-style: none;\n}\n\n@media (width >= 480px) {\n  .advertising__stats {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (width >= 768px) {\n  .advertising__stats {\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n  }\n}\n\n.advertising__stats li {\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  padding: 0.5rem 2rem 1rem;\n\n  color: #212121;\n\n  background: var(--mdn-color-ads);\n}\n\n.advertising__number {\n  font-size: var(--font-size-largest);\n  line-height: var(--font-line-content);\n}\n\n.advertising__number svg {\n  transform: translateY(0.125em);\n}\n\n.advertising__legend {\n  max-width: 5rem;\n  font-size: 0.8rem;\n  text-align: center;\n}\n\n/* Links styling */\n.advertising a {\n  color: var(--color-link);\n  text-decoration: underline;\n}\n\n.advertising a:hover {\n  text-decoration-thickness: 2px;\n}\n\n.advertising a.external::after {\n  font-size: 0.8em;\n  vertical-align: super;\n  content: \" ↗\";\n}\n"],"names":[],"mappings":"AAAA,aACE,uBAAqC,CACrC,oCACF,CAGA,8BAGE,QAAS,CAKT,kBAAmB,CACnB,iBAAkB,CAFlB,kBAAmB,CANnB,iBAAkB,CAClB,SAAU,CAGV,WAAY,CAMZ,wFAA6D,CAA7D,+DAA6D,CAE7D,wFAAwE,CAAxE,0EACF,CAdA,oEAaE,sEAAwE,CAFxE,2DAGF,EAEA,mCAEE,wBAAyB,CADzB,UAEF,CAEA,qBACE,yCAOF,CAEA,aACE,mBAAoB,CAEpB,kBAAmB,CADnB,UAEF,CAEA,iDAIE,aAAc,CAFd,eAAgB,CAChB,cAEF,CAEA,2BAKE,kBAAmB,CAJnB,YAAa,CAEb,qBAAsB,CAItB,oBACF,CAEA,8BAME,kBAAmB,CAHnB,mBAAoB,CASpB,kCAAmC,CACnC,eAAgB,CARhB,SAAW,CAUX,eAAgB,CALhB,eAAgB,CADhB,SAAU,CARV,iBAAkB,CAgBlB,iBACF,CAEA,qCAYE,qCAAsC,CAFtC,UAAW,CATX,oBAAqB,CAGrB,YAAa,CAEb,cAAe,CAQf,8EAAkD,CAAlD,sEAAkD,CAClD,uBAAgB,CAAhB,eAAgB,CAPhB,qBAAsB,CALtB,WAaF,CAEA,oCAQE,eAAgB,CAPhB,kBAAoB,CAEpB,iCAA0B,CAA1B,yBAA0B,CAE1B,0CAA2C,CAD3C,8BAAgC,CAEhC,0BAGF,CAEA,GACE,iCAAkC,CAClC,eAAgB,CAChB,oCACF,CAEA,oBACE,YAAa,CAIb,QAAU,CAFV,yBAA0B,CAS1B,eAAgB,CAFhB,QAAS,CADT,SAAU,CAFV,UAMF,CAEA,yBACE,oBACE,6BACF,CACF,CAEA,yBACE,oBACE,qCACF,CACF,CAEA,uBAKE,kBAAmB,CAMnB,+BAAgC,CAFhC,aAAc,CARd,YAAa,CAEb,qBAAsB,CAItB,uBAKF,CAEA,qBACE,kCAAmC,CACnC,oCACF,CAEA,yBACE,4BACF,CAEA,qBAEE,eAAiB,CADjB,cAAe,CAEf,iBACF,CAGA,eACE,uBAAwB,CACxB,iCAA0B,CAA1B,yBACF,CAEA,qBACE,6BACF,CAEA,8BAGE,YAAa,CAFb,cAAgB,CAChB,oBAEF"}

package/dist/client/styles-advertising.ea40e455e971a08c.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["4951"];export const __webpack_modules__={29845:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-advertising.ea40e455e971a08c.js";s.C(o),s(s.s=29845);

package/dist/client/styles-article-footer.2a7aa2576e5bf09c.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["8939"];export const __webpack_modules__={19001:function(){}};import e from"./styles.911adb13c338ef51.js";import*as o from"./styles-article-footer.2a7aa2576e5bf09c.js";e.C(o),e(e.s=19001);

package/dist/client/styles-article-footer.3bc45ecc7223c0ee.css

@@ -0,0 +1,2 @@
+.article-footer{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--elem-radius,.25rem);margin:0;padding:1rem}@media (max-width:769px){.article-footer{margin:0 3rem 3rem}}@media (max-width:426px){.article-footer{margin-left:1rem;margin-right:1rem}}.article-footer .heading-anchor:before{display:none}.article-footer__inner{margin:0 auto;max-width:1440px;width:100%}.article-footer__inner h2{margin-bottom:.5rem;margin-top:0;padding:0}.article-footer__inner .emoji{font-family:initial}.article-footer__svg-container{position:relative}.article-footer__svg-container svg{color:var(--color-background-secondary);height:auto;position:absolute;right:0;top:0;width:20%}.article-footer__contribute{margin-top:.25rem}.article-footer__last-modified{margin-bottom:0;margin-top:2rem}
+/*# sourceMappingURL=styles-article-footer.3bc45ecc7223c0ee.css.map*/

package/dist/client/styles-article-footer.3bc45ecc7223c0ee.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-article-footer.3bc45ecc7223c0ee.css","sources":["webpack://@mdn/fred/./components/article-footer/server.css"],"sourcesContent":["/** Article footer. */\n\n.article-footer {\n  padding: 1rem;\n  margin: 0;\n\n  background-color: var(--color-background-primary);\n  border: 1px solid var(--color-border-primary);\n  border-radius: var(--elem-radius, 0.25rem);\n\n  @media (--screen-small-and-narrower) {\n    margin: 3rem;\n\n    /* Reduce space to article content. */\n    margin-top: 0;\n  }\n\n  @media (--screen-xsmall) {\n    margin-right: 1rem;\n    margin-left: 1rem;\n  }\n\n  .heading-anchor::before {\n    display: none;\n  }\n}\n\n.article-footer__inner {\n  width: 100%;\n  max-width: 1440px;\n  margin: 0 auto;\n\n  h2 {\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: 0.5rem;\n  }\n\n  .emoji {\n    /* Ensure emojis are shown in color. */\n    font-family: initial;\n  }\n}\n\n.article-footer__svg-container {\n  position: relative;\n\n  svg {\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    width: 20%;\n    height: auto;\n\n    color: var(--color-background-secondary);\n  }\n}\n\n.article-footer__contribute {\n  margin-top: 0.25rem;\n}\n\n.article-footer__last-modified {\n  margin-top: 2rem;\n  margin-bottom: 0;\n}\n"],"names":[],"mappings":"AAEA,gBAIE,gDAAiD,CACjD,4CAA6C,CAC7C,uCAA0C,CAJ1C,QAAS,CADT,YAsBF,CAfE,yBARF,gBAYI,kBAWJ,CAVE,CAEA,yBAfF,gBAiBI,gBAAiB,CADjB,iBAOJ,CALE,CAEA,uCACE,YACF,CAGF,uBAGE,aAAc,CADd,gBAAiB,CADjB,UAcF,CAVE,0BAGE,mBAAqB,CADrB,YAAa,CADb,SAGF,CAEA,8BAEE,mBACF,CAGF,+BACE,iBAYF,CAVE,mCAQE,uCAAwC,CAFxC,WAAY,CALZ,iBAAkB,CAElB,OAAQ,CADR,KAAM,CAGN,SAIF,CAGF,4BACE,iBACF,CAEA,+BAEE,eAAgB,CADhB,eAEF"}

package/dist/client/styles-banner.27a95586089161b4.css

@@ -0,0 +1,2 @@
+.banner{background-color:var(--color-background-secondary);background-image:repeating-linear-gradient(115deg,var(--color-background-primary) 0 24px,var(--color-background-secondary) 24px 48px);border-block-end:1px solid var(--color-border-primary);padding:16px}
+/*# sourceMappingURL=styles-banner.27a95586089161b4.css.map*/

package/dist/client/styles-banner.27a95586089161b4.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-banner.27a95586089161b4.css","sources":["webpack://@mdn/fred/./components/banner/server.css"],"sourcesContent":[".banner {\n  padding: 16px;\n\n  background-color: var(--color-background-secondary);\n  background-image: repeating-linear-gradient(\n    115deg,\n    var(--color-background-primary) 0 24px,\n    var(--color-background-secondary) 24px 48px\n  );\n  border-block-end: 1px solid var(--color-border-primary);\n}\n"],"names":[],"mappings":"AAAA,QAGE,kDAAmD,CACnD,qIAIC,CACD,sDAAuD,CARvD,YASF"}

package/dist/client/styles-banner.6c855e9feea9c071.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["4210"];export const __webpack_modules__={76457:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-banner.6c855e9feea9c071.js";s.C(o),s(s.s=76457);

package/dist/client/styles-baseline-indicator.0ee33f4434f78f8f.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["3297"];export const __webpack_modules__={43355:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-baseline-indicator.0ee33f4434f78f8f.js";s.C(o),s(s.s=43355);

package/dist/client/styles-baseline-indicator.32a52f7b51085fbb.css

@@ -0,0 +1,2 @@
+.baseline-indicator{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #282a2c;--baseline-bg:var(--csstools-light-dark-toggle--0,#f1f3f4);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #1d1e1f;--baseline-engine-bg:var(--csstools-light-dark-toggle--1,#e3e6e8);--baseline-img:url(/static/client/limited.a9efc9350e09355e.svg);--baseline-check:#1e8e3e;--baseline-cross:#ea8600;--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #fff;--feedback-link-icon:var(--icon-primary,var(--csstools-light-dark-toggle--2,#696969));background:var(--baseline-bg);border-radius:.25rem;margin:1rem 0;padding-left:3.8125rem}@supports (color:light-dark(red,red)){.baseline-indicator{--baseline-bg:light-dark(#f1f3f4,#282a2c);--baseline-engine-bg:light-dark(#e3e6e8,#1d1e1f);--feedback-link-icon:var(--icon-primary,light-dark(#696969,#fff))}}@supports not (color:light-dark(tan,tan)){.baseline-indicator *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #282a2c;--baseline-bg:var(--csstools-light-dark-toggle--0,#f1f3f4);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #1d1e1f;--baseline-engine-bg:var(--csstools-light-dark-toggle--1,#e3e6e8);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #fff;--feedback-link-icon:var(--icon-primary,var(--csstools-light-dark-toggle--2,#696969))}}@media (prefers-color-scheme:dark){.baseline-indicator{--baseline-img:url(/static/client/limited-dark.6de4f83e8f41145f.svg)}}.baseline-indicator.high{--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #0e2a10;--baseline-bg:var(--csstools-light-dark-toggle--3,#e6f4ea);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #031b05;--baseline-engine-bg:var(--csstools-light-dark-toggle--4,#ceead6);--baseline-img:url(/static/client/high.8401af3c81ea0eca.svg);--baseline-check:#099949}@supports (color:light-dark(red,red)){.baseline-indicator.high{--baseline-bg:light-dark(#e6f4ea,#0e2a10);--baseline-engine-bg:light-dark(#ceead6,#031b05)}}@supports not (color:light-dark(tan,tan)){.baseline-indicator.high *{--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #0e2a10;--baseline-bg:var(--csstools-light-dark-toggle--3,#e6f4ea);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #031b05;--baseline-engine-bg:var(--csstools-light-dark-toggle--4,#ceead6)}}@media (prefers-color-scheme:dark){.baseline-indicator.high{--baseline-img:url(/static/client/high-dark.4c5740fbe0c02409.svg)}}.baseline-indicator.low{--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #041e49;--baseline-bg:var(--csstools-light-dark-toggle--5,#e8f0fe);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #020d20;--baseline-engine-bg:var(--csstools-light-dark-toggle--6,#d2e3fc);--baseline-img:url(/static/client/low.2c31373fd9acde94.svg);--baseline-check:#1a73e8;--baseline-pill-bg:#3367d6;--baseline-pill-color:#f1f3f4}@supports (color:light-dark(red,red)){.baseline-indicator.low{--baseline-bg:light-dark(#e8f0fe,#041e49);--baseline-engine-bg:light-dark(#d2e3fc,#020d20)}}@supports not (color:light-dark(tan,tan)){.baseline-indicator.low *{--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #041e49;--baseline-bg:var(--csstools-light-dark-toggle--5,#e8f0fe);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #020d20;--baseline-engine-bg:var(--csstools-light-dark-toggle--6,#d2e3fc)}}@media (prefers-color-scheme:dark){.baseline-indicator.low{--baseline-img:url(/static/client/low-dark.512578ef0a351cb6.svg)}}.baseline-indicator[open] summary .icon-chevron{transform:rotate(180deg)}.baseline-indicator summary{--chevron-size:0.6875rem;--chevron-padding-left:0.75rem;--chevron-padding-right:1.25rem;align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:1rem 0;padding-right:calc(var(--chevron-padding-left) + var(--chevron-size) + var(--chevron-padding-right));position:relative}:is(.baseline-indicator summary)::-webkit-details-marker{display:none}:is(.baseline-indicator summary) .indicator{--width:2.3125rem;background-image:var(--baseline-img);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:2.25rem;left:calc(-.5rem - var(--width));position:absolute;top:1rem;width:var(--width)}:is(.baseline-indicator summary) .status-title{font-size:1rem;font-weight:600;letter-spacing:0;line-height:1.5;margin:0;padding:.375rem 0}:is(:is(.baseline-indicator summary) .status-title) .not-bold{font-weight:400}:is(.baseline-indicator summary) .pill{background:var(--baseline-pill-bg);border-radius:.125rem;color:var(--baseline-pill-color);font-size:.75rem;font-weight:600;margin-right:auto;padding:0 .25rem;text-transform:uppercase}:is(.baseline-indicator summary) .browsers{display:flex;flex-wrap:wrap;gap:.5rem}:is(:is(.baseline-indicator summary) .browsers) .engine{background:var(--baseline-engine-bg);border-radius:2rem;display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem .625rem}:is(:is(:is(.baseline-indicator summary) .browsers) .engine) .browser{display:flex}:is(:is(:is(:is(.baseline-indicator summary) .browsers) .engine) .browser):before{background-repeat:no-repeat;background-size:contain;content:"";display:block;height:1.25rem;width:1.25rem}.chrome:is(:is(:is(:is(.baseline-indicator summary) .browsers) .engine) .browser):before{background-image:url(/static/client/chrome.5978d1a2dbdc06cc.svg)}.edge:is(:is(:is(:is(.baseline-indicator summary) .browsers) .engine) .browser):before{background-image:url(/static/client/edge.ccffcb3049ad9e34.svg)}.firefox:is(:is(:is(:is(.baseline-indicator summary) .browsers) .engine) .browser):before{background-image:url(/static/client/firefox.321382ff8fab2cfd.svg)}.safari:is(:is(:is(:is(.baseline-indicator summary) .browsers) .engine) .browser):before{background-image:url(/static/client/safari.046172f4b2c9407b.svg)}:is(:is(:is(:is(.baseline-indicator summary) .browsers) .engine) .browser):after{background-color:var(--baseline-cross);content:"";display:block;height:1.25rem;-webkit-mask-image:url(/static/client/browser-cross.196cc93721b774d9.svg);mask-image:url(/static/client/browser-cross.196cc93721b774d9.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1rem}.supported:is(:is(:is(:is(.baseline-indicator summary) .browsers) .engine) .browser):after{background-color:var(--baseline-check);-webkit-mask-image:url(/static/client/browser-check.20ed6fe43e745587.svg);mask-image:url(/static/client/browser-check.20ed6fe43e745587.svg)}:is(.baseline-indicator summary) .icon{background-color:var(--color-text-primary);display:inline-block;height:var(--chevron-size);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:var(--chevron-size)}.icon-chevron:is(:is(.baseline-indicator summary) .icon){-webkit-mask-image:url(/static/client/chevron.ea9f23d050030463.svg);mask-image:url(/static/client/chevron.ea9f23d050030463.svg);position:absolute;right:var(--chevron-padding-right)}.baseline-indicator .extra{padding-bottom:1.5rem;padding-right:1rem}:is(.baseline-indicator .extra) p{margin-bottom:1rem;margin-top:0}:is(.baseline-indicator .extra) ul{column-gap:1.5rem;display:flex;flex-wrap:wrap;margin:0;padding:0;row-gap:1rem}:is(:is(.baseline-indicator .extra) ul) li{font-weight:500;list-style:none;margin:0}:is(:is(:is(:is(.baseline-indicator .extra) ul) li) a.learn-more),:is(:is(:is(:is(.baseline-indicator .extra) ul) li) a.learn-more):active,:is(:is(:is(:is(.baseline-indicator .extra) ul) li) a.learn-more):visited{background:none;color:var(--text-link)}:is(:is(:is(:is(.baseline-indicator .extra) ul) li) a:not(.learn-more)),:is(:is(:is(:is(.baseline-indicator .extra) ul) li) a:not(.learn-more)):active,:is(:is(:is(:is(.baseline-indicator .extra) ul) li) a:not(.learn-more)):visited{background:none;color:var(--text-primary)}
+/*# sourceMappingURL=styles-baseline-indicator.32a52f7b51085fbb.css.map*/

package/dist/client/styles-baseline-indicator.32a52f7b51085fbb.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-baseline-indicator.32a52f7b51085fbb.css","sources":["webpack://@mdn/fred/./components/baseline-indicator/server.css"],"sourcesContent":["/** Baseline indicator. */\n\n.baseline-indicator {\n  --baseline-bg: light-dark(#f1f3f4, #282a2c);\n  --baseline-engine-bg: light-dark(#e3e6e8, #1d1e1f);\n  --baseline-img: url(\"./icons/status/limited.svg\");\n  --baseline-check: #1e8e3e;\n  --baseline-cross: #ea8600;\n  --feedback-link-icon: var(--icon-primary, light-dark(#696969, #ffffff));\n\n  padding-left: 3.8125rem;\n  margin: 1rem 0;\n\n  background: var(--baseline-bg);\n  border-radius: 0.25rem;\n\n  @media (prefers-color-scheme: dark) {\n    --baseline-img: url(\"./icons/status/limited-dark.svg\");\n  }\n\n  &.high {\n    --baseline-bg: light-dark(#e6f4ea, #0e2a10);\n    --baseline-engine-bg: light-dark(#ceead6, #031b05);\n    --baseline-img: url(\"./icons/status/high.svg\");\n    --baseline-check: #099949;\n\n    @media (prefers-color-scheme: dark) {\n      --baseline-img: url(\"./icons/status/high-dark.svg\");\n    }\n  }\n\n  &.low {\n    --baseline-bg: light-dark(#e8f0fe, #041e49);\n    --baseline-engine-bg: light-dark(#d2e3fc, #020d20);\n    --baseline-img: url(\"./icons/status/low.svg\");\n    --baseline-check: #1a73e8;\n    --baseline-pill-bg: #3367d6;\n    --baseline-pill-color: #f1f3f4;\n\n    @media (prefers-color-scheme: dark) {\n      --baseline-img: url(\"./icons/status/low-dark.svg\");\n    }\n  }\n\n  &[open] {\n    summary .icon-chevron {\n      transform: rotate(180deg);\n    }\n  }\n\n  summary {\n    --chevron-size: 0.6875rem;\n    --chevron-padding-left: 0.75rem;\n    --chevron-padding-right: 1.25rem;\n\n    position: relative;\n\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 0.5rem;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: 1rem 0;\n    padding-right: calc(\n      var(--chevron-padding-left) + var(--chevron-size) +\n        var(--chevron-padding-right)\n    );\n\n    cursor: pointer;\n\n    &::-webkit-details-marker {\n      /* Remove arrow from older versions of Safari. */\n      display: none;\n    }\n\n    .indicator {\n      --width: 2.3125rem;\n\n      position: absolute;\n      top: 1rem;\n      left: calc(-0.5rem - var(--width));\n\n      display: block;\n\n      width: var(--width);\n      height: 2.25rem;\n\n      background-image: var(--baseline-img);\n      background-repeat: no-repeat;\n      background-position: center;\n      background-size: contain;\n    }\n\n    .status-title {\n      padding: 0.375rem 0;\n      margin: 0;\n\n      font-size: 1rem;\n      font-weight: 600;\n\n      line-height: 1.5;\n\n      letter-spacing: 0;\n\n      .not-bold {\n        font-weight: normal;\n      }\n    }\n\n    .pill {\n      padding: 0 0.25rem;\n      margin-right: auto;\n\n      font-size: 0.75rem;\n      font-weight: 600;\n\n      color: var(--baseline-pill-color);\n\n      text-transform: uppercase;\n\n      background: var(--baseline-pill-bg);\n      border-radius: 0.125rem;\n    }\n\n    .browsers {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n\n      .engine {\n        display: flex;\n\n        flex-wrap: wrap;\n\n        gap: 0.5rem;\n\n        padding: 0.5rem 0.625rem;\n\n        background: var(--baseline-engine-bg);\n        border-radius: 2rem;\n\n        .browser {\n          display: flex;\n\n          &::before {\n            display: block;\n\n            width: 1.25rem;\n            height: 1.25rem;\n\n            content: \"\";\n\n            background-repeat: no-repeat;\n            background-size: contain;\n          }\n\n          &.chrome::before {\n            background-image: url(\"./icons/browser/chrome.svg\");\n          }\n\n          &.edge::before {\n            background-image: url(\"./icons/browser/edge.svg\");\n          }\n\n          &.firefox::before {\n            background-image: url(\"./icons/browser/firefox.svg\");\n          }\n\n          &.safari::before {\n            background-image: url(\"./icons/browser/safari.svg\");\n          }\n\n          &::after {\n            display: block;\n\n            width: 1rem;\n            height: 1.25rem;\n\n            content: \"\";\n\n            background-color: var(--baseline-cross);\n\n            mask-image: url(\"./icons/browser-cross.svg\");\n            mask-repeat: no-repeat;\n            mask-size: contain;\n          }\n\n          &.supported::after {\n            background-color: var(--baseline-check);\n            mask-image: url(\"./icons/browser-check.svg\");\n          }\n        }\n      }\n    }\n\n    .icon {\n      display: inline-block;\n\n      width: var(--chevron-size);\n      height: var(--chevron-size);\n\n      background-color: var(--color-text-primary);\n\n      mask-repeat: no-repeat;\n      mask-position: center;\n\n      &.icon-chevron {\n        position: absolute;\n        right: var(--chevron-padding-right);\n        mask-image: url(\"./icons/chevron.svg\");\n      }\n    }\n  }\n\n  .extra {\n    padding-right: 1rem;\n    padding-bottom: 1.5rem;\n\n    p {\n      margin-top: 0;\n      margin-bottom: 1rem;\n    }\n\n    ul {\n      display: flex;\n\n      flex-wrap: wrap;\n\n      row-gap: 1rem;\n      column-gap: 1.5rem;\n\n      padding: 0;\n      margin: 0;\n\n      li {\n        margin: 0;\n        font-weight: 500;\n        list-style: none;\n\n        a.learn-more {\n          &,\n          &:active,\n          &:visited {\n            color: var(--text-link);\n            background: none;\n          }\n        }\n\n        a:not(.learn-more) {\n          &,\n          &:active,\n          &:visited {\n            color: var(--text-primary);\n            background: none;\n          }\n        }\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/client/styles-blog-index.63718eed7985555b.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["7332"];export const __webpack_modules__={58921:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-blog-index.63718eed7985555b.js";s.C(o),s(s.s=58921);

package/dist/client/styles-blog-index.adc896a6f9c59a37.css

@@ -0,0 +1,2 @@
+.blog-index__main{padding-inline:var(--layout-side-padding)}.blog-index__header{margin:2rem 0 1rem}.blog-index__articles{column-gap:2rem;display:grid;grid-template-columns:1fr 1fr}.blog-index__article{border:1px solid var(--color-border-primary);border-radius:1rem;display:grid;grid-row:span 6;grid-template-rows:subgrid;margin-top:2rem;padding:2rem}
+/*# sourceMappingURL=styles-blog-index.adc896a6f9c59a37.css.map*/

package/dist/client/styles-blog-index.adc896a6f9c59a37.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-blog-index.adc896a6f9c59a37.css","sources":["webpack://@mdn/fred/./components/blog-index/server.css"],"sourcesContent":[".blog-index__main {\n  padding-inline: var(--layout-side-padding);\n}\n\n.blog-index__header {\n  margin: 2rem 0 1rem;\n}\n\n.blog-index__articles {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  column-gap: 2rem;\n}\n\n.blog-index__article {\n  display: grid;\n\n  grid-template-rows: subgrid;\n  grid-row: span 6;\n\n  padding: 2rem;\n  margin-top: 2rem;\n\n  border: 1px solid var(--color-border-primary);\n  border-radius: 1rem;\n}\n"],"names":[],"mappings":"AAAA,kBACE,yCACF,CAEA,oBACE,kBACF,CAEA,sBAGE,eAAgB,CAFhB,YAAa,CACb,6BAEF,CAEA,qBASE,4CAA6C,CAC7C,kBAAmB,CATnB,YAAa,CAGb,eAAgB,CADhB,0BAA2B,CAI3B,eAAgB,CADhB,YAKF"}

package/dist/client/styles-blog-post.5caeffbe1079348a.css

@@ -0,0 +1,2 @@
+.blog-post__main{display:grid;grid-auto-flow:dense;grid-template-columns:var(--layout-1-sidebar-right);padding-inline:var(--layout-side-padding);row-gap:3rem}@media (max-width:48.999rem){.blog-post__main{grid-template-columns:var(--layout-no-sidebar)}}.blog-post__content{grid-column:content}.blog-post__sidebar{grid-column:sidebar;max-height:calc(100vh - var(--sticky-header-height));overflow-y:auto;position:sticky;top:var(--sticky-header-height)}@media (max-width:48.999rem){.blog-post__sidebar{display:none}}
+/*# sourceMappingURL=styles-blog-post.5caeffbe1079348a.css.map*/

package/dist/client/styles-blog-post.5caeffbe1079348a.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-blog-post.5caeffbe1079348a.css","sources":["webpack://@mdn/fred/./components/blog-post/server.css"],"sourcesContent":[".blog-post__main {\n  display: grid;\n\n  grid-template-columns: var(--layout-1-sidebar-right);\n  grid-auto-flow: dense;\n\n  row-gap: 3rem;\n\n  padding-inline: var(--layout-side-padding);\n\n  @media (--screen-layout-no-sidebar) {\n    grid-template-columns: var(--layout-no-sidebar);\n  }\n}\n\n.blog-post__content {\n  grid-column: content;\n}\n\n.blog-post__sidebar {\n  position: sticky;\n  top: var(--sticky-header-height);\n\n  grid-column: sidebar;\n\n  max-height: calc(100vh - var(--sticky-header-height));\n\n  overflow-y: auto;\n\n  @media (--screen-layout-no-sidebar) {\n    display: none;\n  }\n}\n"],"names":[],"mappings":"AAAA,iBACE,YAAa,CAGb,oBAAqB,CADrB,mDAAoD,CAKpD,yCAA0C,CAF1C,YAOF,CAHE,6BAVF,iBAWI,8CAEJ,CADE,CAGF,oBACE,mBACF,CAEA,oBAIE,mBAAoB,CAEpB,oDAAqD,CAErD,eAAgB,CAPhB,eAAgB,CAChB,+BAWF,CAHE,6BAVF,oBAWI,YAEJ,CADE"}

package/dist/client/styles-blog-post.e369a7b6bd7ee253.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["5971"];export const __webpack_modules__={33504:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-blog-post.e369a7b6bd7ee253.js";s.C(o),s(s.s=33504);

package/dist/client/styles-breadcrumbs-bar.20dc2aa03bcf9988.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["6703"];export const __webpack_modules__={96397:function(){}};import s from"./styles.911adb13c338ef51.js";import*as a from"./styles-breadcrumbs-bar.20dc2aa03bcf9988.js";s.C(a),s(s.s=96397);

package/dist/client/styles-breadcrumbs-bar.62711b4bada74835.css

@@ -0,0 +1,2 @@
+:root{--breadcrumbs-bar-height:2rem}.breadcrumbs-bar{align-items:center;background-color:var(--color-background-primary);border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:0 solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:1px solid var(--color-border-primary);column-gap:1rem;display:flex;height:var(--breadcrumbs-bar-height);justify-content:end;max-width:100vw;padding-inline:var(--layout-side-padding);text-wrap:nowrap}.breadcrumbs-bar[data-scheme=dark]{color:var(--color-text-primary);--csstools-color-scheme--light: ;color-scheme:dark}.breadcrumbs-bar mdn-toggle-sidebar{display:none}@media (max-width:64.999rem){.breadcrumbs-bar{padding-left:0}.breadcrumbs-bar mdn-toggle-sidebar{display:block}}@media (max-width:769px){.breadcrumbs-bar{column-gap:.5rem;padding-inline:0}}@media screen and (max-width:480px){.breadcrumbs-bar{column-gap:.25rem}}
+/*# sourceMappingURL=styles-breadcrumbs-bar.62711b4bada74835.css.map*/

package/dist/client/styles-breadcrumbs-bar.62711b4bada74835.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-breadcrumbs-bar.62711b4bada74835.css","sources":["webpack://@mdn/fred/./components/breadcrumbs-bar/server.css"],"sourcesContent":["/* Breadcrumbs */\n\n:root {\n  --breadcrumbs-bar-height: 2rem;\n}\n\n.breadcrumbs-bar {\n  display: flex;\n\n  column-gap: 1rem;\n  align-items: center;\n  justify-content: end;\n\n  max-width: 100vw; /* Workaround, remove later. */\n  height: var(--breadcrumbs-bar-height);\n\n  padding-inline: var(--layout-side-padding);\n\n  text-wrap: nowrap;\n\n  background-color: var(--color-background-primary);\n  border: 1px solid var(--color-border-primary);\n  border-width: 1px 0;\n\n  &[data-scheme=\"dark\"] {\n    color: var(--color-text-primary);\n    color-scheme: dark;\n  }\n\n  mdn-toggle-sidebar {\n    display: none;\n  }\n\n  @media (--screen-layout-1-sidebar-or-less) {\n    padding-left: 0;\n\n    mdn-toggle-sidebar {\n      display: block;\n    }\n  }\n\n  @media (--screen-small-and-narrower) {\n    column-gap: 0.5rem;\n    padding-inline: 0;\n  }\n\n  @media screen and (width <= 480px) {\n    column-gap: 0.25rem;\n  }\n}\n"],"names":[],"mappings":"AAEA,MACE,6BACF,CAEA,iBAIE,kBAAmB,CAUnB,gDAAiD,CACjD,gBAA6C,CAC7C,mDAAmB,CAAnB,+CAAmB,CAAnB,gDAAmB,CAAnB,gDAAmB,CAbnB,eAAgB,CAFhB,YAAa,CAOb,oCAAqC,CAHrC,mBAAoB,CAEpB,eAAgB,CAGhB,yCAA0C,CAE1C,gBA+BF,CAzBE,mCACE,+BAAgC,CAChC,gCAAkB,CAAlB,iBACF,CAEA,oCACE,YACF,CAEA,6BA3BF,iBA4BI,cAeJ,CAbI,oCACE,aACF,CACF,CAEA,yBAnCF,iBAoCI,gBAAkB,CAClB,gBAMJ,CALE,CAEA,oCAxCF,iBAyCI,iBAEJ,CADE"}

package/dist/client/styles-breadcrumbs.d07ccd5520eeea01.css

@@ -0,0 +1,2 @@
+.breadcrumbs{align-items:center;display:flex;justify-content:end;list-style:none;margin:0 auto 0 0;min-width:0;overflow-x:hidden;padding:0}.breadcrumbs li{display:flex;place-items:center}:is(.breadcrumbs li) a{color:var(--color-text-primary)}:is(:is(.breadcrumbs li) a):not(:hover){-webkit-text-decoration:none;text-decoration:none}:is(.breadcrumbs li):not(:last-child):after{background-color:var(--color-text-secondary);content:"";height:1.25rem;margin-inline:.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;vertical-align:middle;width:1.25rem}@media (max-width:769px){@media (hover:hover){.breadcrumbs li:not(:nth-last-child(-n+2)){display:none}}@media (hover:none){.breadcrumbs{justify-content:normal;overflow-x:auto;scrollbar-color:#0000 #0000}}}
+/*# sourceMappingURL=styles-breadcrumbs.d07ccd5520eeea01.css.map*/

package/dist/client/styles-breadcrumbs.d07ccd5520eeea01.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-breadcrumbs.d07ccd5520eeea01.css","sources":["webpack://@mdn/fred/./components/breadcrumbs/server.css"],"sourcesContent":[".breadcrumbs {\n  display: flex;\n\n  align-items: center;\n  justify-content: end;\n\n  min-width: 0;\n\n  padding: 0;\n  margin: 0;\n  margin-right: auto;\n\n  overflow-x: hidden;\n\n  list-style: none;\n\n  li {\n    display: flex;\n    place-items: center;\n\n    a {\n      color: var(--color-text-primary);\n\n      &:not(:hover) {\n        text-decoration: none;\n      }\n    }\n\n    &:not(:last-child)::after {\n      width: 1.25rem;\n      height: 1.25rem;\n\n      margin-inline: 0.25rem;\n\n      vertical-align: middle;\n\n      content: \"\";\n\n      background-color: var(--color-text-secondary);\n\n      mask-image: url(\"../icon/chevron-right.svg\");\n      mask-size: cover;\n    }\n  }\n\n  @media (--screen-small-and-narrower) {\n    @media (hover: hover) {\n      /* Hide grand-parents on hover devices. */\n      li:not(:nth-last-child(-n + 2)) {\n        display: none;\n      }\n    }\n\n    @media (hover: none) {\n      justify-content: normal;\n      overflow-x: auto;\n      scrollbar-color: transparent transparent;\n    }\n  }\n}\n"],"names":[],"mappings":"AAAA,aAGE,kBAAmB,CAFnB,YAAa,CAGb,mBAAoB,CAUpB,eAAgB,CAJhB,iBAAkB,CAJlB,WAAY,CAMZ,iBAAkB,CAJlB,SAmDF,CA3CE,gBACE,YAAa,CACb,kBAyBF,CAvBE,uBACE,+BAKF,CAHE,wCACE,4BAAqB,CAArB,oBACF,CAGF,4CAUE,4CAA6C,CAF7C,UAAW,CANX,cAAe,CAEf,oBAAsB,CAQtB,yEAA4C,CAA5C,iEAA4C,CAC5C,uBAAgB,CAAhB,eAAgB,CAPhB,qBAAsB,CALtB,aAaF,CAGF,yBACE,qBAEE,2CACE,YACF,CACF,CAEA,oBArDJ,aAsDM,sBAAuB,CACvB,eAAgB,CAChB,2BAGN,CAFI,CACF"}

package/dist/client/styles-breadcrumbs.ffcf3e7f6aca4842.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["5079"];export const __webpack_modules__={18463:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-breadcrumbs.ffcf3e7f6aca4842.js";s.C(o),s(s.s=18463);

package/dist/client/styles-button.9ef7569f2eb2448b.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["8297"];export const __webpack_modules__={67122:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-button.9ef7569f2eb2448b.js";s.C(o),s(s.s=67122);

package/dist/client/styles-content-section.1c33c36431d5093f.css

@@ -0,0 +1,2 @@
+.code-example{--border:1px solid var(--color-border-primary);border:var(--border);border-radius:.25rem;overflow:hidden}.code-example .example-header{align-items:center;border-bottom:var(--border);box-sizing:border-box;display:flex;line-height:var(--font-line-ui);min-height:3.1rem;padding:.5rem 1rem}:is(.code-example .example-header) .language-name{text-transform:uppercase}.code-example pre{background-color:var(--color-background-secondary);margin:0;overflow:auto;padding:1rem}:is(.code-example pre) code{background-color:unset;padding:0}.hidden:is(.code-example pre),[class*=interactive-example]:is(.code-example pre){display:none}.code-example:has(.hidden,[class*=interactive-example]){display:none}.code-example iframe,.code-example mdn-play-runner{border:none;box-sizing:initial;display:block;padding:1rem}.prev-next{border:2px solid var(--color-border-primary);border-radius:2px;display:grid;grid-template-columns:1fr auto 1fr;list-style:none;margin:0;padding:.5rem;width:100%}.prev-next a{color:var(--color-link-normal)!important}:is(.prev-next a):visited{color:var(--color-link-visited)!important}.prev-next li{background:none;display:flex;place-items:center}:is(.prev-next li) .button{background-color:inherit;border:inherit;color:inherit}:is(:is(.prev-next li) .button):hover{-webkit-text-decoration:underline;text-decoration:underline}.next:is(.prev-next li) a:after,.prev:is(.prev-next li) a:before{background-color:currentcolor;content:"";display:inline-block;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.prev:is(.prev-next li){grid-column:1;justify-self:start}.prev:is(.prev-next li) a:before{-webkit-mask-image:url(/static/client/arrow-left.e6169107fdba2c0e.svg);mask-image:url(/static/client/arrow-left.e6169107fdba2c0e.svg)}.menu:is(.prev-next li){grid-column:2;justify-self:center}.next:is(.prev-next li){grid-column:3;justify-self:end}.next:is(.prev-next li) a:after{-webkit-mask-image:url(/static/client/arrow-right.28133d6e7ac30654.svg);mask-image:url(/static/client/arrow-right.28133d6e7ac30654.svg)}.callout,.notecard{background-color:var(--color-background-secondary);border-inline-start:2px solid var(--color-text-secondary);border-radius:.25em;color:var(--color-text-primary);margin-block:1em;padding-block:1px;padding-inline:1em;padding-inline-start:3em;position:relative}.experimental:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout){background-color:var(--color-background-blue)}.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.warning:is(.notecard,.callout){background-color:var(--color-background-red)}.tip:is(.notecard,.callout){background-color:var(--color-background-green)}:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout)):before{background-color:var(--color-text-primary);content:"";display:block;height:1em;left:1em;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:1.45em;width:1em}.deprecated:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.experimental:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.nonstandard:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.note:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/info.d40b80f84482feba.svg);mask-image:url(/static/client/info.d40b80f84482feba.svg)}.secure:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lock.4befe79c52ccec2a.svg);mask-image:url(/static/client/lock.4befe79c52ccec2a.svg)}.tip:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg);mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg)}.warning:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.worker:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/cog.f23af856fab34421.svg);mask-image:url(/static/client/cog.f23af856fab34421.svg)}.css-formal-syntax{font-size:var(--font-size-small);text-wrap:wrap}.css-formal-syntax~footer{font-size:var(--font-size-small);padding:.5rem 1rem}.content-section{line-height:var(--font-line-content)}.content-section h1,.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:400}.content-section h1{font-size:var(--font-size-largest);margin-top:0}.content-section h2{font-size:var(--font-size-larger)}.content-section h3{font-size:var(--font-size-large)}.content-section h4{font-size:var(--font-size-normal);font-weight:500}.content-section h5,.content-section h6{font-size:var(--font-size-small);font-weight:500;letter-spacing:.025em;text-transform:uppercase}:is(.content-section a):link{color:var(--color-link-normal)}:is(.content-section a):visited{color:var(--color-link-visited)}:is(.content-section a):not([href^="#"]){-webkit-text-decoration:underline;text-decoration:underline}:is(.content-section a):not([href^="#"]):hover,[href^="#"]:is(.content-section a){-webkit-text-decoration:none;text-decoration:none}[href^="#"]:is(.content-section a):hover{-webkit-text-decoration:underline;text-decoration:underline}.content-section code{background-color:var(--color-background-secondary);border-radius:.25em;font-family:var(--font-family-code);font-size-adjust:.5;padding:.125em .25em}.content-section table{border-collapse:collapse;width:100%}:is(.content-section table) td,:is(.content-section table) th{border:1px solid var(--color-border-primary);padding:.5rem .75rem}:is(.content-section table) th{background-color:var(--color-background-secondary);font-weight:400;text-align:left}.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result{margin:1rem 0}:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result)+:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result){margin-top:1.5rem}.content-section interactive-example{display:block;height:375px;margin:1rem 0}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:444px}[height=shorter]:is(.content-section interactive-example){height:364px}[height=taller]:is(.content-section interactive-example){height:654px}[height=tabbed-shorter]:is(.content-section interactive-example){height:351px;margin-top:1.5rem}[height=tabbed-standard]:is(.content-section interactive-example){height:421px}[height=tabbed-taller]:is(.content-section interactive-example){height:631px}@media (max-width:992px){.content-section interactive-example{height:675px}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:513px}[height=shorter]:is(.content-section interactive-example){height:433px}[height=taller]:is(.content-section interactive-example){height:725px}[height=tabbed-shorter]:is(.content-section interactive-example){height:487px}[height=tabbed-standard]:is(.content-section interactive-example){height:548px}[height=tabbed-taller]:is(.content-section interactive-example){height:774px}}.content-section dl dd{margin-left:1rem}:is(.content-section dl dd) dl{border-left:1px solid var(--color-border-primary);padding-left:1rem}
+/*# sourceMappingURL=styles-content-section.1c33c36431d5093f.css.map*/

package/dist/client/styles-content-section.1c33c36431d5093f.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-content-section.1c33c36431d5093f.css","sources":["webpack://@mdn/fred/./components/code-example/common.css","webpack://@mdn/fred/./components/prev-next/index.css","webpack://@mdn/fred/./components/notecard/index.css","webpack://@mdn/fred/./components/css-formal-syntax/index.css","webpack://@mdn/fred/./components/content-section/server.css"],"sourcesContent":[".code-example {\n  --border: 1px solid var(--color-border-primary);\n  overflow: hidden;\n  border: var(--border);\n  border-radius: 0.25rem;\n\n  .example-header {\n    box-sizing: border-box;\n    display: flex;\n\n    align-items: center;\n\n    min-height: 3.1rem;\n\n    padding: 0.5rem 1rem;\n\n    line-height: var(--font-line-ui);\n\n    border-bottom: var(--border);\n\n    .language-name {\n      text-transform: uppercase;\n    }\n  }\n\n  pre {\n    padding: 1rem;\n    margin: 0;\n\n    overflow: auto;\n\n    background-color: var(--color-background-secondary);\n\n    code {\n      padding: 0;\n      background-color: unset;\n    }\n\n    &.hidden,\n    &[class*=\"interactive-example\"] {\n      display: none;\n    }\n  }\n\n  &:has(.hidden, [class*=\"interactive-example\"]) {\n    /* TODO: we might want to fix this in rari */\n    display: none;\n  }\n\n  iframe,\n  mdn-play-runner {\n    box-sizing: content-box;\n    display: block;\n\n    padding: 1rem;\n\n    border: none;\n  }\n}\n","/* Tutorial nav. */\n.prev-next {\n  display: grid;\n\n  grid-template-columns: 1fr auto 1fr;\n\n  width: 100%;\n\n  padding: 0.5rem;\n  margin: 0;\n\n  list-style: none;\n\n  border: 2px solid var(--color-border-primary);\n  border-radius: 2px;\n\n  a {\n    color: var(--color-link-normal) !important;\n\n    &:visited {\n      color: var(--color-link-visited) !important;\n    }\n  }\n\n  li {\n    display: flex;\n    place-items: center;\n    background: none;\n\n    .button {\n      color: inherit;\n      background-color: inherit;\n      border: inherit;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n\n    &.prev a::before,\n    &.next a::after {\n      display: inline-block;\n\n      width: 1em;\n      height: 1em;\n\n      vertical-align: middle;\n\n      content: \"\";\n\n      background-color: currentcolor;\n\n      mask-size: cover;\n    }\n\n    &.prev {\n      grid-column: 1;\n      justify-self: start;\n\n      a::before {\n        mask-image: url(\"../icon/arrow-left.svg\");\n      }\n    }\n\n    &.menu {\n      grid-column: 2;\n      justify-self: center;\n    }\n\n    &.next {\n      grid-column: 3;\n      justify-self: end;\n\n      a::after {\n        mask-image: url(\"../icon/arrow-right.svg\");\n      }\n    }\n  }\n}\n",".notecard,\n.callout {\n  position: relative;\n\n  padding-block: 1px;\n  padding-inline: 1em;\n  padding-inline-start: 3em;\n  margin-block: 1em;\n\n  color: var(--color-text-primary);\n\n  background-color: var(--color-background-secondary);\n  border-inline-start: 2px solid var(--color-text-secondary);\n  border-radius: 0.25em;\n\n  &.note,\n  &.secure,\n  &.experimental {\n    background-color: var(--color-background-blue);\n  }\n\n  &.warning,\n  &.deprecated,\n  &.nonstandard {\n    background-color: var(--color-background-red);\n  }\n\n  &.tip {\n    background-color: var(--color-background-green);\n  }\n\n  &.deprecated,\n  &.experimental,\n  &.nonstandard,\n  &.note,\n  &.secure,\n  &.tip,\n  &.warning,\n  &.worker {\n    &::before {\n      position: absolute;\n      top: 1.45em;\n      left: 1em;\n\n      display: block;\n\n      width: 1em;\n      height: 1em;\n\n      content: \"\";\n\n      background-color: var(--color-text-primary);\n\n      mask-size: cover;\n    }\n  }\n\n  &.deprecated::before {\n    /* e.g. Window: blur() method */\n    mask-image: url(\"../icon/trash-2.svg\");\n  }\n\n  &.experimental::before {\n    /* e.g. Barcode Detection API */\n    mask-image: url(\"../icon/flask-conical.svg\");\n  }\n\n  &.nonstandard::before {\n    /* e.g. Document: caretRangeFromPoint() method */\n    mask-image: url(\"../icon/triangle-alert.svg\");\n  }\n\n  &.note::before {\n    /* e.g. Barcode Detection API */\n    mask-image: url(\"../icon/info.svg\");\n  }\n\n  &.secure::before {\n    /* e.g. Barcode Detection API */\n    mask-image: url(\"../icon/lock.svg\");\n  }\n\n  &.tip::before {\n    /* (Not used in content yet) */\n    mask-image: url(\"../icon/lightbulb.svg\");\n  }\n\n  &.warning::before {\n    /* e.g. Navigator: scheduling property */\n    mask-image: url(\"../icon/triangle-alert.svg\");\n  }\n\n  &.worker::before {\n    /* e.g. Worker: Worker() constructor (needs rari change) */\n    mask-image: url(\"../icon/cog.svg\");\n  }\n}\n","/* Formal syntax on CSS pages */\n.css-formal-syntax {\n  font-size: var(--font-size-small);\n  text-wrap: wrap;\n\n  ~ footer {\n    padding: 0.5rem 1rem;\n    font-size: var(--font-size-small);\n  }\n}\n","@import url(\"../code-example/common.css\");\n@import url(\"../prev-next/index.css\");\n@import url(\"../notecard/index.css\");\n@import url(\"../css-formal-syntax/index.css\");\n\n.content-section {\n  line-height: var(--font-line-content);\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: normal;\n  }\n\n  h1 {\n    margin-top: 0;\n    font-size: var(--font-size-largest);\n  }\n\n  h2 {\n    font-size: var(--font-size-larger);\n  }\n\n  h3 {\n    font-size: var(--font-size-large);\n  }\n\n  h4 {\n    font-size: var(--font-size-normal);\n    font-weight: 500;\n  }\n\n  h5,\n  h6 {\n    font-size: var(--font-size-small);\n    font-weight: 500;\n\n    text-transform: uppercase;\n    letter-spacing: 0.025em;\n  }\n\n  a {\n    &:link {\n      color: var(--color-link-normal);\n    }\n\n    &:visited {\n      color: var(--color-link-visited);\n    }\n\n    /* Regular links. */\n    &:not([href^=\"#\"]) {\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    /* Anchor links. */\n    &[href^=\"#\"] {\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  code {\n    padding: 0.125em 0.25em;\n\n    font-family: var(--font-family-code);\n    font-size-adjust: 0.5;\n\n    background-color: var(--color-background-secondary);\n    border-radius: 0.25em;\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n\n    th,\n    td {\n      padding: 0.5rem 0.75rem;\n      border: 1px solid var(--color-border-primary);\n    }\n\n    th {\n      font-weight: normal;\n      text-align: left;\n      background-color: var(--color-background-secondary);\n    }\n  }\n\n  .code-example,\n  mdn-code-example,\n  mdn-live-sample-result {\n    margin: 1rem 0;\n\n    & + & {\n      margin-top: 1.5rem;\n    }\n  }\n\n  interactive-example {\n    display: block;\n    height: 375px;\n    margin: 1rem 0;\n\n    &[name^=\"JavaScript Demo:\" i] {\n      height: 444px;\n    }\n\n    &[height=\"shorter\"] {\n      height: 364px;\n    }\n\n    &[height=\"taller\"] {\n      height: 654px;\n    }\n\n    &[height=\"tabbed-shorter\"] {\n      height: 351px;\n      margin-top: 1.5rem;\n    }\n\n    &[height=\"tabbed-standard\"] {\n      height: 421px;\n    }\n\n    &[height=\"tabbed-taller\"] {\n      height: 631px;\n    }\n\n    @media (--screen-medium-and-narrower) {\n      height: 675px;\n\n      &[name^=\"JavaScript Demo:\" i] {\n        height: 513px;\n      }\n\n      &[height=\"shorter\"] {\n        height: 433px;\n      }\n\n      &[height=\"taller\"] {\n        height: 725px;\n      }\n\n      &[height=\"tabbed-shorter\"] {\n        height: 487px;\n      }\n\n      &[height=\"tabbed-standard\"] {\n        height: 548px;\n      }\n\n      &[height=\"tabbed-taller\"] {\n        height: 774px;\n      }\n    }\n  }\n\n  /* Definition list */\n\n  dl dd {\n    margin-left: 1rem;\n\n    dl {\n      padding-left: 1rem;\n      border-left: 1px solid var(--color-border-primary);\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/client/styles-content-section.26f255f6e62280ba.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["3158"];export const __webpack_modules__={65923:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-content-section.26f255f6e62280ba.js";s.C(o),s(s.s=65923);

package/dist/client/styles-contributor-spotlight.08b1f6ed86daacc7.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["606"];export const __webpack_modules__={24:function(){}};import o from"./styles.911adb13c338ef51.js";import*as s from"./styles-contributor-spotlight.08b1f6ed86daacc7.js";o.C(s),o(o.s=24);

package/dist/client/styles-contributor-spotlight.a77d55cfef159e66.css

@@ -0,0 +1,2 @@
+.contributor-spotlight-container{display:grid;grid-template-columns:var(--layout-no-sidebar-extended);margin-top:3rem}.contributor-spotlight{--color-accent:#0085f2;--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-gray-90);--color-username:var(--csstools-light-dark-toggle--2,var(--color-gray-90));--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #8cb4ff70;--color-bg-quote:var(--csstools-light-dark-toggle--3,#0085f210);grid-column:content;line-height:var(--font-line-content);padding-bottom:2rem}@supports (color:light-dark(red,red)){.contributor-spotlight{--color-username:light-dark(var(--color-gray-90),var(--color-gray-90));--color-bg-quote:light-dark(#0085f210,#8cb4ff70)}}@supports not (color:light-dark(tan,tan)){.contributor-spotlight *{--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-gray-90);--color-username:var(--csstools-light-dark-toggle--2,var(--color-gray-90));--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #8cb4ff70;--color-bg-quote:var(--csstools-light-dark-toggle--3,#0085f210)}}.contributor-spotlight li{line-height:1.5;list-style-type:disc;margin-bottom:1rem}.contributor-spotlight h1{font-size:var(--font-size-largest);font-weight:600;margin:0 0 2rem}.trailing-underscore:is(.contributor-spotlight h1):after{content:"\2002";-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:.1em;text-underline-offset:.1em}.contributor-spotlight h1 ul{padding-left:1rem}.contributor-spotlight .quote{background-color:var(--color-bg-quote);border:none;border-radius:.5rem;color:var(--color-text-primary);display:flex;flex-direction:column-reverse;gap:2rem;margin:2rem 0;padding:2rem}@media (max-width:40rem){.contributor-spotlight .quote{flex-wrap:wrap-reverse}}:is(.contributor-spotlight .quote) .text{display:flex;font-style:italic;font-variation-settings:"slnt" -10;margin:0}:is(:is(.contributor-spotlight .quote) .text) .icon{background-color:var(--color-text-primary);display:inline-block;flex-shrink:0;height:1.5em;margin-right:1rem;margin-top:.2rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;width:1.5em}.icon-quote:is(:is(:is(.contributor-spotlight .quote) .text) .icon){-webkit-mask-image:url(/static/client/quote.f80c6daa6cc4b1b5.svg);mask-image:url(/static/client/quote.f80c6daa6cc4b1b5.svg)}:is(.contributor-spotlight .quote) .name{display:inline;font-size:var(--font-size-normal);font-weight:400;margin:0}.contributor-spotlight .profile-image{border-radius:50%;height:200px;width:200px}.contributor-spotlight .profile-header{align-items:center;border-radius:var(--elem-radius);display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}:is(.contributor-spotlight .profile-header) h2{color:var(--text-primary);margin-bottom:0;margin-top:0}:is(.contributor-spotlight .profile-header) .username{background-color:var(--color-accent);color:var(--color-username);font-size:var(--font-size-larger);padding:.2rem .4rem;-webkit-text-decoration:none;text-decoration:none}:is(.contributor-spotlight h2) a{color:var(--color-text-primary);-webkit-text-decoration:none;text-decoration:none}:is(:is(.contributor-spotlight h2) a):hover{-webkit-text-decoration:underline;text-decoration:underline}.get-involved-container{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-80);--color-bg-get-involved:var(--csstools-light-dark-toggle--0,var(--color-gray-20));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-black);--color-text-get-involved:var(--csstools-light-dark-toggle--1,var(--color-white));background-color:var(--color-bg-get-involved);color:var(--color-text-get-involved);display:grid;grid-column:extended-full;grid-template-columns:var(--layout-no-sidebar);line-height:var(--font-line-content);padding-bottom:2rem}@supports (color:light-dark(red,red)){.get-involved-container{--color-bg-get-involved:light-dark(var(--color-gray-20),var(--color-gray-80));--color-text-get-involved:light-dark(var(--color-white),var(--color-black))}}@supports not (color:light-dark(tan,tan)){.get-involved-container *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-80);--color-bg-get-involved:var(--csstools-light-dark-toggle--0,var(--color-gray-20));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-black);--color-text-get-involved:var(--csstools-light-dark-toggle--1,var(--color-white))}}.get-involved{grid-column:content;padding-bottom:2rem;padding-top:2rem}@media (max-width:769px){.get-involved{padding-inline:var(--layout-side-padding)}}.get-involved h2{font-size:var(--font-size-large);font-weight:600;line-height:1.2;margin:0}
+/*# sourceMappingURL=styles-contributor-spotlight.a77d55cfef159e66.css.map*/

package/dist/client/styles-contributor-spotlight.a77d55cfef159e66.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-contributor-spotlight.a77d55cfef159e66.css","sources":["webpack://@mdn/fred/./components/contributor-spotlight/server.css"],"sourcesContent":[".contributor-spotlight-container {\n  display: grid;\n  grid-template-columns: var(--layout-no-sidebar-extended);\n  margin-top: 3rem;\n}\n\n.contributor-spotlight {\n  --color-accent: #0085f2;\n  --color-username: light-dark(var(--color-gray-90), var(--color-gray-90));\n  --color-bg-quote: light-dark(#0085f210, #8cb4ff70);\n\n  grid-column: content;\n  padding-bottom: 2rem;\n  line-height: var(--font-line-content);\n\n  li {\n    margin-bottom: 1rem;\n    line-height: 1.5;\n    list-style-type: disc;\n  }\n\n  h1 {\n    margin: 0 0 2rem;\n    font-size: var(--font-size-largest);\n    font-weight: 600;\n\n    &.trailing-underscore::after {\n      text-decoration: underline;\n      text-decoration-thickness: 0.1em;\n      text-decoration-color: var(--color-accent);\n      text-underline-offset: 0.1em;\n\n      content: \"\\2002\";\n    }\n  }\n\n  h1 ul {\n    padding-left: 1rem;\n  }\n\n  .quote {\n    display: flex;\n\n    flex-direction: column-reverse;\n\n    gap: 2rem;\n\n    padding: 2rem;\n    margin: 2rem 0;\n\n    color: var(--color-text-primary);\n\n    background-color: var(--color-bg-quote);\n    border: none;\n    border-radius: 0.5rem;\n\n    @media (width <= 40rem) {\n      flex-wrap: wrap-reverse;\n    }\n\n    .text {\n      display: flex;\n\n      margin: 0;\n\n      font-variation-settings: \"slnt\" -10;\n      font-style: italic;\n\n      /* TODO: Obsolete legacy icon setup. replace with new icon component when it is ready. */\n      .icon {\n        display: inline-block;\n\n        flex-shrink: 0;\n\n        width: 1.5em;\n        height: 1.5em;\n\n        margin-top: 0.2rem;\n        margin-right: 1rem;\n\n        vertical-align: middle;\n\n        background-color: var(--color-text-primary);\n\n        mask-repeat: no-repeat;\n        mask-position: center;\n        mask-size: contain;\n\n        &.icon-quote {\n          mask-image: url(\"../icon/quote.svg\");\n        }\n      }\n    }\n\n    .name {\n      display: inline;\n\n      margin: 0;\n\n      font-size: var(--font-size-normal);\n      font-weight: 400;\n    }\n  }\n\n  .profile-image {\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n  }\n\n  .profile-header {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 1rem;\n    align-items: center;\n\n    width: 100%;\n\n    padding: 1rem;\n\n    border-radius: var(--elem-radius);\n\n    h2 {\n      margin-top: 0;\n      margin-bottom: 0;\n      color: var(--text-primary);\n    }\n\n    .username {\n      padding: 0.2rem 0.4rem;\n\n      font-size: var(--font-size-larger);\n\n      color: var(--color-username);\n\n      text-decoration: none;\n\n      background-color: var(--color-accent);\n    }\n  }\n\n  h2 {\n    a {\n      color: var(--color-text-primary);\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n}\n\n.get-involved-container {\n  --color-bg-get-involved: light-dark(\n    var(--color-gray-20),\n    var(--color-gray-80)\n  );\n  --color-text-get-involved: light-dark(var(--color-white), var(--color-black));\n  display: grid;\n\n  grid-template-columns: var(--layout-no-sidebar);\n  grid-column: extended-full;\n\n  padding-bottom: 2rem;\n\n  line-height: var(--font-line-content);\n\n  color: var(--color-text-get-involved);\n\n  background-color: var(--color-bg-get-involved);\n}\n\n.get-involved {\n  grid-column: content;\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n\n  @media (--screen-small-and-narrower) {\n    padding-inline: var(--layout-side-padding);\n  }\n\n  h2 {\n    margin: 0;\n\n    font-size: var(--font-size-large);\n    font-weight: 600;\n\n    line-height: 1.2;\n  }\n}\n"],"names":[],"mappings":"AAAA,iCACE,YAAa,CACb,uDAAwD,CACxD,eACF,CAEA,uBACE,sBAAuB,CACvB,wFAAwE,CAAxE,0EAAwE,CACxE,6EAAkD,CAAlD,+DAAkD,CAElD,mBAAoB,CAEpB,oCAAqC,CADrC,mBA6IF,CAnJA,6DAEE,sEAAwE,CACxE,gDAgJF,EAjJE,2JAAwE,CAAxE,0EAAwE,CACxE,6EAAkD,CAAlD,+DADwE,EAOxE,0BAEE,eAAgB,CAChB,oBAAqB,CAFrB,kBAGF,CAEA,0BAEE,kCAAmC,CACnC,eAAgB,CAFhB,eAYF,CARE,yDAME,eAAgB,CALhB,iCAA0B,CAA1B,yBAA0B,CAE1B,yCAA0C,CAD1C,8BAAgC,CAEhC,0BAGF,CAGF,6BACE,iBACF,CAEA,8BAYE,sCAAuC,CACvC,WAAY,CACZ,mBAAqB,CAJrB,+BAAgC,CAThC,YAAa,CAEb,6BAA8B,CAE9B,QAAS,CAGT,aAAc,CADd,YAuDF,CA9CE,yBAhBF,8BAiBI,sBA6CJ,CA5CE,CAEA,yCACE,YAAa,CAKb,iBAAkB,CADlB,kCAAmC,CAFnC,QA6BF,CAvBE,oDAaE,0CAA2C,CAZ3C,oBAAqB,CAErB,aAAc,CAGd,YAAa,CAGb,iBAAkB,CADlB,gBAAkB,CAQlB,4BAAqB,CAArB,oBAAqB,CADrB,6BAAsB,CAAtB,qBAAsB,CAEtB,yBAAkB,CAAlB,iBAAkB,CANlB,qBAAsB,CANtB,WAiBF,CAHE,oEACE,iEAAoC,CAApC,yDACF,CAIJ,yCACE,cAAe,CAIf,iCAAkC,CAClC,eAAgB,CAHhB,QAIF,CAGF,sCAGE,iBAAkB,CADlB,YAAa,CADb,WAGF,CAEA,uCAME,kBAAmB,CAMnB,gCAAiC,CAXjC,YAAa,CAEb,qBAAsB,CAEtB,QAAS,CAKT,YAAa,CAFb,UAuBF,CAjBE,+CAGE,yBAA0B,CAD1B,eAAgB,CADhB,YAGF,CAEA,sDASE,oCAAqC,CAJrC,2BAA4B,CAF5B,iCAAkC,CAFlC,mBAAsB,CAMtB,4BAAqB,CAArB,oBAGF,CAIA,iCACE,+BAAgC,CAChC,4BAAqB,CAArB,oBAKF,CAHE,4CACE,iCAA0B,CAA1B,yBACF,CAKN,wBACE,wFAGC,CAHD,iFAGC,CACD,sFAA6E,CAA7E,iFAA6E,CAY7E,6CAA8C,CAF9C,oCAAqC,CATrC,YAAa,CAGb,yBAA0B,CAD1B,8CAA+C,CAK/C,oCAAqC,CAFrC,mBAOF,CAlBA,8DACE,6EAGC,CACD,2EAaF,EAjBE,4JAGC,CAHD,iFAGC,CACD,sFAA6E,CAA7E,iFADC,EAgBH,cACE,mBAAoB,CAEpB,mBAAoB,CADpB,gBAeF,CAZE,yBALF,cAMI,yCAWJ,CAVE,CAEA,iBAGE,gCAAiC,CACjC,eAAgB,CAEhB,eAAgB,CALhB,QAMF"}

package/dist/client/styles-curriculum-about.0fa3c95d3b8086d6.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["5722"];export const __webpack_modules__={96216:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-curriculum-about.0fa3c95d3b8086d6.js";s.C(o),s(s.s=96216);

package/dist/client/styles-curriculum-about.b8d113b14323c909.css

@@ -0,0 +1,2 @@
+.curriculum-content-container.curriculum-about .curriculum-content{margin-bottom:5rem}:is(:is(.curriculum-content-container.curriculum-about .curriculum-content) h2#motivation+div) li{list-style-image:var(--curriculum-bullet)}:is(.curriculum-content-container.curriculum-about .curriculum-content) h3{align-items:center;display:flex;gap:1.25rem}:is(:is(.curriculum-content-container.curriculum-about .curriculum-content) h3):before{display:inline-block;height:2.5rem;width:2.5rem}#students:is(:is(.curriculum-content-container.curriculum-about .curriculum-content) h3):before{content:var(--curriculum-about-students)}#educators:is(:is(.curriculum-content-container.curriculum-about .curriculum-content) h3):before{content:var(--curriculum-about-educators)}#whats_covered:is(:is(.curriculum-content-container.curriculum-about .curriculum-content) h3):before{content:var(--curriculum-about-covered)}#level_of_detail:is(:is(.curriculum-content-container.curriculum-about .curriculum-content) h3):before{content:var(--curriculum-about-detail)}#what_is_not_covered:is(:is(.curriculum-content-container.curriculum-about .curriculum-content) h3):before{content:var(--curriculum-about-not)}:is(.curriculum-content-container.curriculum-about .curriculum-content) h3#educators+.section-content blockquote:not(.curriculum-notes){align-items:center;background-color:var(--curriculum-bg-color-note);border:0;border-radius:var(--elem-radius);display:flex;flex-direction:column;gap:1rem;margin:1rem;padding:1rem}:is(:is(.curriculum-content-container.curriculum-about .curriculum-content) h3#educators+.section-content blockquote:not(.curriculum-notes)) p:last-child a:only-child{--button-bg:var(--color-background-primary);--button-border-color:var(--color-border-primary);--button-color:var(--color-text-secondary);--button-bg-hover:var(--color-background-secondary);--button-bg-active:var(--color-background-secondary);--button-padding:0.43rem 1rem;--button-radius:0.25rem;background-color:var(--button-bg);border:1px solid var(--button-border-color);border-radius:var(--button-radius);color:var(--button-color);display:inline-block;font-size:var(--font-size-small);font-weight:600;letter-spacing:normal;padding:var(--button-padding);text-align:center;-webkit-text-decoration:none;text-decoration:none}.external:is(:is(:is(.curriculum-content-container.curriculum-about .curriculum-content) h3#educators+.section-content blockquote:not(.curriculum-notes)) p:last-child a:only-child):after{display:none}:is(:is(:is(.curriculum-content-container.curriculum-about .curriculum-content) h3#educators+.section-content blockquote:not(.curriculum-notes)) p:last-child a:only-child):hover{--button-border-color:var(--button-bg-hover);--button-bg:var(--button-bg-hover)}:is(:is(:is(.curriculum-content-container.curriculum-about .curriculum-content) h3#educators+.section-content blockquote:not(.curriculum-notes)) p:last-child a:only-child):active{--button-bg:var(--button-bg-active)}
+/*# sourceMappingURL=styles-curriculum-about.b8d113b14323c909.css.map*/

package/dist/client/styles-curriculum-about.b8d113b14323c909.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-curriculum-about.b8d113b14323c909.css","sources":["webpack://@mdn/fred/./components/curriculum-about/server.css"],"sourcesContent":["@import url(\"../curriculum/shared.css\");\n@import url(\"../curriculum/sidebar.css\");\n@import url(\"../curriculum/layout.css\");\n\n.curriculum-content-container.curriculum-about {\n  .curriculum-content {\n    margin-bottom: 5rem;\n\n    h2#motivation + div {\n      li {\n        list-style-image: var(--curriculum-bullet);\n      }\n    }\n\n    h3 {\n      display: flex;\n      gap: 1.25rem;\n      align-items: center;\n\n      &::before {\n        display: inline-block;\n        width: 2.5rem;\n        height: 2.5rem;\n      }\n\n      &#students::before {\n        content: var(--curriculum-about-students);\n      }\n\n      &#educators::before {\n        content: var(--curriculum-about-educators);\n      }\n\n      &#whats_covered::before {\n        content: var(--curriculum-about-covered);\n      }\n\n      &#level_of_detail::before {\n        content: var(--curriculum-about-detail);\n      }\n\n      &#what_is_not_covered::before {\n        content: var(--curriculum-about-not);\n      }\n    }\n\n    h3#educators + .section-content blockquote:not(.curriculum-notes) {\n      display: flex;\n\n      flex-direction: column;\n\n      gap: 1rem;\n      align-items: center;\n\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      p:last-child a:only-child {\n        --button-bg: var(--color-background-primary);\n        --button-border-color: var(--color-border-primary);\n        --button-color: var(--color-text-secondary);\n        --button-bg-hover: var(--color-background-secondary);\n        --button-bg-active: var(--color-background-secondary);\n\n        /* --button-font: var(--type-emphasis-m); */\n        --button-padding: 0.43rem 1rem;\n        --button-radius: 0.25rem;\n        display: inline-block;\n\n        padding: var(--button-padding);\n\n        font-size: var(--font-size-small);\n        font-weight: 600;\n\n        color: var(--button-color);\n\n        text-align: center;\n        letter-spacing: normal;\n\n        text-decoration: none;\n\n        background-color: var(--button-bg);\n        border: 1px solid var(--button-border-color);\n        border-radius: var(--button-radius);\n\n        &.external::after {\n          display: none;\n        }\n\n        &:hover {\n          --button-border-color: var(--button-bg-hover);\n          --button-bg: var(--button-bg-hover);\n        }\n\n        &:active {\n          --button-bg: var(--button-bg-active);\n        }\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"AAKE,mEACE,kBAiGF,CA9FI,kGACE,yCACF,CAGF,2EAGE,kBAAmB,CAFnB,YAAa,CACb,WA4BF,CAzBE,uFACE,oBAAqB,CAErB,aAAc,CADd,YAEF,CAEA,gGACE,wCACF,CAEA,iGACE,yCACF,CAEA,qGACE,uCACF,CAEA,uGACE,sCACF,CAEA,2GACE,mCACF,CAGF,wIAME,kBAAmB,CAKnB,gDAAiD,CACjD,QAAS,CACT,gCAAiC,CAZjC,YAAa,CAEb,qBAAsB,CAEtB,QAAS,CAIT,WAAY,CADZ,YAgDF,CAzCE,uKACE,2CAA4C,CAC5C,iDAAkD,CAClD,0CAA2C,CAC3C,mDAAoD,CACpD,oDAAqD,CAGrD,6BAA8B,CAC9B,uBAAwB,CAexB,iCAAkC,CAClC,2CAA4C,CAC5C,kCAAmC,CATnC,yBAA0B,CAP1B,oBAAqB,CAIrB,gCAAiC,CACjC,eAAgB,CAKhB,qBAAsB,CARtB,6BAA8B,CAO9B,iBAAkB,CAGlB,4BAAqB,CAArB,oBAkBF,CAZE,2LACE,YACF,CAEA,kLACE,4CAA6C,CAC7C,kCACF,CAEA,mLACE,mCACF"}

package/dist/client/styles-curriculum-default.1d95308cf28d0cbe.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["2734"];export const __webpack_modules__={47209:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-curriculum-default.1d95308cf28d0cbe.js";s.C(o),s(s.s=47209);

package/dist/client/styles-curriculum-landing.56209b30561d82e0.css

@@ -0,0 +1,2 @@
+:is(.curriculum-content-container.curriculum-module .curriculum-content)>header{column-gap:1.5rem;display:grid;grid-template-areas:". group" "icon heading" "icon category";justify-content:flex-start}:is(:is(.curriculum-content-container.curriculum-module .curriculum-content)>header) .topic-icon{--background-primary:var(--curriculum-bg-color-topic);align-self:flex-start;grid-area:icon;height:4rem;width:4rem}:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content)>header) .topic-icon)+h1{grid-area:heading;margin-bottom:0}:is(:is(.curriculum-content-container.curriculum-module .curriculum-content)>header) p.module-topic{color:var(--curriculum-color-topic);font-size:var(--type-smaller-font-size);grid-area:category;margin:.5rem 0 0}:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content)>header) p.module-topic):before{content:"Category: "}:is(:is(.curriculum-content-container.curriculum-module .curriculum-content)>header) p.module-group{align-self:center;background-color:var(--curriculum-module-label-bg-color);border-radius:var(--elem-radius);color:var(--curriculum-module-label-color);font-size:var(--type-smaller-font-size);grid-area:group;height:max-content;margin:0 0 .25rem;padding:.125rem .5rem;width:fit-content}:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources{margin-bottom:.5rem;margin-top:2rem}:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources)+ul{padding-left:2rem}:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources)+ul)>li{list-style-image:var(--curriculum-module-mdn-resource)}.curriculum-external-li:is(:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources)+ul)>li){list-style-image:url(/static/client/curriculum-ext-resource.7ccbd6b7cf9747db.svg)}:is(:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources)+ul)>li) em{background:var(--curriculum-bg-color);border-radius:1em;color:var(--text-primary);display:inline-block;font-size:.5rem;font-weight:700;line-height:1.7;padding:0 .4em;text-rendering:optimizelegibility;text-transform:uppercase;vertical-align:super}.curriculum-partner-banner-container .partner-banner{background-color:var(--curriculum-bg-color-partner);background-image:var(--curriculum-bg-image-partner);background-repeat:no-repeat;border:1px solid var(--curriculum-border-color);box-shadow:var(--curriculum-shadow);display:grid;grid-template-areas:"h2" "image" "p" "a";margin:1rem auto}@media screen and (min-width:769.02px){.curriculum-partner-banner-container .partner-banner{grid-template-areas:"copy image";grid-template-columns:2fr minmax(24rem,1fr)}}:is(.curriculum-partner-banner-container .partner-banner)>mdn-themed-image{align-self:end;grid-area:image;height:max-content;justify-self:center;max-width:max-content;width:90%}@media screen and (min-width:769.02px){:is(.curriculum-partner-banner-container .partner-banner)>mdn-themed-image{justify-self:end;width:100%}}:is(.curriculum-partner-banner-container .partner-banner)>section{display:contents;grid-area:copy;padding:2rem 4rem}@media screen and (min-width:769.02px){:is(.curriculum-partner-banner-container .partner-banner)>section{display:block}}:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2{grid-area:h2;margin:1rem 0 2rem;text-align:center}@media screen and (min-width:769.02px){:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2{margin:0 0 1rem;text-align:left}}:is(:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2)>a{color:var(--curriculum-category-color);display:inline-block;min-width:max-content}:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2)>a):visited:not([href^="#"]){color:var(--curriculum-category-color)}:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2)>a):before{content:url(/static/client/curriculum-partner-underline-small.ad7d5a96e5f8ce9b.svg);position:absolute;transform:translate3d(-.1em,.4em,0)}@media screen and (min-width:769.02px){:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2)>a):before{content:url(/static/client/curriculum-partner-underline-large.f24a7f395cfe9118.svg)}}:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2)>a):focus,:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2)>a):hover,:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2)>a):visited{-webkit-text-decoration:none;text-decoration:none}:is(:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2)>a):focus,:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2)>a):visited,:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2)>a):hover):before{content:none}:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>h2)>a):after{background-color:var(--curriculum-category-color);height:.625em;width:.625em}:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>p{grid-area:p;margin:1.5rem 1rem}@media screen and (min-width:769.02px){:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>p{margin:1rem 0 1.5rem}}:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>a{color:var(--text-primary);grid-area:a;margin:1rem}@media screen and (min-width:769.02px){:is(:is(.curriculum-partner-banner-container .partner-banner)>section)>a{margin:1rem 0 0}}.curriculum-content-container.curriculum-landing{background-color:var(--color-background-page);margin:0;max-width:100%;padding:0;width:100%}:is(.curriculum-content-container.curriculum-landing article)>header,:is(.curriculum-content-container.curriculum-landing article)>section{margin:0 auto 3rem;max-width:min(var(--max-width),74rem);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}.curriculum-content-container.curriculum-landing .curriculum-content{padding-top:0}:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list{grid-template-columns:1fr 1fr 1fr 1fr}@media (max-width:426px){:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list{grid-template-columns:1fr}}@media (min-width:426.02px){:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list{grid-template-columns:1fr 1fr}}@media (min-width:992.02px){:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1200.02px){:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list{grid-template-columns:1fr 1fr 1fr 1fr}}.curriculum-content-container.curriculum-landing header.landing-header{display:grid;grid-template-areas:"copy" "svg"}@media (min-width:769.02px){.curriculum-content-container.curriculum-landing header.landing-header{grid-template-areas:"copy svg";grid-template-columns:30rem auto}}:is(.curriculum-content-container.curriculum-landing header.landing-header)>svg{align-self:end;grid-area:svg;justify-self:end;margin-bottom:3rem;max-width:28rem;width:100%;z-index:1}@media (min-width:769.02px){:is(.curriculum-content-container.curriculum-landing header.landing-header)>svg{margin-bottom:0}}:is(:is(.curriculum-content-container.curriculum-landing header.landing-header)>svg) #icons-bg{fill:var(--curriculum-bg-color-landing-top-icon)}:is(:is(.curriculum-content-container.curriculum-landing header.landing-header)>svg) .laptop{fill:var(--curriculum-color-landing-laptop)}:is(.curriculum-content-container.curriculum-landing header.landing-header)>section{grid-area:copy;margin-right:auto;margin-top:3rem;max-width:30rem;padding-right:1rem}@media (min-width:769.02px){:is(.curriculum-content-container.curriculum-landing header.landing-header)>section{margin-bottom:4rem}}:is(:is(.curriculum-content-container.curriculum-landing header.landing-header)>section) h1{color:var(--curriculum-color-topic);font-size:var(--font-size-larger);margin-bottom:.5rem}@media (min-width:769.02px){:is(:is(.curriculum-content-container.curriculum-landing header.landing-header)>section) h1{font-size:var(--font-size-largest)}}:is(:is(.curriculum-content-container.curriculum-landing header.landing-header)>section) h2{font-size:var(--font-size-large);margin-bottom:1.5rem;margin-top:.5rem}@media (min-width:769.02px){:is(:is(.curriculum-content-container.curriculum-landing header.landing-header)>section) h2{font-size:var(--font-size-larger);margin-bottom:2rem}}:is(:is(.curriculum-content-container.curriculum-landing header.landing-header)>section) p{color:var(--text-secondary)}.curriculum-content-container.curriculum-landing .landing-about-container{background-color:var(--curriculum-bg-large-color);margin:-6rem 0 0;max-width:100%}:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about{display:grid;grid-template-areas:"li" "h2" "p1" "p2" "p3" "p4" "scrim";grid-template-columns:1fr;margin:0 auto 3rem;max-width:min(var(--max-width),74rem)}@media (min-width:992.02px){:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about{column-gap:1rem;grid-template-areas:"li li    li " "h2 .     scrim" "p1 .     scrim" "p2 .     scrim" "p3 arrow scrim" "p4 arrow scrim";grid-template-columns:1fr 7rem 24rem}}:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) h2{grid-area:h2;margin:1rem 0}:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content{display:contents}:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul{align-items:start;background-color:var(--curriculum-bg-color-landing-about-ul);border-radius:var(--elem-radius);box-shadow:var(--curriculum-shadow-landing-about-ul);color:var(--text-secondary);display:grid;grid-area:li;grid-template-columns:auto auto auto;justify-content:center;margin:auto;min-height:5rem;padding:1rem;transform:translateY(-1rem);width:100%}@media (min-width:426.02px){:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul{align-items:center;gap:1rem}}@media (min-width:769.02px){:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul{justify-content:start}}@media (min-width:992.02px){:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul{justify-content:center}}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul)>li{margin:0 .5rem;text-align:center}@media (min-width:426.02px){:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul)>li{margin:0 1rem;width:max-content}}@media (min-width:769.02px){:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul)>li{align-items:center;display:inline-flex;gap:1rem}}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul)>li):before{display:block;height:3rem;margin:0 auto;width:3rem}@media (min-width:769.02px){:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul)>li):before{display:initial;margin:0}}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul)>li):first-child:before{content:var(--curriculum-landing-about-beginner)}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul)>li):nth-child(2):before{content:var(--curriculum-landing-about-pace)}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul)>li):nth-child(3):before{content:var(--curriculum-landing-about-free)}:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) p{align-items:center;color:var(--text-secondary);display:grid;grid-template-columns:auto auto;justify-content:start;margin:1rem 0}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) p):before{align-self:start;display:block;height:4rem;width:4rem}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) p):nth-child(2){grid-area:p1}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) p):nth-child(2):before{content:var(--curriculum-landing-about-bullet)}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) p):nth-child(3){grid-area:p2}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) p):nth-child(3):before{content:var(--curriculum-landing-about-bullet)}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) p):nth-child(4){grid-area:p3}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) p):nth-child(4):before{content:var(--curriculum-landing-about-bullet)}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) p):nth-child(5){grid-area:p4}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) p):nth-child(5) a{color:var(--text-primary);font-weight:var(--font-body-strong-weight);margin-left:4rem;-webkit-text-decoration:underline;text-decoration:underline}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) p):nth-child(5) a):active,:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) p):nth-child(5) a):hover{-webkit-text-decoration:none;text-decoration:none}:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.arrow{background-image:var(--curriculum-landing-arrow);background-position:50%;background-repeat:no-repeat;grid-area:arrow}:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper{display:flex;flex-direction:column;grid-area:scrim;justify-content:center;justify-self:center;margin-top:1rem;max-width:24rem}@media (min-width:992.02px){:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper{justify-self:end;margin-top:0}}:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper) .scrim-border{background-image:var(--curriculum-scrim-bg);background-position:100% 100%;background-repeat:no-repeat;height:16rem;width:100%}:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper) mdn-scrim-inline{background:#000;display:block;height:14.25rem;max-width:calc(100vw - var(--gutter)*2);width:22rem}:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper) p{margin:0;padding:1rem 0}.curriculum-content-container.curriculum-landing .landing-stairway{background-color:var(--color-background-secondary);margin:0;max-width:100%}:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div{color:var(--text-secondary);display:grid;grid-template-areas:"a" "b";grid-template-columns:auto;grid-template-rows:auto auto;justify-content:center;margin:0 auto 3rem;max-width:min(var(--max-width),74rem);padding:2rem;padding-left:var(--gutter);padding-right:var(--gutter);width:100%}@media (min-width:769.02px){:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div{grid-template-columns:min(100%,34rem)}}@media (min-width:992.02px){:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div{grid-template-areas:"a b";grid-template-columns:1fr 1.4fr}}:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div) svg{width:100%}:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway1-container{--fs:clamp(1rem,3vw,1.75rem);grid-area:a;margin:0;position:relative;transform:translateX(2vw);width:100%}@media (min-width:992.02px){:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway1-container{--fs:clamp(1rem,2vw,1.75rem)}}:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway1-container) #stairway1{font-size:var(--fs);left:32%;position:absolute;top:18%}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway1-container) #stairway1)>span{display:block;line-height:calc(var(--fs)*1.25);text-wrap:nowrap;width:max-content}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway1-container) #stairway1) .color{color:var(--curriculum-color)}:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container{--fs:clamp(0.75rem,1.25vw,1rem);grid-area:b;position:relative;transform:translateX(-5vw)}@media (min-width:769.02px){:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container{--fs:clamp(0.75rem,1vw,0.825rem)}}:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container) #stairway2{font-size:var(--fs);height:100%;left:0;margin:0;position:absolute;top:0;width:calc(100% + 5vw)}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container) #stairway2)>span{display:block;line-height:calc(var(--fs)*1.25);max-width:10rem;position:absolute;text-wrap:wrap}@media (min-width:769.02px){:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container) #stairway2)>span{max-width:none;text-wrap:nowrap}}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container) #stairway2) #stair-1{left:47%;top:36%}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container) #stairway2) #stair-2{left:33%;top:52%}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container) #stairway2) #stair-3{left:23%;top:71%}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container) #stairway2) #stair-4{left:8%;top:86%}@media (min-width:769.02px){:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container) #stairway2) #stair-1{left:35%;top:53%}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container) #stairway2) #stair-2{left:27%;top:65%}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container) #stairway2) #stair-3{left:13%;top:77%}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container) #stairway2) #stair-4{left:0;top:90%}}#stairway2large:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container)>svg){display:none;grid-area:b}@media (min-width:769.02px){#stairway2large:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container)>svg){display:initial}}#stairway2small:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container)>svg){grid-area:b;max-width:100%}@media (min-width:769.02px){#stairway2small:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div)>#stairway2-container)>svg){display:none}}.curriculum-content-container.curriculum-landing #dont_know_where_toget_started{line-height:3rem;margin:1rem auto 5rem;text-align:center;width:fit-content}:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started):after{content:url(/static/client/curriculum-started-underline.aea7485015c96abe.svg);position:absolute;transform:translate3d(-6em,1.25rem,0);width:6em}:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul{display:grid;gap:1rem;grid-template-areas:"beginner advanced employ educator";margin:0 auto;max-width:52rem;overflow:clip;scroll-snap-type:inline mandatory}@media (min-width:769.02px){:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul{gap:5rem 4rem;grid-template-areas:"beginner advanced" "employ educator";grid-template-columns:auto auto}}@media (min-width:992.02px){:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul{gap:5rem 8rem}}:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li{align-items:center;background-color:var(--curriculum-bg-large-color);border-radius:var(--elem-radius);color:var(--text-secondary);display:grid;gap:1rem;grid-template-areas:"i h" "p p" "c c";grid-template-columns:3rem 1fr;grid-template-rows:4rem minmax(7rem,max-content) max-content;height:max-content;padding:1rem .5rem;scroll-snap-align:center;width:80vw}@media (min-width:769.02px){:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li{align-items:start;background-color:initial;gap:1rem 2rem;grid-template-areas:"i h" "i p" "i c";grid-template-columns:auto auto;grid-template-rows:4rem auto max-content;height:auto;padding:0;width:auto}}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li):before{align-self:start;display:inline-block;height:3rem;width:3rem}@media (min-width:769.02px){:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li):before{grid-area:i;height:5rem;width:5rem}}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li):first-child:before{content:var(--curriculum-landing-started-beginner)}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li):nth-child(2):before{content:var(--curriculum-landing-started-advanced)}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li):nth-child(3):before{content:var(--curriculum-landing-started-employment)}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li):nth-child(4):before{content:var(--curriculum-landing-started-educator)}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li) h3{color:var(--text-primary);font-weight:600;margin-top:0}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li) em{align-self:start;grid-area:p}:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li) a{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #fff;--button-bg--default:var(--csstools-light-dark-toggle--0,#1b1b1b);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #cdcdcd;--button-bg-hover--default:var(--csstools-light-dark-toggle--1,#696969);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #9e9e9e;--button-bg-active--default:var(--csstools-light-dark-toggle--2,#9e9e9e);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fff;--button-border-color--default:var(--csstools-light-dark-toggle--3,#1d1d1d);--button-color--default:var(--color-background-primary);--button-bg:var(--button-bg--default);--button-bg-hover:var(--button-bg-hover--default);--button-bg-active:var(--button-bg-active--default);--button-border-color:var(--button-border-color--default);--button-height:2rem;--button-color:var(--button-color--default);--button-radius:var(--elem-radius,0.25rem);align-items:center;background-color:var(--button-bg);border:1px solid var(--button-border-color);border-radius:var(--button-radius);color:var(--button-color);cursor:pointer;display:flex;font-size:var(--font-size-small);font-weight:600;gap:.25rem;grid-area:c;justify-content:center;justify-self:center;min-height:var(--button-height);padding:.5rem;padding-left:var(--button-padding);padding-right:var(--button-padding);position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;width:fit-content}@supports (color:light-dark(red,red)){:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li) a{--button-bg--default:light-dark(#1b1b1b,#fff);--button-bg-hover--default:light-dark(#696969,#cdcdcd);--button-bg-active--default:light-dark(#9e9e9e,#9e9e9e);--button-border-color--default:light-dark(#1d1d1d,#fff)}}@supports not (color:light-dark(tan,tan)){:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li) a) *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #fff;--button-bg--default:var(--csstools-light-dark-toggle--0,#1b1b1b);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #cdcdcd;--button-bg-hover--default:var(--csstools-light-dark-toggle--1,#696969);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #9e9e9e;--button-bg-active--default:var(--csstools-light-dark-toggle--2,#9e9e9e);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fff;--button-border-color--default:var(--csstools-light-dark-toggle--3,#1d1d1d)}}@media (min-width:769.02px){:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li) a{justify-self:start}}:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)~div)>ul)>li) a):hover{background-color:var(--button-bg-hover,var(--button-bg))}
+/*# sourceMappingURL=styles-curriculum-landing.56209b30561d82e0.css.map*/

package/dist/client/styles-curriculum-landing.56209b30561d82e0.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-curriculum-landing.56209b30561d82e0.css","sources":["webpack://@mdn/fred/./components/curriculum/module.css","webpack://@mdn/fred/./components/curriculum/partner-banner.css","webpack://@mdn/fred/./components/curriculum-landing/server.css"],"sourcesContent":[".curriculum-content-container.curriculum-module {\n  .curriculum-content {\n    > header {\n      display: grid;\n\n      grid-template-areas:\n        \". group\"\n        \"icon heading\"\n        \"icon category\";\n\n      column-gap: 1.5rem;\n      justify-content: flex-start;\n\n      .topic-icon {\n        --background-primary: var(--curriculum-bg-color-topic);\n        grid-area: icon;\n\n        align-self: flex-start;\n\n        width: 4rem;\n        height: 4rem;\n\n        + h1 {\n          grid-area: heading;\n          margin-bottom: 0;\n        }\n      }\n\n      p.module-topic {\n        grid-area: category;\n\n        margin: 0;\n        margin-top: 0.5rem;\n\n        font-size: var(--type-smaller-font-size);\n\n        color: var(--curriculum-color-topic);\n\n        &::before {\n          content: \"Category: \";\n        }\n      }\n\n      p.module-group {\n        grid-area: group;\n\n        align-self: center;\n\n        width: fit-content;\n        height: max-content;\n\n        padding: 0.125rem 0.5rem;\n        margin: 0;\n        margin-bottom: 0.25rem;\n\n        font-size: var(--type-smaller-font-size);\n\n        color: var(--curriculum-module-label-color);\n\n        background-color: var(--curriculum-module-label-bg-color);\n        border-radius: var(--elem-radius);\n      }\n    }\n\n    p.curriculum-resources {\n      margin-top: 2rem;\n      margin-bottom: 0.5rem;\n\n      + ul {\n        padding-left: 2rem;\n\n        > li {\n          list-style-image: var(--curriculum-module-mdn-resource);\n\n          &.curriculum-external-li {\n            list-style-image: url(\"./assets/curriculum-ext-resource.svg\");\n          }\n\n          em {\n            display: inline-block;\n\n            padding: 0 0.4em;\n\n            font-size: 0.5rem;\n            font-weight: bold;\n\n            line-height: 1.7;\n            vertical-align: super;\n\n            color: var(--text-primary);\n\n            text-transform: uppercase;\n\n            background: var(--curriculum-bg-color);\n            border-radius: 1em;\n            text-rendering: optimizelegibility;\n          }\n        }\n      }\n    }\n  }\n}\n",".curriculum-partner-banner-container {\n  .partner-banner {\n    display: grid;\n\n    grid-template-areas: \"h2\" \"image\" \"p\" \"a\";\n\n    margin: 1rem auto;\n\n    background-color: var(--curriculum-bg-color-partner);\n    background-image: var(--curriculum-bg-image-partner);\n    background-repeat: no-repeat;\n    border: 1px solid var(--curriculum-border-color);\n    box-shadow: var(--curriculum-shadow);\n\n    @media screen and (--screen-medium-and-wider) {\n      grid-template-areas: \"copy image\";\n      grid-template-columns: 2fr minmax(24rem, 1fr);\n    }\n\n    > mdn-themed-image {\n      grid-area: image;\n\n      align-self: end;\n      justify-self: center;\n\n      width: 90%;\n      max-width: max-content;\n      height: max-content;\n\n      @media screen and (--screen-medium-and-wider) {\n        justify-self: end;\n        width: 100%;\n      }\n    }\n\n    > section {\n      display: contents;\n      grid-area: copy;\n      padding: 2rem 4rem;\n\n      @media screen and (--screen-medium-and-wider) {\n        display: block;\n      }\n\n      > h2 {\n        grid-area: h2;\n        margin: 1rem 0 2rem;\n        text-align: center;\n\n        @media screen and (--screen-medium-and-wider) {\n          margin: 0 0 1rem;\n          text-align: left;\n        }\n\n        > a {\n          display: inline-block;\n          min-width: max-content;\n          color: var(--curriculum-category-color);\n\n          &:visited:not([href^=\"#\"]) {\n            color: var(--curriculum-category-color);\n          }\n\n          &::before {\n            position: absolute;\n            content: url(\"./assets/curriculum-partner-underline-small.svg\");\n            transform: translate3d(-0.1em, 0.4em, 0);\n\n            @media screen and (--screen-medium-and-wider) {\n              content: url(\"./assets/curriculum-partner-underline-large.svg\");\n            }\n          }\n\n          &:focus,\n          &:visited,\n          &:hover {\n            text-decoration: none;\n\n            &::before {\n              content: none;\n            }\n          }\n\n          &::after {\n            width: 0.625em;\n            height: 0.625em;\n            background-color: var(--curriculum-category-color);\n          }\n        }\n      }\n\n      > p {\n        grid-area: p;\n        margin: 1.5rem 1rem;\n\n        @media screen and (--screen-medium-and-wider) {\n          margin: 1rem 0 1.5rem;\n        }\n      }\n\n      > a {\n        grid-area: a;\n        margin: 1rem;\n        color: var(--text-primary);\n\n        @media screen and (--screen-medium-and-wider) {\n          margin: 1rem 0 0;\n        }\n      }\n    }\n  }\n}\n","@import url(\"../curriculum/shared.css\");\n@import url(\"../curriculum/module.css\");\n@import url(\"../curriculum/module-list.css\");\n@import url(\"../curriculum/partner-banner.css\");\n@import url(\"../button/server.css\");\n\n.curriculum-content-container.curriculum-landing {\n  width: 100%;\n  max-width: 100%;\n\n  padding: 0;\n  margin: 0;\n\n  background-color: var(--color-background-page);\n\n  article {\n    > header,\n    > section {\n      width: 100%;\n      max-width: min(var(--max-width), 74rem);\n\n      padding-right: var(--gutter);\n      padding-left: var(--gutter);\n      margin: 0 auto 3rem;\n    }\n  }\n\n  .curriculum-content {\n    padding-top: 0;\n\n    /* number of columns in module list depending on screen width */\n    ol.modules-list {\n      grid-template-columns: 1fr 1fr 1fr 1fr;\n\n      @media (--screen-xsmall) {\n        grid-template-columns: 1fr;\n      }\n\n      @media (--screen-small-and-wider) {\n        grid-template-columns: 1fr 1fr;\n      }\n\n      @media (--screen-large-and-wider) {\n        grid-template-columns: 1fr 1fr 1fr;\n      }\n\n      @media (--screen-xlarge-and-wider) {\n        grid-template-columns: 1fr 1fr 1fr 1fr;\n      }\n    }\n  }\n\n  header.landing-header {\n    display: grid;\n    grid-template-areas: \"copy\" \"svg\";\n\n    @media (--screen-medium-and-wider) {\n      grid-template-areas: \"copy svg\";\n      grid-template-columns: 30rem auto;\n    }\n\n    > svg {\n      z-index: 1;\n\n      grid-area: svg;\n\n      align-self: end;\n      justify-self: end;\n\n      width: 100%;\n      max-width: 28rem;\n\n      margin-bottom: 3rem;\n\n      @media (--screen-medium-and-wider) {\n        margin-bottom: 0;\n      }\n\n      #icons-bg {\n        fill: var(--curriculum-bg-color-landing-top-icon);\n      }\n\n      .laptop {\n        fill: var(--curriculum-color-landing-laptop);\n      }\n    }\n\n    > section {\n      grid-area: copy;\n\n      max-width: 30rem;\n\n      padding-right: 1rem;\n      margin-top: 3rem;\n      margin-right: auto;\n\n      @media (--screen-medium-and-wider) {\n        margin-bottom: 4rem;\n      }\n\n      h1 {\n        margin-bottom: 0.5rem;\n        font-size: var(--font-size-larger);\n        color: var(--curriculum-color-topic);\n\n        @media (--screen-medium-and-wider) {\n          font-size: var(--font-size-largest);\n        }\n      }\n\n      h2 {\n        margin-top: 0.5rem;\n        margin-bottom: 1.5rem;\n        font-size: var(--font-size-large);\n\n        @media (--screen-medium-and-wider) {\n          margin-bottom: 2rem;\n          font-size: var(--font-size-larger);\n        }\n      }\n\n      p {\n        color: var(--text-secondary);\n      }\n    }\n  }\n\n  .landing-about-container {\n    max-width: 100%;\n\n    margin: 0;\n    margin-top: -6rem;\n\n    background-color: var(--curriculum-bg-large-color);\n\n    .landing-about {\n      display: grid;\n\n      grid-template-areas:\n        \"li\"\n        \"h2\"\n        \"p1\"\n        \"p2\"\n        \"p3\"\n        \"p4\"\n        \"scrim\";\n      grid-template-columns: 1fr;\n\n      max-width: min(var(--max-width), 74rem);\n\n      margin: 0 auto 3rem;\n\n      @media (--screen-large-and-wider) {\n        grid-template-areas:\n          \"li li    li \"\n          \"h2 .     scrim\"\n          \"p1 .     scrim\"\n          \"p2 .     scrim\"\n          \"p3 arrow scrim\"\n          \"p4 arrow scrim\";\n        grid-template-columns: 1fr 7rem 24rem;\n        column-gap: 1rem;\n      }\n\n      h2 {\n        grid-area: h2;\n        margin: 1rem 0;\n      }\n\n      > div.about-content {\n        display: contents;\n\n        ul {\n          display: grid;\n\n          grid-area: li;\n          grid-template-columns: auto auto auto;\n\n          align-items: start;\n          justify-content: center;\n\n          width: 100%;\n          min-height: 5rem;\n\n          padding: 1rem;\n          margin: auto;\n\n          color: var(--text-secondary);\n\n          background-color: var(--curriculum-bg-color-landing-about-ul);\n          border-radius: var(--elem-radius);\n          box-shadow: var(--curriculum-shadow-landing-about-ul);\n\n          transform: translateY(-1rem);\n\n          @media (--screen-small-and-wider) {\n            gap: 1rem;\n            align-items: center;\n          }\n\n          @media (--screen-medium-and-wider) {\n            justify-content: start;\n          }\n\n          @media (--screen-large-and-wider) {\n            justify-content: center;\n          }\n\n          > li {\n            margin: 0 0.5rem;\n            text-align: center;\n\n            @media (--screen-small-and-wider) {\n              width: max-content;\n              margin: 0 1rem;\n            }\n\n            @media (--screen-medium-and-wider) {\n              display: inline-flex;\n              gap: 1rem;\n              align-items: center;\n            }\n\n            &::before {\n              display: block;\n\n              width: 3rem;\n              height: 3rem;\n\n              margin: 0 auto;\n\n              @media (--screen-medium-and-wider) {\n                display: initial;\n                margin: 0;\n              }\n            }\n\n            &:nth-child(1)::before {\n              content: var(--curriculum-landing-about-beginner);\n            }\n\n            &:nth-child(2)::before {\n              content: var(--curriculum-landing-about-pace);\n            }\n\n            &:nth-child(3)::before {\n              content: var(--curriculum-landing-about-free);\n            }\n          }\n        }\n\n        p {\n          display: grid;\n\n          grid-template-columns: auto auto;\n\n          align-items: center;\n          justify-content: start;\n\n          margin: 1rem 0;\n\n          color: var(--text-secondary);\n\n          &::before {\n            display: block;\n\n            align-self: start;\n\n            width: 4rem;\n            height: 4rem;\n          }\n\n          &:nth-child(2) {\n            grid-area: p1;\n\n            &::before {\n              content: var(--curriculum-landing-about-bullet);\n            }\n          }\n\n          &:nth-child(3) {\n            grid-area: p2;\n\n            &::before {\n              content: var(--curriculum-landing-about-bullet);\n            }\n          }\n\n          &:nth-child(4) {\n            grid-area: p3;\n\n            &::before {\n              content: var(--curriculum-landing-about-bullet);\n            }\n          }\n\n          &:nth-child(5) {\n            grid-area: p4;\n\n            a {\n              margin-left: 4rem;\n\n              font-weight: var(--font-body-strong-weight);\n\n              color: var(--text-primary);\n\n              text-decoration: underline;\n\n              &:hover,\n              &:active {\n                text-decoration: none;\n              }\n            }\n          }\n        }\n      }\n\n      > div.arrow {\n        grid-area: arrow;\n\n        background-image: var(--curriculum-landing-arrow);\n        background-repeat: no-repeat;\n        background-position: center;\n      }\n\n      .scrim-wrapper {\n        display: flex;\n\n        flex-direction: column;\n\n        grid-area: scrim;\n\n        justify-content: center;\n        justify-self: center;\n\n        max-width: 24rem;\n\n        margin-top: 1rem;\n\n        @media (--screen-large-and-wider) {\n          justify-self: end;\n          margin-top: 0;\n        }\n\n        .scrim-border {\n          width: 100%;\n          height: 16rem;\n\n          background-image: var(--curriculum-scrim-bg);\n          background-repeat: no-repeat;\n          background-position: bottom right;\n        }\n\n        mdn-scrim-inline {\n          display: block;\n\n          width: 22rem;\n          max-width: calc(100vw - var(--gutter) * 2);\n          height: 14.25rem;\n\n          background: #000000;\n        }\n\n        p {\n          padding: 1rem 0;\n          margin: 0;\n        }\n      }\n    }\n  }\n\n  .landing-stairway {\n    max-width: 100%;\n    margin: 0;\n    background-color: var(--color-background-secondary);\n\n    > div {\n      display: grid;\n\n      grid-template-areas: \"a\" \"b\";\n      grid-template-rows: auto auto;\n      grid-template-columns: auto;\n\n      justify-content: center;\n\n      width: 100%;\n      max-width: min(var(--max-width), 74rem);\n\n      padding: 2rem;\n      padding-right: var(--gutter);\n      padding-left: var(--gutter);\n      margin: 0 auto 3rem;\n\n      color: var(--text-secondary);\n\n      @media (--screen-medium-and-wider) {\n        grid-template-columns: min(100%, 34rem);\n      }\n\n      @media (--screen-large-and-wider) {\n        grid-template-areas: \"a b\";\n        grid-template-columns: 1fr 1.4fr;\n      }\n\n      svg {\n        width: 100%;\n      }\n\n      > #stairway1-container {\n        --fs: clamp(1rem, calc(3 * calc(100vw / 100)), 1.75rem);\n        position: relative;\n\n        grid-area: a;\n\n        width: 100%;\n\n        margin: 0;\n\n        transform: translateX(2vw);\n\n        @media (--screen-large-and-wider) {\n          --fs: clamp(1rem, calc(2 * calc(100vw / 100)), 1.75rem);\n        }\n\n        #stairway1 {\n          position: absolute;\n          top: 18%;\n          left: 32%;\n\n          font-size: var(--fs);\n\n          > span {\n            display: block;\n\n            width: max-content;\n\n            line-height: calc(1.25 * var(--fs));\n\n            text-wrap: nowrap;\n          }\n\n          .color {\n            color: var(--curriculum-color);\n          }\n        }\n      }\n\n      > #stairway2-container {\n        --fs: clamp(0.75rem, calc(1.25 * calc(100vw / 100)), 1rem);\n        position: relative;\n        grid-area: b;\n        transform: translateX(-5vw);\n\n        @media (--screen-medium-and-wider) {\n          --fs: clamp(0.75rem, calc(100vw / 100), 0.825rem);\n        }\n\n        #stairway2 {\n          position: absolute;\n          top: 0;\n          left: 0;\n\n          width: calc(100% + 5vw);\n          height: 100%;\n\n          margin: 0;\n\n          font-size: var(--fs);\n\n          > span {\n            position: absolute;\n\n            display: block;\n\n            max-width: 10rem;\n\n            line-height: calc(1.25 * var(--fs));\n\n            text-wrap: wrap;\n\n            @media (--screen-medium-and-wider) {\n              max-width: initial;\n              text-wrap: nowrap;\n            }\n          }\n\n          #stair-1 {\n            top: 36%;\n            left: 47%;\n          }\n\n          #stair-2 {\n            top: 52%;\n            left: 33%;\n          }\n\n          #stair-3 {\n            top: 71%;\n            left: 23%;\n          }\n\n          #stair-4 {\n            top: 86%;\n            left: 8%;\n          }\n\n          @media (--screen-medium-and-wider) {\n            #stair-1 {\n              top: 53%;\n              left: 35%;\n            }\n\n            #stair-2 {\n              top: 65%;\n              left: 27%;\n            }\n\n            #stair-3 {\n              top: 77%;\n              left: 13%;\n            }\n\n            #stair-4 {\n              top: 90%;\n              left: 0%;\n            }\n          }\n        }\n\n        > svg {\n          &#stairway2large {\n            display: none;\n            grid-area: b;\n\n            @media (--screen-medium-and-wider) {\n              display: initial;\n            }\n          }\n\n          &#stairway2small {\n            grid-area: b;\n            max-width: 100%;\n\n            @media (--screen-medium-and-wider) {\n              display: none;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  #dont_know_where_toget_started {\n    width: fit-content;\n\n    margin: 1rem auto 5rem;\n\n    line-height: 3rem;\n\n    text-align: center;\n\n    &::after {\n      position: absolute;\n\n      width: 6em;\n\n      content: url(\"../curriculum/assets/curriculum-started-underline.svg\");\n\n      transform: translate3d(-6em, 1.25rem, 0);\n    }\n\n    ~ div {\n      > ul {\n        display: grid;\n\n        grid-template-areas: \"beginner advanced employ educator\";\n\n        gap: 1rem;\n\n        max-width: 52rem;\n\n        margin: 0 auto;\n\n        overflow: clip;\n\n        scroll-snap-type: inline mandatory;\n\n        @media (--screen-medium-and-wider) {\n          grid-template-areas:\n            \"beginner advanced\"\n            \"employ educator\";\n          grid-template-columns: auto auto;\n          gap: 5rem 4rem;\n        }\n\n        @media (--screen-large-and-wider) {\n          gap: 5rem 8rem;\n        }\n\n        > li {\n          display: grid;\n\n          grid-template-areas:\n            \"i h\"\n            \"p p\"\n            \"c c\";\n          grid-template-rows: 4rem minmax(7rem, max-content) max-content;\n          grid-template-columns: 3rem 1fr;\n\n          gap: 1rem;\n          align-items: center;\n\n          width: 80vw;\n          height: max-content;\n\n          padding: 1rem 0.5rem;\n\n          color: var(--text-secondary);\n\n          scroll-snap-align: center;\n\n          background-color: var(--curriculum-bg-large-color);\n          border-radius: var(--elem-radius);\n\n          @media (--screen-medium-and-wider) {\n            grid-template-areas:\n              \"i h\"\n              \"i p\"\n              \"i c\";\n            grid-template-rows: 4rem auto max-content;\n            grid-template-columns: auto auto;\n\n            gap: 1rem 2rem;\n            align-items: start;\n\n            width: initial;\n            height: initial;\n\n            padding: 0;\n\n            background-color: initial;\n          }\n\n          &::before {\n            display: inline-block;\n\n            align-self: start;\n\n            width: 3rem;\n            height: 3rem;\n\n            @media (--screen-medium-and-wider) {\n              grid-area: i;\n              width: 5rem;\n              height: 5rem;\n            }\n          }\n\n          &:nth-child(1)::before {\n            content: var(--curriculum-landing-started-beginner);\n          }\n\n          &:nth-child(2)::before {\n            content: var(--curriculum-landing-started-advanced);\n          }\n\n          &:nth-child(3)::before {\n            content: var(--curriculum-landing-started-employment);\n          }\n\n          &:nth-child(4)::before {\n            content: var(--curriculum-landing-started-educator);\n          }\n\n          h3 {\n            margin-top: 0;\n            font-weight: 600;\n            color: var(--text-primary);\n          }\n\n          em {\n            grid-area: p;\n            align-self: start;\n          }\n\n          a {\n            --button-bg--default: light-dark(#1b1b1b, #ffffff);\n            --button-bg-hover--default: light-dark(#696969, #cdcdcd);\n            --button-bg-active--default: light-dark(#9e9e9e, #9e9e9e);\n            --button-border-color--default: light-dark(#1d1d1d, #ffffff);\n            --button-color--default: var(--color-background-primary);\n\n            --button-bg: var(--button-bg--default);\n            --button-bg-hover: var(--button-bg-hover--default);\n            --button-bg-active: var(--button-bg-active--default);\n            --button-border-color: var(--button-border-color--default);\n            --button-height: 2rem;\n            --button-color: var(--button-color--default);\n            --button-radius: var(--elem-radius, 0.25rem);\n            position: relative;\n\n            display: flex;\n\n            grid-area: c;\n\n            gap: 0.25rem;\n            align-items: center;\n            justify-content: center;\n            justify-self: center;\n\n            width: fit-content;\n            min-height: var(--button-height);\n\n            padding: 0.5rem;\n            padding-right: var(--button-padding);\n            padding-left: var(--button-padding);\n\n            font-size: var(--font-size-small);\n            font-weight: 600;\n\n            color: var(--button-color);\n\n            text-align: center;\n\n            text-decoration: none;\n\n            cursor: pointer;\n\n            background-color: var(--button-bg);\n            border: 1px solid var(--button-border-color);\n            border-radius: var(--button-radius);\n\n            @media (--screen-medium-and-wider) {\n              justify-self: start;\n            }\n\n            &:hover {\n              background-color: var(--button-bg-hover, var(--button-bg));\n            }\n          }\n        }\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/client/styles-curriculum-landing.75954cd6cee0580a.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["6774"];export const __webpack_modules__={68267:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-curriculum-landing.75954cd6cee0580a.js";s.C(o),s(s.s=68267);

package/dist/client/styles-curriculum-module.1e885d2e7fbd00c6.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["5766"];export const __webpack_modules__={87299:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-curriculum-module.1e885d2e7fbd00c6.js";s.C(o),s(s.s=87299);

package/dist/client/styles-curriculum-module.c7271eb90af85eba.css

@@ -0,0 +1,2 @@
+:is(.curriculum-content-container.curriculum-module .curriculum-content)>header{column-gap:1.5rem;display:grid;grid-template-areas:". group" "icon heading" "icon category";justify-content:flex-start}:is(:is(.curriculum-content-container.curriculum-module .curriculum-content)>header) .topic-icon{--background-primary:var(--curriculum-bg-color-topic);align-self:flex-start;grid-area:icon;height:4rem;width:4rem}:is(:is(.curriculum-content-container.curriculum-module .curriculum-content)>header) h1{font-size:var(--font-size-largest);grid-area:heading;margin:0}:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content)>header) svg.topic-icon) circle{fill:var(--background-primary)}:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content)>header) svg.topic-icon) path{fill:var(--curriculum-color-topic)}:is(:is(.curriculum-content-container.curriculum-module .curriculum-content)>header) p.module-topic{color:var(--curriculum-color-topic);font-size:var(--type-smaller-font-size);grid-area:category;margin:.5rem 0 0}:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content)>header) p.module-topic):before{content:"Category: "}:is(:is(.curriculum-content-container.curriculum-module .curriculum-content)>header) p.module-group{align-self:center;background-color:var(--curriculum-module-label-bg-color);border-radius:var(--elem-radius);color:var(--curriculum-module-label-color);font-size:var(--type-smaller-font-size);grid-area:group;height:max-content;margin:0 0 .25rem;padding:.125rem .5rem;width:fit-content}:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources{margin-bottom:.5rem;margin-top:2rem}:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources)+ul{padding-left:2rem}:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources)+ul)>li{list-style-image:var(--curriculum-module-mdn-resource)}.curriculum-external-li:is(:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources)+ul)>li){list-style-image:url(/static/client/curriculum-ext-resource.7ccbd6b7cf9747db.svg)}:is(:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources)+ul)>li) em{background:var(--curriculum-bg-color);border-radius:1em;color:var(--text-primary);display:inline-block;font-size:.5rem;font-weight:700;line-height:1.7;padding:0 .4em;text-rendering:optimizelegibility;text-transform:uppercase;vertical-align:super}
+/*# sourceMappingURL=styles-curriculum-module.c7271eb90af85eba.css.map*/

package/dist/client/styles-curriculum-module.c7271eb90af85eba.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-curriculum-module.c7271eb90af85eba.css","sources":["webpack://@mdn/fred/./components/curriculum-module/server.css"],"sourcesContent":["@import url(\"../curriculum/shared.css\");\n@import url(\"../curriculum/sidebar.css\");\n@import url(\"../curriculum/layout.css\");\n\n.curriculum-content-container.curriculum-module {\n  .curriculum-content {\n    > header {\n      display: grid;\n\n      grid-template-areas:\n        \". group\"\n        \"icon heading\"\n        \"icon category\";\n\n      column-gap: 1.5rem;\n      justify-content: flex-start;\n\n      .topic-icon {\n        --background-primary: var(--curriculum-bg-color-topic);\n        grid-area: icon;\n\n        align-self: flex-start;\n\n        width: 4rem;\n        height: 4rem;\n      }\n\n      h1 {\n        grid-area: heading;\n        margin: 0;\n        font-size: var(--font-size-largest);\n      }\n\n      svg.topic-icon {\n        circle {\n          fill: var(--background-primary);\n        }\n\n        path {\n          fill: var(--curriculum-color-topic);\n        }\n      }\n\n      p.module-topic {\n        grid-area: category;\n\n        margin: 0;\n        margin-top: 0.5rem;\n\n        font-size: var(--type-smaller-font-size);\n\n        color: var(--curriculum-color-topic);\n\n        &::before {\n          content: \"Category: \";\n        }\n      }\n\n      p.module-group {\n        grid-area: group;\n\n        align-self: center;\n\n        width: fit-content;\n        height: max-content;\n\n        padding: 0.125rem 0.5rem;\n        margin: 0;\n        margin-bottom: 0.25rem;\n\n        font-size: var(--type-smaller-font-size);\n\n        color: var(--curriculum-module-label-color);\n\n        background-color: var(--curriculum-module-label-bg-color);\n        border-radius: var(--elem-radius);\n      }\n    }\n\n    p.curriculum-resources {\n      margin-top: 2rem;\n      margin-bottom: 0.5rem;\n\n      + ul {\n        padding-left: 2rem;\n\n        > li {\n          list-style-image: var(--curriculum-module-mdn-resource);\n\n          &.curriculum-external-li {\n            list-style-image: url(\"../curriculum/assets/curriculum-ext-resource.svg\");\n          }\n\n          em {\n            display: inline-block;\n\n            padding: 0 0.4em;\n\n            font-size: 0.5rem;\n            font-weight: bold;\n\n            line-height: 1.7;\n            vertical-align: super;\n\n            color: var(--text-primary);\n\n            text-transform: uppercase;\n\n            background: var(--curriculum-bg-color);\n            border-radius: 1em;\n            text-rendering: optimizelegibility;\n          }\n        }\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"AAMI,gFAQE,iBAAkB,CAPlB,YAAa,CAEb,4DAGiB,CAGjB,0BA8DF,CA5DE,iGACE,qDAAsD,CAGtD,qBAAsB,CAFtB,cAAe,CAKf,WAAY,CADZ,UAEF,CAEA,wFAGE,kCAAmC,CAFnC,iBAAkB,CAClB,QAEF,CAGE,gHACE,8BACF,CAEA,8GACE,kCACF,CAGF,oGAQE,mCAAoC,CAFpC,uCAAwC,CALxC,kBAAmB,CAGnB,gBASF,CAHE,gHACE,oBACF,CAGF,oGAGE,iBAAkB,CAalB,wDAAyD,CACzD,gCAAiC,CAHjC,0CAA2C,CAF3C,uCAAwC,CAXxC,eAAgB,CAKhB,kBAAmB,CAInB,iBAAsB,CAFtB,qBAAwB,CAHxB,iBAaF,CAGF,gGAEE,mBAAqB,CADrB,eAkCF,CA/BE,wGACE,iBA6BF,CA3BE,gHACE,sDAyBF,CAvBE,4IACE,iFACF,CAEA,wHAeE,qCAAsC,CACtC,iBAAkB,CALlB,yBAA0B,CAV1B,oBAAqB,CAIrB,eAAiB,CACjB,eAAiB,CAEjB,eAAgB,CALhB,cAAgB,CAchB,iCAAkC,CAJlC,wBAAyB,CAJzB,oBASF"}

package/dist/client/styles-curriculum-overview.7efe6d339fda7e6e.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["3525"];export const __webpack_modules__={34364:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-curriculum-overview.7efe6d339fda7e6e.js";s.C(o),s(s.s=34364);

package/dist/client/styles-featured-articles.c518f93ad0470cdf.css

@@ -0,0 +1,2 @@
+.featured-articles{--base-line-height:1.2;display:grid;gap:1rem;grid-auto-flow:row;padding:0}@media (min-width:769.02px){.featured-articles{grid-template-columns:repeat(2,1fr)}}.featured-articles>li{display:contents}:is(.featured-articles a):link{color:var(--color-text-primary)}:is(.featured-articles a):visited{color:var(--color-text-secondary)}:is(.featured-articles a):not(:hover){-webkit-text-decoration:none;text-decoration:none}.featured-articles__article{border:1px solid var(--color-border-primary);border-radius:.5rem;display:flex;flex-direction:column;padding:1rem}.featured-articles__tag{font-size:var(--font-size-small);font-weight:500}.featured-articles__title{align-items:flex-start;display:flex;flex-grow:1;font-size:var(--font-size-normal);font-weight:500;line-height:1.5;margin:0 0 1em}.featured-articles__summary{font-size:var(--font-size-small);line-height:var(--base-line-height);margin:0;max-height:calc(3em*var(--base-line-height));min-height:calc(3em*var(--base-line-height));overflow:hidden;position:relative}.featured-articles__summary:after{background:var(--color-background-page);content:"";display:block;height:calc(1em*var(--base-line-height));-webkit-mask-image:linear-gradient(90deg,#0000,#000 75%);mask-image:linear-gradient(90deg,#0000,#000 75%);pointer-events:none;position:absolute;right:0;top:calc(2em*var(--base-line-height));width:20ch}
+/*# sourceMappingURL=styles-featured-articles.c518f93ad0470cdf.css.map*/

package/dist/client/styles-featured-articles.c518f93ad0470cdf.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-featured-articles.c518f93ad0470cdf.css","sources":["webpack://@mdn/fred/./components/featured-articles/server.css"],"sourcesContent":["/**\n  Featured articles (homepage).\n\n  Important: Shares design with latest news.\n*/\n\n.featured-articles {\n  --base-line-height: 1.2;\n\n  display: grid;\n\n  grid-auto-flow: row;\n\n  gap: 1rem;\n\n  padding: 0;\n\n  @media (--screen-medium-and-wider) {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  > li {\n    display: contents;\n  }\n\n  a {\n    &:link {\n      color: var(--color-text-primary);\n    }\n\n    &:visited {\n      color: var(--color-text-secondary);\n    }\n\n    &:not(:hover) {\n      text-decoration: none;\n    }\n  }\n}\n\n.featured-articles__article {\n  display: flex;\n\n  flex-direction: column;\n\n  padding: 1rem;\n\n  border: 1px solid var(--color-border-primary);\n  border-radius: 0.5rem;\n}\n\n.featured-articles__tag {\n  font-size: var(--font-size-small);\n  font-weight: 500;\n}\n\n.featured-articles__title {\n  display: flex;\n\n  flex-grow: 1;\n\n  align-items: flex-start;\n\n  margin: 0 0 1em;\n\n  font-size: var(--font-size-normal);\n  font-weight: 500;\n\n  line-height: 1.5;\n}\n\n.featured-articles__summary {\n  position: relative;\n\n  min-height: calc(3em * var(--base-line-height));\n  max-height: calc(3em * var(--base-line-height));\n\n  margin: 0;\n\n  overflow: hidden;\n\n  font-size: var(--font-size-small);\n\n  line-height: var(--base-line-height);\n\n  &::after {\n    position: absolute;\n    top: calc(2em * var(--base-line-height));\n    right: 0;\n\n    display: block;\n\n    width: 20ch;\n    height: calc(1em * var(--base-line-height));\n\n    pointer-events: none;\n\n    content: \"\";\n\n    background: var(--color-background-page);\n\n    mask-image: linear-gradient(90deg, #00000000, #000000 75%);\n  }\n}\n"],"names":[],"mappings":"AAMA,mBACE,sBAAuB,CAEvB,YAAa,CAIb,QAAS,CAFT,kBAAmB,CAInB,SAuBF,CArBE,4BAXF,mBAYI,mCAoBJ,CAnBE,CAEA,sBACE,gBACF,CAGE,+BACE,+BACF,CAEA,kCACE,iCACF,CAEA,sCACE,4BAAqB,CAArB,oBACF,CAIJ,4BAOE,4CAA6C,CAC7C,mBAAqB,CAPrB,YAAa,CAEb,qBAAsB,CAEtB,YAIF,CAEA,wBACE,gCAAiC,CACjC,eACF,CAEA,0BAKE,sBAAuB,CAJvB,YAAa,CAEb,WAAY,CAMZ,iCAAkC,CAClC,eAAgB,CAEhB,eAAgB,CALhB,cAMF,CAEA,4BAUE,gCAAiC,CAEjC,mCAAoC,CANpC,QAAS,CAFT,4CAA+C,CAD/C,4CAA+C,CAK/C,eAAgB,CAPhB,iBA+BF,CAlBE,kCAcE,uCAAwC,CAFxC,UAAW,CAPX,aAAc,CAGd,wCAA2C,CAQ3C,wDAA0D,CAA1D,gDAA0D,CAN1D,mBAAoB,CATpB,iBAAkB,CAElB,OAAQ,CADR,qCAAwC,CAKxC,UAUF"}

package/dist/client/styles-featured-articles.f972eedcbf2136bd.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["2339"];export const __webpack_modules__={58864:function(){}};import s from"./styles.911adb13c338ef51.js";import*as t from"./styles-featured-articles.f972eedcbf2136bd.js";s.C(t),s(s.s=58864);

package/dist/client/styles-footer.3c3e234ab015a735.css

@@ -0,0 +1,2 @@
+.footer{background-color:var(--color-background-primary);border-top:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.footer__mdn{align-items:start;column-gap:1rem;display:grid;grid-template-areas:"intro" "socials" "links";padding-block:2rem 1.5rem;padding-inline:var(--layout-side-padding);row-gap:2rem}@media (min-width:480.02px){.footer__mdn{grid-template-areas:"intro intro" "socials socials" "links links";grid-template-columns:1fr 1fr}}@media (min-width:640.02px){.footer__mdn{grid-template-areas:"intro   intro   intro" "socials socials socials" "links   links   links";grid-template-columns:1fr 1fr 1fr}}@media (min-width:1000.02px){.footer__mdn{grid-template-areas:"intro   links links links" "socials links links links";grid-template-columns:2fr 1fr 1fr 1fr}}.footer__logo{color:var(--color-text-secondary)}.footer__logo:hover{color:var(--color-text-primary)}.footer__logo svg{display:block;fill:currentcolor}.footer__intro{display:grid;grid-area:intro;justify-items:start;row-gap:1rem}.footer__intro p{margin:0}.footer__socials{column-gap:.75rem;display:flex;grid-area:socials;list-style:none;margin:0;padding:0}.footer__socials a{color:var(--color-text-secondary)}:is(.footer__socials a):hover{color:var(--color-text-primary)}.footer__socials svg{display:block}.footer__links{display:grid;margin:0;row-gap:.75rem}.footer__links dt{font-size:1.25rem}.footer__links dd,.footer__links ul{display:contents;margin:0}.footer__links ul{list-style-type:none;padding:0}.footer__links a{color:inherit}:is(.footer__links a):hover{color:var(--color-text-primary)}@media (min-width:840.02px){.footer__links{grid-row-end:span 2}}.footer__mozilla{align-items:start;border-block-start:1px solid var(--color-border-primary);column-gap:1.5rem;display:grid;grid-template-columns:min-content 1fr;justify-items:start;padding-block:1.5rem;padding-inline:var(--layout-side-padding);row-gap:1rem}.footer__mozilla ul{column-gap:1rem;display:flex;flex-wrap:wrap;line-height:2;list-style:none;margin:0;padding:0}.footer__mozilla p{grid-column:span 2;line-height:1.5;margin:0}.footer__mozilla a{color:inherit}:is(.footer__mozilla a):hover{color:var(--color-text-primary)}
+/*# sourceMappingURL=styles-footer.3c3e234ab015a735.css.map*/

package/dist/client/styles-footer.3c3e234ab015a735.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-footer.3c3e234ab015a735.css","sources":["webpack://@mdn/fred/./components/footer/server.css"],"sourcesContent":["/* Footer */\n\n.footer {\n  color: var(--color-text-secondary);\n  background-color: var(--color-background-primary);\n  border-top: 1px solid var(--color-border-primary);\n}\n\n/* MDN */\n\n.footer__mdn {\n  display: grid;\n\n  grid-template-areas:\n    \"intro\"\n    \"socials\"\n    \"links\";\n\n  row-gap: 2rem;\n  column-gap: 1rem;\n  align-items: start;\n\n  padding-block: 2rem 1.5rem;\n  padding-inline: var(--layout-side-padding);\n\n  @media (width > 480px) {\n    grid-template-areas:\n      \"intro intro\"\n      \"socials socials\"\n      \"links links\";\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media (width > 640px) {\n    grid-template-areas:\n      \"intro   intro   intro\"\n      \"socials socials socials\"\n      \"links   links   links\";\n    grid-template-columns: 1fr 1fr 1fr;\n  }\n\n  @media (width > 1000px) {\n    grid-template-areas:\n      \"intro   links links links\"\n      \"socials links links links\";\n    grid-template-columns: 2fr 1fr 1fr 1fr;\n  }\n}\n\n/* Logo */\n\n.footer__logo {\n  color: var(--color-text-secondary);\n\n  &:hover {\n    color: var(--color-text-primary);\n  }\n\n  svg {\n    display: block;\n    fill: currentcolor;\n  }\n}\n\n/* Intro */\n\n.footer__intro {\n  display: grid;\n\n  grid-area: intro;\n\n  row-gap: 1rem;\n  justify-items: start;\n\n  p {\n    margin: 0;\n  }\n}\n\n/* Socials */\n\n.footer__socials {\n  display: flex;\n\n  grid-area: socials;\n\n  column-gap: 0.75rem;\n\n  padding: 0;\n  margin: 0;\n\n  list-style: none;\n\n  a {\n    color: var(--color-text-secondary);\n\n    &:hover {\n      color: var(--color-text-primary);\n    }\n  }\n\n  svg {\n    display: block;\n  }\n}\n\n/* List */\n\n.footer__links {\n  display: grid;\n  row-gap: 0.75rem;\n  margin: 0;\n\n  dt {\n    font-size: 1.25rem;\n  }\n\n  dd {\n    display: contents;\n    margin: 0;\n  }\n\n  ul {\n    display: contents;\n\n    padding: 0;\n    margin: 0;\n\n    list-style-type: none;\n  }\n\n  a {\n    color: inherit;\n\n    &:hover {\n      color: var(--color-text-primary);\n    }\n  }\n\n  @media (width > 840px) {\n    grid-row-end: span 2;\n  }\n}\n\n/* Mozilla */\n\n.footer__mozilla {\n  display: grid;\n\n  grid-template-columns: min-content 1fr;\n\n  row-gap: 1rem;\n  column-gap: 1.5rem;\n  align-items: start;\n  justify-items: start;\n\n  padding-block: 1.5rem;\n  padding-inline: var(--layout-side-padding);\n\n  border-block-start: 1px solid var(--color-border-primary);\n\n  ul {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    column-gap: 1rem;\n\n    padding: 0;\n    margin: 0;\n\n    line-height: 2;\n\n    list-style: none;\n  }\n\n  p {\n    grid-column: span 2;\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  a {\n    color: inherit;\n\n    &:hover {\n      color: var(--color-text-primary);\n    }\n  }\n}\n"],"names":[],"mappings":"AAEA,QAEE,gDAAiD,CACjD,gDAAiD,CAFjD,iCAGF,CAIA,aAUE,iBAAkB,CADlB,eAAgB,CARhB,YAAa,CAEb,6CAGS,CAMT,yBAA0B,CAC1B,yCAA0C,CAL1C,YA6BF,CAtBE,4BAfF,aAgBI,iEAGe,CACf,6BAiBJ,CAhBE,CAEA,4BAvBF,aAwBI,6FAGyB,CACzB,iCASJ,CARE,CAEA,6BA/BF,aAgCI,2EAE6B,CAC7B,qCAEJ,CADE,CAKF,cACE,iCAUF,CARE,oBACE,+BACF,CAEA,kBACE,aAAc,CACd,iBACF,CAKF,eACE,YAAa,CAEb,eAAgB,CAGhB,mBAAoB,CADpB,YAMF,CAHE,iBACE,QACF,CAKF,iBAKE,iBAAmB,CAJnB,YAAa,CAEb,iBAAkB,CAOlB,eAAgB,CAFhB,QAAS,CADT,SAgBF,CAXE,mBACE,iCAKF,CAHE,8BACE,+BACF,CAGF,qBACE,aACF,CAKF,eACE,YAAa,CAEb,QAAS,CADT,cAgCF,CA7BE,kBACE,iBACF,CAOA,oCAJE,gBAAiB,CACjB,QAUF,CAPA,kBAME,oBAAqB,CAHrB,SAIF,CAEA,iBACE,aAKF,CAHE,4BACE,+BACF,CAGF,4BA/BF,eAgCI,mBAEJ,CADE,CAKF,iBAOE,iBAAkB,CAMlB,wDAAyD,CAPzD,iBAAkB,CALlB,YAAa,CAEb,qCAAsC,CAKtC,mBAAoB,CAEpB,oBAAqB,CACrB,yCAA0C,CAN1C,YAsCF,CA5BE,oBAKE,eAAgB,CAJhB,YAAa,CAEb,cAAe,CAOf,aAAc,CAEd,eAAgB,CAJhB,QAAS,CADT,SAMF,CAEA,mBACE,kBAAmB,CAEnB,eAAgB,CADhB,QAEF,CAEA,mBACE,aAKF,CAHE,8BACE,+BACF"}

package/dist/client/styles-footer.c6cf58283ef90c67.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["1330"];export const __webpack_modules__={3252:function(){}};import o from"./styles.911adb13c338ef51.js";import*as s from"./styles-footer.c6cf58283ef90c67.js";o.C(s),o(o.s=3252);