@mdn/fred 0.1.0 → 0.2.0

package/dist/client/styles-a11y-menu.5796ee87cb69f93f.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:var(--font-weight-bold);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.5796ee87cb69f93f.css.map*/

package/dist/client/styles-a11y-menu.5796ee87cb69f93f.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-a11y-menu.5796ee87cb69f93f.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: var(--font-weight-bold);\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,mCAAoC,CAJpC,MAAO,CAEP,YAAc,CAJd,iBAAkB,CAClB,OAAQ,CAOR,iBAAkB,CAElB,4BAAqB,CAArB,oBAOF,CAHE,+BACE,wCACF"}

package/dist/client/styles-a11y-menu.c408da1c50de7848.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["2642"];export const __webpack_modules__={15452:function(){}};import s from"./styles.7fb7069c86aa338c.js";import*as o from"./styles-a11y-menu.c408da1c50de7848.js";s.C(o),s(s.s=15452);

package/dist/client/styles-advertising.4c00484729f959ad.js

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

package/dist/client/{styles-advertising.c54670419b34708a.css → styles-advertising.c4692f68b3c61df1.css}

@@ -1,2 +1,2 @@
-.sing{--mdn-color-ads:#00d1ab;line-height:var(--font-line-content)}.sing__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)){.sing__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))}}.sing__stats-container.dark{background-color:#212121;color:#fff}.sing-content{padding-inline:var(--layout-side-padding)}.sing{grid-column:content;margin-bottom:3rem;width:100%}.sing__content,.sing__stats-header{margin:0 auto;max-width:52rem;padding:0 1rem}.sing__stats-header{align-items:center;display:flex;flex-direction:column;padding:0 .5rem 2rem}.sing__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}.sing__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}.sing__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)}.sing__stats{display:grid;gap:.3em;grid-template-columns:1fr;list-style:none;margin:0;padding:0;width:100%}@media (min-width:480px){.sing__stats{grid-template-columns:1fr 1fr}}@media (min-width:768px){.sing__stats{grid-template-columns:1fr 1fr 1fr 1fr}}.sing__stats li{align-items:center;background:var(--mdn-color-ads);color:#212121;display:flex;flex-direction:column;padding:.5rem 2rem 1rem}.sing__number{font-size:var(--font-size-largest);line-height:var(--font-line-content)}.sing__number svg{transform:translateY(.125em)}.sing__legend{font-size:.8rem;max-width:5rem;text-align:center}.sing a{color:var(--color-link);-webkit-text-decoration:underline;text-decoration:underline}.sing a:hover{text-decoration-thickness:2px}.sing a.external:after{content:" ↗";font-size:.8em;vertical-align:super}
-/*# sourceMappingURL=styles-advertising.c54670419b34708a.css.map*/
+.sing{--mdn-color-ads:#00d1ab;line-height:var(--font-line-content)}.sing__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)){.sing__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))}}.sing__stats-container.dark{background-color:#212121;color:#fff}.sing-content{padding-inline:var(--layout-side-padding)}.sing{grid-column:content;margin-bottom:3rem;width:100%}.sing__content,.sing__stats-header{margin:0 auto;max-width:52rem;padding:0 1rem}.sing__stats-header{align-items:center;display:flex;flex-direction:column;padding:0 .5rem 2rem}.sing__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}.sing__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}.sing__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)}.sing__stats{display:grid;gap:.3em;grid-template-columns:1fr;list-style:none;margin:0;padding:0;width:100%}@media (width >= 480px){.sing__stats{grid-template-columns:1fr 1fr}}@media (width >= 768px){.sing__stats{grid-template-columns:1fr 1fr 1fr 1fr}}.sing__stats li{align-items:center;background:var(--mdn-color-ads);color:#212121;display:flex;flex-direction:column;padding:.5rem 2rem 1rem}.sing__number{font-size:var(--font-size-largest);line-height:var(--font-line-content)}.sing__number svg{transform:translateY(.125em)}.sing__legend{font-size:var(--font-size-small);max-width:5rem;text-align:center}.sing a{color:var(--color-link);-webkit-text-decoration:underline;text-decoration:underline}.sing a:hover{text-decoration-thickness:2px}.sing a.external:after{content:" ↗";font-size:.8em;vertical-align:super}
+/*# sourceMappingURL=styles-advertising.c4692f68b3c61df1.css.map*/

package/dist/client/{styles-advertising.c54670419b34708a.css.map → styles-advertising.c4692f68b3c61df1.css.map}

@@ -1 +1 @@
-{"version":3,"file":"styles-advertising.c54670419b34708a.css","sources":["webpack://@mdn/fred/./components/advertising/server.css"],"sourcesContent":[".sing {\n  --mdn-color-ads: hsl(169deg 100% 41%);\n  line-height: var(--font-line-content);\n}\n\n/* Full-width dark container */\n.sing__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.sing__stats-container.dark {\n  color: #ffffff;\n  background-color: #212121;\n}\n\n.sing-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.sing {\n  grid-column: content;\n  width: 100%;\n  margin-bottom: 3rem;\n}\n\n.sing__stats-header,\n.sing__content {\n  max-width: 52rem;\n  padding: 0 1rem;\n  margin: 0 auto;\n}\n\n.sing__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.sing__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.sing__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.sing__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.sing__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  .sing__stats {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (width >= 768px) {\n  .sing__stats {\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n  }\n}\n\n.sing__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.sing__number {\n  font-size: var(--font-size-largest);\n  line-height: var(--font-line-content);\n}\n\n.sing__number svg {\n  transform: translateY(0.125em);\n}\n\n.sing__legend {\n  max-width: 5rem;\n  font-size: 0.8rem;\n  text-align: center;\n}\n\n/* Links styling */\n.sing a {\n  color: var(--color-link);\n  text-decoration: underline;\n}\n\n.sing a:hover {\n  text-decoration-thickness: 2px;\n}\n\n.sing a.external::after {\n  font-size: 0.8em;\n  vertical-align: super;\n  content: \" ↗\";\n}\n"],"names":[],"mappings":"AAAA,MACE,uBAAqC,CACrC,oCACF,CAGA,uBAGE,QAAS,CAKT,kBAAmB,CACnB,iBAAkB,CAFlB,kBAAmB,CANnB,iBAAkB,CAClB,SAAU,CAGV,WAAY,CAMZ,wFAA6D,CAA7D,+DAA6D,CAE7D,wFAAwE,CAAxE,0EACF,CAdA,6DAaE,sEAAwE,CAFxE,2DAGF,EAEA,4BAEE,wBAAyB,CADzB,UAEF,CAEA,cACE,yCAOF,CAEA,MACE,mBAAoB,CAEpB,kBAAmB,CADnB,UAEF,CAEA,mCAIE,aAAc,CAFd,eAAgB,CAChB,cAEF,CAEA,oBAKE,kBAAmB,CAJnB,YAAa,CAEb,qBAAsB,CAItB,oBACF,CAEA,uBAME,kBAAmB,CAHnB,mBAAoB,CASpB,kCAAmC,CACnC,eAAgB,CARhB,SAAW,CAUX,eAAgB,CALhB,eAAgB,CADhB,SAAU,CARV,iBAAkB,CAgBlB,iBACF,CAEA,8BAYE,qCAAsC,CAFtC,UAAW,CATX,oBAAqB,CAGrB,YAAa,CAEb,cAAe,CAQf,8EAAkD,CAAlD,sEAAkD,CAClD,uBAAgB,CAAhB,eAAgB,CAPhB,qBAAsB,CALtB,WAaF,CAEA,6BAQE,eAAgB,CAPhB,kBAAoB,CAEpB,iCAA0B,CAA1B,yBAA0B,CAE1B,0CAA2C,CAD3C,8BAAgC,CAEhC,0BAGF,CAEA,GACE,iCAAkC,CAClC,eAAgB,CAChB,oCACF,CAEA,aACE,YAAa,CAIb,QAAU,CAFV,yBAA0B,CAS1B,eAAgB,CAFhB,QAAS,CADT,SAAU,CAFV,UAMF,CAEA,yBACE,aACE,6BACF,CACF,CAEA,yBACE,aACE,qCACF,CACF,CAEA,gBAKE,kBAAmB,CAMnB,+BAAgC,CAFhC,aAAc,CARd,YAAa,CAEb,qBAAsB,CAItB,uBAKF,CAEA,cACE,kCAAmC,CACnC,oCACF,CAEA,kBACE,4BACF,CAEA,cAEE,eAAiB,CADjB,cAAe,CAEf,iBACF,CAGA,QACE,uBAAwB,CACxB,iCAA0B,CAA1B,yBACF,CAEA,cACE,6BACF,CAEA,uBAGE,YAAa,CAFb,cAAgB,CAChB,oBAEF"}
+{"version":3,"file":"styles-advertising.c4692f68b3c61df1.css","sources":["webpack://@mdn/fred/./components/advertising/server.css"],"sourcesContent":[".sing {\n  --mdn-color-ads: hsl(169deg 100% 41%);\n  line-height: var(--font-line-content);\n}\n\n/* Full-width dark container */\n.sing__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.sing__stats-container.dark {\n  color: #ffffff;\n  background-color: #212121;\n}\n\n.sing-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.sing {\n  grid-column: content;\n  width: 100%;\n  margin-bottom: 3rem;\n}\n\n.sing__stats-header,\n.sing__content {\n  max-width: 52rem;\n  padding: 0 1rem;\n  margin: 0 auto;\n}\n\n.sing__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.sing__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.sing__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.sing__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.sing__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  .sing__stats {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (width >= 768px) {\n  .sing__stats {\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n  }\n}\n\n.sing__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.sing__number {\n  font-size: var(--font-size-largest);\n  line-height: var(--font-line-content);\n}\n\n.sing__number svg {\n  transform: translateY(0.125em);\n}\n\n.sing__legend {\n  max-width: 5rem;\n  font-size: var(--font-size-small);\n  text-align: center;\n}\n\n/* Links styling */\n.sing a {\n  color: var(--color-link);\n  text-decoration: underline;\n}\n\n.sing a:hover {\n  text-decoration-thickness: 2px;\n}\n\n.sing a.external::after {\n  font-size: 0.8em;\n  vertical-align: super;\n  content: \" ↗\";\n}\n"],"names":[],"mappings":"AAAA,MACE,uBAAqC,CACrC,oCACF,CAGA,uBAGE,QAAS,CAKT,kBAAmB,CACnB,iBAAkB,CAFlB,kBAAmB,CANnB,iBAAkB,CAClB,SAAU,CAGV,WAAY,CAMZ,wFAA6D,CAA7D,+DAA6D,CAE7D,wFAAwE,CAAxE,0EACF,CAdA,6DAaE,sEAAwE,CAFxE,2DAGF,EAEA,4BAEE,wBAAyB,CADzB,UAEF,CAEA,cACE,yCAOF,CAEA,MACE,mBAAoB,CAEpB,kBAAmB,CADnB,UAEF,CAEA,mCAIE,aAAc,CAFd,eAAgB,CAChB,cAEF,CAEA,oBAKE,kBAAmB,CAJnB,YAAa,CAEb,qBAAsB,CAItB,oBACF,CAEA,uBAME,kBAAmB,CAHnB,mBAAoB,CASpB,kCAAmC,CACnC,eAAgB,CARhB,SAAW,CAUX,eAAgB,CALhB,eAAgB,CADhB,SAAU,CARV,iBAAkB,CAgBlB,iBACF,CAEA,8BAYE,qCAAsC,CAFtC,UAAW,CATX,oBAAqB,CAGrB,YAAa,CAEb,cAAe,CAQf,8EAAkD,CAAlD,sEAAkD,CAClD,uBAAgB,CAAhB,eAAgB,CAPhB,qBAAsB,CALtB,WAaF,CAEA,6BAQE,eAAgB,CAPhB,kBAAoB,CAEpB,iCAA0B,CAA1B,yBAA0B,CAE1B,0CAA2C,CAD3C,8BAAgC,CAEhC,0BAGF,CAEA,GACE,iCAAkC,CAClC,eAAgB,CAChB,oCACF,CAEA,aACE,YAAa,CAIb,QAAU,CAFV,yBAA0B,CAS1B,eAAgB,CAFhB,QAAS,CADT,SAAU,CAFV,UAMF,CAEA,wBACE,aACE,6BACF,CACF,CAEA,wBACE,aACE,qCACF,CACF,CAEA,gBAKE,kBAAmB,CAMnB,+BAAgC,CAFhC,aAAc,CARd,YAAa,CAEb,qBAAsB,CAItB,uBAKF,CAEA,cACE,kCAAmC,CACnC,oCACF,CAEA,kBACE,4BACF,CAEA,cAEE,gCAAiC,CADjC,cAAe,CAEf,iBACF,CAGA,QACE,uBAAwB,CACxB,iCAA0B,CAA1B,yBACF,CAEA,cACE,6BACF,CAEA,uBAGE,YAAa,CAFb,cAAgB,CAChB,oBAEF"}

package/dist/client/styles-article-footer.81ae18c89fc527dc.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 (width <= 769px){.article-footer{margin:0 3rem 3rem}}@media (width <= 426px){.article-footer{margin-left:1rem;margin-right:1rem}}.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.81ae18c89fc527dc.css.map*/

package/dist/client/styles-article-footer.81ae18c89fc527dc.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-article-footer.81ae18c89fc527dc.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\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,YAkBF,CAXE,wBARF,gBAYI,kBAOJ,CANE,CAEA,wBAfF,gBAiBI,gBAAiB,CADjB,iBAGJ,CADE,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-article-footer.f591a23b879db7bc.js

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

package/dist/client/styles-banner.cce5a46592f9ae9c.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["4210"];export const __webpack_modules__={76457:function(){}};import s from"./styles.7fb7069c86aa338c.js";import*as e from"./styles-banner.cce5a46592f9ae9c.js";s.C(e),s(s.s=76457);

package/dist/client/{styles-baseline-indicator.32a52f7b51085fbb.css → styles-baseline-indicator.083aba7301c6f745.css}

@@ -1,2 +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*/
+.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:var(--font-size-normal);font-weight:var(--font-weight-bold);letter-spacing:0;line-height:var(--font-line-normal);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:var(--font-size-small);font-weight:var(--font-weight-bold);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}: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.083aba7301c6f745.css.map*/

package/dist/client/styles-baseline-indicator.083aba7301c6f745.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-baseline-indicator.083aba7301c6f745.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: var(--font-size-normal);\n      font-weight: var(--font-weight-bold);\n\n      line-height: var(--font-line-normal);\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: var(--font-size-small);\n      font-weight: var(--font-weight-bold);\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            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-baseline-indicator.35315666a6ff6562.js

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

package/dist/client/styles-blog-index.65525134178d64fd.js

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

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

@@ -0,0 +1,2 @@
+.blog-index{--accent-color:var(--color-text-purple);--avatar-size:3rem;--author-gap:1rem;margin:0 auto;max-width:min(80vw + 4rem,1440px);padding-inline:var(--layout-side-padding)}.blog-index__header{align-items:center;display:flex;flex-direction:column}.blog-index__header h1{display:inline-flex;font-size:var(--font-size-largest);font-weight:500;gap:.5rem;line-height:1.2;position:relative}:is(.blog-index__header h1):before{background-color:var(--accent-color);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}:is(.blog-index__header h1):after{content:"\2002";margin-left:-.3rem;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--accent-color);text-decoration-thickness:.1em;text-underline-offset:.1em}.blog-index__articles{column-gap:2rem;display:grid;grid-template-columns:1fr 1fr}@media (width <= 992px){.blog-index__articles{grid-template-columns:auto}}.blog-post-preview{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}.blog-post-preview__header{display:grid;flex-direction:column;grid-row:span 3;grid-template-rows:subgrid}.blog-post-preview__header h2{align-self:center;font-size:var(--font-size-large);font-weight:var(--font-weight-normal);line-height:1.2;margin-bottom:2.25rem;margin-top:1.5rem}:is(.blog-post-preview__header h2) a{-webkit-text-decoration:none;text-decoration:none}:is(.blog-post-preview__header h2) a:active,:is(.blog-post-preview__header h2) a:hover{-webkit-text-decoration:underline;text-decoration:underline}.blog-post-preview__figure{margin:0 auto;width:fit-content}.blog-post-preview__figure img{background:#0000;border:none!important;border-radius:.25rem;box-sizing:initial;display:flex;height:200px;margin:0;width:auto}@media (width <= 530px){.blog-post-preview__figure img{height:auto;width:100%}}.blog-post-preview__author-read-time{align-content:flex-start;align-items:center;column-gap:1.5rem;display:flex;flex-wrap:wrap;padding-left:calc(var(--avatar-size) + var(--author-gap))}.blog-post-preview__description{margin-bottom:2.25rem;margin-top:1.5rem}.blog-post-preview__footer{align-items:center;align-self:end;display:flex;flex-wrap:wrap;gap:1rem}.blog-post-preview__footer .button{margin-left:auto}.blog-post-preview__sponsored{color:var(--color-text-secondary)}.blog-post-preview__sponsored:before{background-color:var(--color-text-secondary);content:"";display:inline-block;height:1.25rem;margin-inline:.25rem;-webkit-mask-image:url(/static/client/info.d40b80f84482feba.svg);mask-image:url(/static/client/info.d40b80f84482feba.svg);-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1.25rem}.blog-post-author{align-content:flex-start;align-items:center;display:flex;flex-wrap:wrap;font-weight:var(--font-weight-bold);margin-left:calc((var(--avatar-size) + var(--author-gap))*-1)}.blog-post-author:after{display:inline-flex;gap:3px}.blog-post-author:active,.blog-post-author:hover{-webkit-text-decoration:none;text-decoration:none}.blog-post-author__avatar{border:none;border-radius:var(--avatar-size);height:var(--avatar-size);margin:0;margin-right:var(--author-gap);object-fit:cover;width:var(--avatar-size)}
+/*# sourceMappingURL=styles-blog-index.acbe792e1ec96930.css.map*/

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles-blog-index.acbe792e1ec96930.css","sources":["webpack://@mdn/fred/./components/blog-index/server.css"],"sourcesContent":[".blog-index {\n  --accent-color: var(--color-text-purple);\n  --avatar-size: 3rem;\n  --author-gap: 1rem;\n  max-width: min(80vw + 4rem, 1440px);\n  padding-inline: var(--layout-side-padding);\n  margin: 0 auto;\n}\n\n.blog-index__header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  h1 {\n    position: relative;\n\n    display: inline-flex;\n\n    gap: 0.5rem;\n\n    font-size: var(--font-size-largest);\n    font-weight: 500;\n\n    line-height: 1.2;\n\n    &::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(--accent-color);\n\n      mask: url(\"./assets/m-logo.svg\") no-repeat 50% 50%;\n      mask-size: cover;\n    }\n\n    &::after {\n      margin-left: -0.3rem;\n\n      text-decoration: underline;\n      text-decoration-thickness: 0.1em;\n      text-decoration-color: var(--accent-color);\n      text-underline-offset: 0.1em;\n\n      content: \"\\2002\";\n    }\n  }\n}\n\n.blog-index__articles {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  column-gap: 2rem;\n\n  @media (--screen-medium-and-narrower) {\n    grid-template-columns: auto;\n  }\n}\n\n.blog-post-preview {\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\n.blog-post-preview__header {\n  display: grid;\n\n  flex-direction: column;\n\n  grid-template-rows: subgrid;\n  grid-row: span 3;\n\n  h2 {\n    align-self: center;\n\n    margin-top: 1.5rem;\n    margin-bottom: 2.25rem;\n\n    font-size: var(--font-size-large);\n    font-weight: var(--font-weight-normal);\n\n    line-height: 1.2;\n\n    a {\n      text-decoration: none;\n    }\n\n    a:hover,\n    a:active {\n      text-decoration: underline;\n    }\n  }\n}\n\n.blog-post-preview__figure {\n  width: fit-content;\n  margin: 0 auto;\n\n  img {\n    box-sizing: initial;\n    display: flex;\n\n    width: auto;\n    height: 200px;\n\n    margin: 0 0 0.125rem;\n    margin-bottom: 0;\n\n    background: transparent;\n    border: none !important;\n    border-radius: 0.25rem;\n\n    @media (width <= 530px) {\n      width: 100%;\n      height: auto;\n    }\n  }\n}\n\n.blog-post-preview__author-read-time {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  column-gap: 1.5rem;\n  align-content: flex-start;\n  align-items: center;\n\n  padding-left: calc(var(--avatar-size) + var(--author-gap));\n}\n\n.blog-post-preview__description {\n  margin-top: 1.5rem;\n  margin-bottom: 2.25rem;\n}\n\n.blog-post-preview__footer {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 1rem;\n  align-items: center;\n  align-self: end;\n\n  .button {\n    margin-left: auto;\n  }\n}\n\n.blog-post-preview__sponsored {\n  color: var(--color-text-secondary);\n\n  &::before {\n    display: inline-block;\n\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/info.svg\");\n    mask-size: cover;\n  }\n}\n\n.blog-post-author {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  align-content: flex-start;\n  align-items: center;\n\n  margin-left: calc((var(--avatar-size) + var(--author-gap)) * -1);\n\n  font-weight: var(--font-weight-bold);\n\n  &::after {\n    display: inline-flex;\n    gap: 3px;\n  }\n\n  &:hover,\n  &:active {\n    text-decoration: none;\n  }\n}\n\n.blog-post-author__avatar {\n  width: var(--avatar-size);\n  height: var(--avatar-size);\n\n  margin: 0;\n  margin-right: var(--author-gap);\n\n  object-fit: cover;\n\n  border: none;\n  border-radius: var(--avatar-size);\n}\n"],"names":[],"mappings":"AAAA,YACE,uCAAwC,CACxC,kBAAmB,CACnB,iBAAkB,CAGlB,aAAc,CAFd,iCAAmC,CACnC,yCAEF,CAEA,oBAGE,kBAAmB,CAFnB,YAAa,CACb,qBA4CF,CAzCE,uBAGE,mBAAoB,CAIpB,kCAAmC,CACnC,eAAgB,CAHhB,SAAW,CAKX,eAAgB,CAThB,iBAuCF,CA5BE,mCAYE,oCAAqC,CAFrC,UAAW,CATX,oBAAqB,CAGrB,YAAa,CAEb,cAAe,CAQf,8EAAkD,CAAlD,sEAAkD,CAClD,uBAAgB,CAAhB,eAAgB,CAPhB,qBAAsB,CALtB,WAaF,CAEA,kCAQE,eAAgB,CAPhB,kBAAoB,CAEpB,iCAA0B,CAA1B,yBAA0B,CAE1B,yCAA0C,CAD1C,8BAAgC,CAEhC,0BAGF,CAIJ,sBAGE,eAAgB,CAFhB,YAAa,CACb,6BAMF,CAHE,wBALF,sBAMI,0BAEJ,CADE,CAGF,mBASE,4CAA6C,CAC7C,kBAAmB,CATnB,YAAa,CAGb,eAAgB,CADhB,0BAA2B,CAI3B,eAAgB,CADhB,YAKF,CAEA,2BACE,YAAa,CAEb,qBAAsB,CAGtB,eAAgB,CADhB,0BAuBF,CApBE,8BACE,iBAAkB,CAKlB,gCAAiC,CACjC,qCAAsC,CAEtC,eAAgB,CALhB,qBAAsB,CADtB,iBAgBF,CARE,qCACE,4BAAqB,CAArB,oBACF,CAEA,uFAEE,iCAA0B,CAA1B,yBACF,CAIJ,2BAEE,aAAc,CADd,iBAsBF,CAnBE,+BAUE,gBAAuB,CACvB,qBAAuB,CACvB,oBAAsB,CAXtB,kBAAmB,CACnB,YAAa,CAGb,YAAa,CAGb,QAAgB,CAJhB,UAcF,CAJE,wBAdF,+BAgBI,WAAY,CADZ,UAGJ,CADE,CAIJ,qCAME,wBAAyB,CACzB,kBAAmB,CAFnB,iBAAkB,CAJlB,YAAa,CAEb,cAAe,CAMf,yDACF,CAEA,gCAEE,qBAAsB,CADtB,iBAEF,CAEA,2BAME,kBAAmB,CACnB,cAAe,CANf,YAAa,CAEb,cAAe,CAEf,QAOF,CAHE,mCACE,gBACF,CAGF,8BACE,iCAmBF,CAjBE,qCAYE,4CAA6C,CAF7C,UAAW,CATX,oBAAqB,CAGrB,cAAe,CAEf,oBAAsB,CAQtB,gEAAmC,CAAnC,wDAAmC,CACnC,uBAAgB,CAAhB,eAAgB,CAPhB,qBAAsB,CALtB,aAaF,CAGF,kBAKE,wBAAyB,CACzB,kBAAmB,CALnB,YAAa,CAEb,cAAe,CAOf,mCAAoC,CAFpC,6DAaF,CATE,wBACE,mBAAoB,CACpB,OACF,CAEA,iDAEE,4BAAqB,CAArB,oBACF,CAGF,0BASE,WAAY,CACZ,gCAAiC,CARjC,yBAA0B,CAE1B,QAAS,CACT,8BAA+B,CAE/B,gBAAiB,CANjB,wBAUF"}

package/dist/client/styles-blog-post.0cc5813f0a44aff0.js

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

package/dist/client/styles-blog-post.5085aa38dc1ab3a3.css

@@ -0,0 +1,2 @@
+.blog-post{--accent-color:var(--color-text-blue);--accent-background:var(--color-background-blue);--avatar-size:3rem;--author-gap:1rem;--toc-header-font-size:var(--font-size-large);display:grid;grid-auto-flow:dense;grid-template-columns:var(--layout-1-sidebar-left);padding-inline:var(--layout-side-padding);padding-bottom:2rem;padding-top:2rem;row-gap:3rem}@media (width < calc(1rem * 2 + 14rem + 2rem + 31rem)){.blog-post{grid-template-columns:var(--layout-no-sidebar)}}.blog-post__content{grid-column:content}.blog-post__toc{grid-column:sidebar;max-height:calc(100vh - var(--sticky-header-height));overflow-y:auto;position:sticky;top:var(--sticky-header-height)}@media (width < calc(1rem * 2 + 14rem + 2rem + 31rem)){.blog-post__toc{display:none}}.blog-post-header__image{margin:0 auto 2rem;width:fit-content}.blog-post-header__image img{border-radius:.25rem}.blog-post-header__heading{font-size:var(--font-size-largest);font-weight:var(--font-weight-bold);line-height:1.2;margin-top:1rem}.blog-post-header__author-read-time{gap:1.5rem}.blog-post-author,.blog-post-header__author-read-time{align-content:flex-start;align-items:center;display:flex;flex-wrap:wrap}.blog-post-author{font-weight:var(--font-weight-bold)}.blog-post-author:after{display:inline-flex;gap:3px}.blog-post-author:active,.blog-post-author:hover{-webkit-text-decoration:none;text-decoration:none}.blog-post-author__avatar{border:none;border-radius:var(--avatar-size);height:var(--avatar-size);margin:0;margin-right:var(--author-gap);object-fit:cover;width:var(--avatar-size)}.blog-toc h2{font-size:var(--toc-header-font-size,var(--font-size-large));font-weight:400;margin:0;padding:.75em 0}.blog-toc ul{display:grid;list-style:none;margin:0;padding:0}:is(.blog-toc ul) ul{padding-left:1em}.blog-toc a{box-shadow:-2px 0 0 var(--color-border-primary);color:inherit;display:inline-block;margin-left:2px;padding:.25em .5em}:is(.blog-toc a):not(:hover){-webkit-text-decoration:none;text-decoration:none}:is(.blog-toc a):hover:not([aria-current=true]){color:var(--color-link-normal)}[aria-current=true]:is(.blog-toc a){background-color:var(--accent-background);box-shadow:-2px 0 0 var(--accent-color)}.blog-post-previous-next{display:flex;gap:1rem;margin-top:3rem}@media (width <= 769px){.blog-post-previous-next{flex-direction:column-reverse}}.blog-post-previous-next a{color:var(--color-text-primary);display:flex;gap:1rem;-webkit-text-decoration:none;text-decoration:none;width:100%}:is(.blog-post-previous-next a):hover h2{-webkit-text-decoration:underline;text-decoration:underline}:is(.blog-post-previous-next a):active{background:none}@media (769px < width){:is(.blog-post-previous-next__previous:is(.blog-post-previous-next a),.blog-post-previous-next__next:is(.blog-post-previous-next a)):after,:is(.blog-post-previous-next__previous:is(.blog-post-previous-next a),.blog-post-previous-next__next:is(.blog-post-previous-next a)):before{align-self:center;background-color:var(--color-text-primary);flex-shrink:0;height:1rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1rem}.blog-post-previous-next__previous:is(.blog-post-previous-next a):before{content:"";-webkit-mask-image:url(/static/client/chevron-left.e19352a3b5ee673b.svg);mask-image:url(/static/client/chevron-left.e19352a3b5ee673b.svg)}.blog-post-previous-next__next:is(.blog-post-previous-next a):after{content:"";-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg)}}.blog-post-previous-next article{margin:0 auto}.blog-post-previous-next h2:first-of-type{font-size:var(--font-size-normal);margin:0;text-align:center}:is(.blog-post-previous-next h2:first-of-type) strong{color:var(--color-text-primary);display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:1.2rem}
+/*# sourceMappingURL=styles-blog-post.5085aa38dc1ab3a3.css.map*/

package/dist/client/styles-blog-post.5085aa38dc1ab3a3.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-blog-post.5085aa38dc1ab3a3.css","sources":["webpack://@mdn/fred/./components/blog-post/server.css"],"sourcesContent":[".blog-post {\n  --accent-color: var(--color-text-blue);\n  --accent-background: var(--color-background-blue);\n  --avatar-size: 3rem;\n  --author-gap: 1rem;\n  --toc-header-font-size: var(--font-size-large);\n\n  display: grid;\n\n  grid-template-columns: var(--layout-1-sidebar-left);\n  grid-auto-flow: dense;\n\n  row-gap: 3rem;\n\n  padding-inline: var(--layout-side-padding);\n  padding-top: 2rem;\n  padding-bottom: 2rem;\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__toc {\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\n.blog-post-header__image {\n  width: fit-content;\n  margin: 0 auto 2rem;\n\n  img {\n    border-radius: 0.25rem;\n  }\n}\n\n.blog-post-header__heading {\n  margin-top: 1rem;\n\n  font-size: var(--font-size-largest);\n  font-weight: var(--font-weight-bold);\n\n  line-height: 1.2;\n}\n\n.blog-post-header__author-read-time {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 1.5rem;\n  align-content: flex-start;\n  align-items: center;\n}\n\n.blog-post-author {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  align-content: flex-start;\n  align-items: center;\n\n  font-weight: var(--font-weight-bold);\n\n  &::after {\n    display: inline-flex;\n    gap: 3px;\n  }\n\n  &:hover,\n  &:active {\n    text-decoration: none;\n  }\n}\n\n.blog-post-author__avatar {\n  width: var(--avatar-size);\n  height: var(--avatar-size);\n\n  margin: 0;\n  margin-right: var(--author-gap);\n\n  object-fit: cover;\n\n  border: none;\n  border-radius: var(--avatar-size);\n}\n\n/* TOC */\n\n.blog-toc {\n  h2 {\n    padding: 0.75em 0;\n    margin: 0;\n\n    font-size: var(--toc-header-font-size, var(--font-size-large));\n    font-weight: normal;\n  }\n\n  ul {\n    display: grid;\n\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n\n    ul {\n      padding-left: 1em;\n    }\n  }\n\n  a {\n    display: inline-block;\n\n    padding: 0.25em 0.5em;\n    margin-left: 2px;\n\n    color: inherit;\n\n    box-shadow: -2px 0 0 var(--color-border-primary);\n\n    &:not(:hover) {\n      text-decoration: none;\n    }\n\n    &:hover:not([aria-current=\"true\"]) {\n      color: var(--color-link-normal);\n    }\n\n    &[aria-current=\"true\"] {\n      background-color: var(--accent-background);\n      box-shadow: -2px 0 0 var(--accent-color);\n    }\n  }\n}\n\n/* previous/next */\n\n.blog-post-previous-next {\n  display: flex;\n  gap: 1rem;\n  margin-top: 3rem;\n\n  @media (--screen-small-and-narrower) {\n    flex-direction: column-reverse;\n  }\n\n  a {\n    display: flex;\n\n    gap: 1rem;\n\n    width: 100%;\n\n    color: var(--color-text-primary);\n\n    text-decoration: none;\n\n    &:hover h2 {\n      text-decoration: underline;\n    }\n\n    &:active {\n      background: none;\n    }\n\n    @media (--screen-medium-and-wider) {\n      &.blog-post-previous-next__previous,\n      &.blog-post-previous-next__next {\n        &::before,\n        &::after {\n          flex-shrink: 0;\n\n          align-self: center;\n\n          width: 1rem;\n          height: 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        }\n      }\n\n      &.blog-post-previous-next__previous::before {\n        content: \"\";\n        mask-image: url(\"../icon/chevron-left.svg\");\n      }\n\n      &.blog-post-previous-next__next::after {\n        content: \"\";\n        mask-image: url(\"../icon/chevron-right.svg\");\n      }\n    }\n  }\n\n  article {\n    margin: 0 auto;\n  }\n\n  h2:first-of-type {\n    margin: 0;\n\n    /* color: var(--text-link); */\n    font-size: var(--font-size-normal);\n    text-align: center;\n\n    strong {\n      display: block;\n\n      font-size: var(--font-size-small);\n      font-weight: var(--font-weight-normal);\n\n      line-height: 1.2rem;\n\n      color: var(--color-text-primary);\n    }\n  }\n}\n"],"names":[],"mappings":"AAAA,WACE,qCAAsC,CACtC,gDAAiD,CACjD,kBAAmB,CACnB,iBAAkB,CAClB,6CAA8C,CAE9C,YAAa,CAGb,oBAAqB,CADrB,kDAAmD,CAKnD,yCAA0C,CAE1C,mBAAoB,CADpB,gBAAiB,CAHjB,YASF,CAHE,uDAlBF,WAmBI,8CAEJ,CADE,CAGF,oBACE,mBACF,CAEA,gBAIE,mBAAoB,CAEpB,oDAAqD,CAErD,eAAgB,CAPhB,eAAgB,CAChB,+BAWF,CAHE,uDAVF,gBAWI,YAEJ,CADE,CAGF,yBAEE,kBAAmB,CADnB,iBAMF,CAHE,6BACE,oBACF,CAGF,2BAGE,kCAAmC,CACnC,mCAAoC,CAEpC,eAAgB,CALhB,eAMF,CAEA,oCAKE,UAGF,CAEA,sDAJE,wBAAyB,CACzB,kBAAmB,CANnB,YAAa,CAEb,cA0BF,CAnBA,kBAQE,mCAWF,CATE,wBACE,mBAAoB,CACpB,OACF,CAEA,iDAEE,4BAAqB,CAArB,oBACF,CAGF,0BASE,WAAY,CACZ,gCAAiC,CARjC,yBAA0B,CAE1B,QAAS,CACT,8BAA+B,CAE/B,gBAAiB,CANjB,wBAUF,CAKE,aAIE,4DAA8D,CAC9D,eAAmB,CAHnB,QAAS,CADT,eAKF,CAEA,aACE,YAAa,CAKb,eAAgB,CAFhB,QAAS,CADT,SAQF,CAHE,qBACE,gBACF,CAGF,YAQE,+CAAgD,CAFhD,aAAc,CALd,oBAAqB,CAGrB,eAAgB,CADhB,kBAmBF,CAZE,6BACE,4BAAqB,CAArB,oBACF,CAEA,gDACE,8BACF,CAEA,oCACE,yCAA0C,CAC1C,uCACF,CAMJ,yBACE,YAAa,CACb,QAAS,CACT,eAgFF,CA9EE,wBALF,yBAMI,6BA6EJ,CA5EE,CAEA,2BAOE,+BAAgC,CANhC,YAAa,CAEb,QAAS,CAMT,4BAAqB,CAArB,oBAAqB,CAJrB,UA6CF,CAvCE,yCACE,iCAA0B,CAA1B,yBACF,CAEA,uCACE,eACF,CAEA,uBAGI,uRAIE,iBAAkB,CAOlB,0CAA2C,CAT3C,aAAc,CAKd,WAAY,CAOZ,4BAAqB,CAArB,oBAAqB,CADrB,6BAAsB,CAAtB,qBAAsB,CAJtB,qBAAsB,CAHtB,UASF,CAGF,yEACE,UAAW,CACX,wEAA2C,CAA3C,gEACF,CAEA,oEACE,UAAW,CACX,yEAA4C,CAA5C,iEACF,CACF,CAGF,iCACE,aACF,CAEA,0CAIE,iCAAkC,CAHlC,QAAS,CAIT,iBAYF,CAVE,sDAQE,+BAAgC,CAPhC,aAAc,CAEd,gCAAiC,CACjC,qCAAsC,CAEtC,kBAGF"}

package/dist/client/styles-breadcrumbs-bar.740212452ad4a93e.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["6703"];export const __webpack_modules__={96397:function(){}};import b from"./styles.7fb7069c86aa338c.js";import*as s from"./styles-breadcrumbs-bar.740212452ad4a93e.js";b.C(s),b(b.s=96397);

package/dist/client/{styles-breadcrumbs-bar.b7a94abe36578bab.css → styles-breadcrumbs-bar.e2fa6dfb04a38166.css}

@@ -1,2 +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:has(mdn-toggle-sidebar){padding-left:0}.breadcrumbs-bar mdn-toggle-sidebar{display:block}}@media (max-width:769px){.breadcrumbs-bar{column-gap:.5rem;padding-left:.5rem;padding-right:0}}@media screen and (max-width:480px){.breadcrumbs-bar{column-gap:.25rem}}
-/*# sourceMappingURL=styles-breadcrumbs-bar.b7a94abe36578bab.css.map*/
+: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 (width < calc(1rem * 2 + (14rem + 2rem) * 2 + 31rem)){.breadcrumbs-bar:has(mdn-toggle-sidebar){padding-left:0}.breadcrumbs-bar mdn-toggle-sidebar{display:block}}@media (width <= 769px){.breadcrumbs-bar{column-gap:.5rem;padding-left:.5rem;padding-right:0}}@media screen and (width <= 480px){.breadcrumbs-bar{column-gap:.25rem}}
+/*# sourceMappingURL=styles-breadcrumbs-bar.e2fa6dfb04a38166.css.map*/

package/dist/client/{styles-breadcrumbs-bar.b7a94abe36578bab.css.map → styles-breadcrumbs-bar.e2fa6dfb04a38166.css.map}

@@ -1 +1 @@
-{"version":3,"file":"styles-breadcrumbs-bar.b7a94abe36578bab.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    &:has(mdn-toggle-sidebar) {\n      padding-left: 0;\n    }\n\n    mdn-toggle-sidebar {\n      display: block;\n    }\n  }\n\n  @media (--screen-small-and-narrower) {\n    column-gap: 0.5rem;\n    padding-right: 0;\n    padding-left: 0.5rem;\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,gBAkCF,CA5BE,mCACE,+BAAgC,CAChC,gCAAkB,CAAlB,iBACF,CAEA,oCACE,YACF,CAEA,6BACE,yCACE,cACF,CAEA,oCACE,aACF,CACF,CAEA,yBArCF,iBAsCI,gBAAkB,CAElB,kBAAoB,CADpB,eAOJ,CALE,CAEA,oCA3CF,iBA4CI,iBAEJ,CADE"}
+{"version":3,"file":"styles-breadcrumbs-bar.e2fa6dfb04a38166.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    &:has(mdn-toggle-sidebar) {\n      padding-left: 0;\n    }\n\n    mdn-toggle-sidebar {\n      display: block;\n    }\n  }\n\n  @media (--screen-small-and-narrower) {\n    column-gap: 0.5rem;\n    padding-right: 0;\n    padding-left: 0.5rem;\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,gBAkCF,CA5BE,mCACE,+BAAgC,CAChC,gCAAkB,CAAlB,iBACF,CAEA,oCACE,YACF,CAEA,6DACE,yCACE,cACF,CAEA,oCACE,aACF,CACF,CAEA,wBArCF,iBAsCI,gBAAkB,CAElB,kBAAoB,CADpB,eAOJ,CALE,CAEA,mCA3CF,iBA4CI,iBAEJ,CADE"}

package/dist/client/{styles-breadcrumbs.d07ccd5520eeea01.css → styles-breadcrumbs.0afde562052673c5.css}

@@ -1,2 +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*/
+.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 (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.0afde562052673c5.css.map*/

package/dist/client/{styles-breadcrumbs.d07ccd5520eeea01.css.map → styles-breadcrumbs.0afde562052673c5.css.map}

@@ -1 +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"}
+{"version":3,"file":"styles-breadcrumbs.0afde562052673c5.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,wBACE,qBAEE,2CACE,YACF,CACF,CAEA,oBArDJ,aAsDM,sBAAuB,CACvB,eAAgB,CAChB,2BAGN,CAFI,CACF"}

package/dist/client/styles-breadcrumbs.3b39fd6a3c2edb2e.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["5079"];export const __webpack_modules__={18463:function(){}};import s from"./styles.7fb7069c86aa338c.js";import*as b from"./styles-breadcrumbs.3b39fd6a3c2edb2e.js";s.C(b),s(s.s=18463);

package/dist/client/styles-button.a58118f8ded7e527.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["8297"];export const __webpack_modules__={67122:function(){}};import b from"./styles.7fb7069c86aa338c.js";import*as s from"./styles-button.a58118f8ded7e527.js";b.C(s),b(b.s=67122);

package/dist/client/styles-content-section.06ab08df9b9e047e.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["3158"];export const __webpack_modules__={65923:function(){}};import e from"./styles.7fb7069c86aa338c.js";import*as s from"./styles-content-section.06ab08df9b9e047e.js";e.C(s),e(e.s=65923);

package/dist/client/styles-content-section.ffa19ece6d4fa70f.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);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);display:flex;margin:0;white-space:pre-wrap}:is(.code-example pre) code{background-color:initial;flex-grow:1;flex-shrink:1;font-family:var(--font-family-code);overflow:auto;padding:1rem}.hidden:is(.code-example pre),[class*=interactive-example]:is(.code-example pre){display:none}:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre)):after{content:"";display:inline-block;flex-shrink:0;height:1.24rem;margin:1.255rem 1rem;-webkit-mask-size:cover;mask-size:cover;width:1.24rem}.example-good:is(.code-example pre){background-color:var(--color-background-green)}.example-good:is(.code-example pre):after{background-color:var(--color-text-green);-webkit-mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg);mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg)}.example-bad:is(.code-example pre){background-color:var(--color-background-red)}.example-bad:is(.code-example pre):after{background-color:var(--color-text-red);-webkit-mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg);mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg)}.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-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);display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;list-style:none;margin:0;padding:.5rem;width:100%}.prev-next a{color:var(--color-link-normal)!important;text-wrap:balance}:is(.prev-next a):visited{color:var(--color-link-visited)!important}@media (width <= 426px){.prev-next{display:grid;grid-template-areas:"title title" "prev next"}.prev-next li.menu{grid-area:title;justify-self:center}.prev-next li.prev{grid-area:prev;justify-self:start}.prev-next li.next{grid-area:next;justify-self:end}}.prev-next .next a,.prev-next .prev a{align-items:center;display:flex;gap:.25rem}.prev-next li{background:none;display:flex;flex-wrap:nowrap;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){margin-right:auto}.prev:is(.prev-next li) a:before{-webkit-mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg);mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg)}.prev:is(.prev-next li)~.menu:is(.prev-next li){margin-left:auto;margin-right:auto;text-align:center}.next:is(.prev-next li){margin-left:auto}.next:is(.prev-next li) a:after{-webkit-mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg);mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg)}.callout,.notecard{background-color:var(--color-background-secondary);border-inline-start:2px solid var(--accent-color,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);--accent-color:var(--color-text-blue)}.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.warning:is(.notecard,.callout){background-color:var(--color-background-red);--accent-color:var(--color-text-red)}.tip:is(.notecard,.callout){background-color:var(--color-background-green);--accent-color:var(--color-text-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(--accent-color,var(--color-text-secondary));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)}:is(.code-example,.css-formal-syntax) .token.cdata,:is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.prolog{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle--0,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.punctuation{--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle--1,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.selector{--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #ff97a0;color:var(--csstools-light-dark-toggle--2,#d30038);color:light-dark(#d30038,#ff97a0)}:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value{--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle--3,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.keyword{--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #c1cff1;color:var(--csstools-light-dark-toggle--4,#0069c2);color:light-dark(#0069c2,#c1cff1)}:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.deleted,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.tag{--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle--5,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.template-string>.token.string{--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #bea5ff;color:var(--csstools-light-dark-toggle--6,#872bff);color:light-dark(#872bff,#bea5ff)}:is(.code-example,.css-formal-syntax) .token.bold,:is(.code-example,.css-formal-syntax) .token.important{font-weight:700}:is(.code-example,.css-formal-syntax) .token.italic{font-style:italic}:is(.code-example,.css-formal-syntax) .token.entity{cursor:help}.content-section{line-height:var(--font-line-content)}.content-section :target{scroll-margin-top:var(--sticky-header-height)}.content-section h1,.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:var(--font-weight-normal);margin:1rem 0 0}.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);letter-spacing:.05em;text-transform:uppercase}.content-section h5,.content-section h6{font-size:var(--font-size-normal);font-weight:var(--font-weight-bold)}: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 blockquote{border-inline-start:.25rem solid var(--color-border-primary);color:var(--color-text-secondary);margin-inline:0}:is(.content-section blockquote)>p{padding:1rem 2rem}.content-section code,.content-section pre{background-color:var(--color-background-secondary);font-family:var(--font-family-code);white-space:pre-wrap}.content-section pre:not(.code-example pre){border:1px solid var(--color-border-primary);border-radius:.25rem;overflow:auto;padding:1rem}.css-formal-syntax:is(.content-section pre:not(.code-example pre)){border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;text-wrap:wrap}.css-formal-syntax:is(.content-section pre:not(.code-example pre))~footer{border:1px solid var(--color-border-primary);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-top:0;margin-bottom:1rem;padding:.5rem 1rem}.content-section code{border-radius:.25em;padding:.125em .25em}.content-section img{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:.25rem;display:block;margin:2rem auto}.content-section table{border-collapse:collapse;width:100%}:is(.content-section table) tr{background-color:var(--color-background-primary)}:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n){background-color:var(--color-background-page)}: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{font-weight:var(--font-weight-normal);text-align:left}.properties:is(.content-section table) td,.properties:is(.content-section table) th{border-width:1px 0}.properties:is(.content-section table) th{background-color:initial;font-weight:var(--font-weight-bold)}.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 (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}}:is(.content-section dl) dl{border-left:1px solid var(--color-border-primary);padding-left:1rem}:is(.content-section dl) dd{margin-left:1rem}:is(.content-section dl) ul{margin:1rem 0 2rem}:is(.content-section dl) a[href^="#"]{color:inherit}:is(:is(.content-section dl) a[href^="#"]):hover:before{color:var(--color-text-secondary);content:"#";font-size:var(--font-size-small);margin-left:-.9em;margin-top:.3em;position:absolute}:is(.content-section ul.specifications-list) li:has(details){list-style:none;margin-left:-1.25rem}:is(.content-section ul.specifications-list) details{width:100%}[open]:is(:is(.content-section ul.specifications-list) details)>summary{margin-bottom:.5rem}:is([open]:is(:is(.content-section ul.specifications-list) details)>summary):before{transform:rotate(90deg)}:is(:is(.content-section ul.specifications-list) details) summary{align-items:center;cursor:pointer;display:flex}:is(:is(:is(.content-section ul.specifications-list) details) summary):before{background-color:currentcolor;content:"";display:inline-block;flex-shrink:0;height:1rem;margin:.125rem;-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);-webkit-mask-size:cover;mask-size:cover;width:1rem}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover{background-color:var(--color-background-secondary)}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover){background-color:unset}.content-section.article-footer{margin:2rem 0}
+/*# sourceMappingURL=styles-content-section.ffa19ece6d4fa70f.css.map*/

package/dist/client/styles-content-section.ffa19ece6d4fa70f.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-content-section.ffa19ece6d4fa70f.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/code-example/prism.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    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    display: flex;\n\n    margin: 0;\n\n    white-space: pre-wrap;\n\n    background-color: var(--color-background-secondary);\n\n    code {\n      flex-grow: 1;\n      flex-shrink: 1;\n\n      padding: 1rem;\n\n      overflow: auto;\n\n      font-family: var(--font-family-code);\n\n      background-color: transparent;\n    }\n\n    &.hidden,\n    &[class*=\"interactive-example\"] {\n      display: none;\n    }\n\n    &.example-good,\n    &.example-bad {\n      &::after {\n        display: inline-block;\n\n        flex-shrink: 0;\n\n        width: 1.24rem;\n        height: 1.24rem;\n\n        margin: 1.255rem 1rem;\n\n        content: \"\";\n\n        mask-size: cover;\n      }\n    }\n\n    &.example-good {\n      background-color: var(--color-background-green);\n\n      &::after {\n        background-color: var(--color-text-green);\n        mask-image: url(\"../icon/circle-check.svg\");\n      }\n    }\n\n    &.example-bad {\n      background-color: var(--color-background-red);\n\n      &::after {\n        background-color: var(--color-text-red);\n        mask-image: url(\"../icon/circle-x.svg\");\n      }\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: flex;\n\n  flex-wrap: nowrap;\n\n  gap: 1rem;\n  justify-content: space-between;\n\n  width: 100%;\n\n  padding: 0.5rem;\n  margin: 0;\n\n  list-style: none;\n\n  border: 1px solid var(--color-border-primary);\n  border-width: 1px 0;\n\n  a {\n    color: var(--color-link-normal) !important;\n    text-wrap: balance;\n\n    &:visited {\n      color: var(--color-link-visited) !important;\n    }\n  }\n\n  @media (--screen-xsmall) {\n    display: grid;\n    grid-template-areas:\n      \"title title\"\n      \"prev next\";\n\n    li.menu {\n      grid-area: title;\n      justify-self: center;\n    }\n\n    li.prev {\n      grid-area: prev;\n      justify-self: start;\n    }\n\n    li.next {\n      grid-area: next;\n      justify-self: end;\n    }\n  }\n\n  .prev a,\n  .next a {\n    display: flex;\n    gap: 0.25rem;\n    align-items: center;\n  }\n\n  li {\n    display: flex;\n\n    flex-wrap: nowrap;\n\n    place-items: center;\n\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      margin-right: auto;\n\n      a::before {\n        mask-image: url(\"../icon/arrow-left.svg\");\n      }\n    }\n\n    &.prev ~ &.menu {\n      margin-right: auto;\n      margin-left: auto;\n      text-align: center;\n    }\n\n    &.next {\n      margin-left: auto;\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\n    var(--accent-color, var(--color-text-secondary));\n  border-radius: 0.25em;\n\n  &.note,\n  &.secure,\n  &.experimental {\n    background-color: var(--color-background-blue);\n    --accent-color: var(--color-text-blue);\n  }\n\n  &.warning,\n  &.deprecated,\n  &.nonstandard {\n    background-color: var(--color-background-red);\n    --accent-color: var(--color-text-red);\n  }\n\n  &.tip {\n    background-color: var(--color-background-green);\n    --accent-color: var(--color-text-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(--accent-color, var(--color-text-secondary));\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",".code-example,\n.css-formal-syntax {\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: light-dark(#51565d, #b3b3b3);\n  }\n\n  .token.punctuation {\n    color: light-dark(#51565d, #b3b3b3);\n  }\n\n  .token.attr-name,\n  .token.builtin,\n  .token.inserted,\n  .token.selector,\n  .token.property,\n  .token.class-name,\n  .token.function {\n    color: light-dark(#d30038, #ff97a0);\n  }\n\n  .token.atrule,\n  .token.attr-value {\n    color: light-dark(#007936, #00d061);\n  }\n\n  .token.keyword {\n    color: light-dark(#0069c2, #c1cff1);\n  }\n\n  .token.tag,\n  .token.char,\n  .token.string,\n  .token.boolean,\n  .token.number,\n  .token.constant,\n  .token.symbol,\n  .token.deleted {\n    color: light-dark(#007936, #00d061);\n  }\n\n  .token.selector,\n  .token.builtin,\n  .token.template-string > .token.string,\n  .token.inserted {\n    color: light-dark(#872bff, #bea5ff);\n  }\n\n  .token.important,\n  .token.bold {\n    font-weight: bold;\n  }\n\n  .token.italic {\n    font-style: italic;\n  }\n\n  .token.entity {\n    cursor: help;\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(\"../code-example/prism.css\");\n\n.content-section {\n  line-height: var(--font-line-content);\n\n  :target {\n    scroll-margin-top: var(--sticky-header-height);\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 1rem 0 0;\n    font-weight: var(--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    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  h5,\n  h6 {\n    font-size: var(--font-size-normal);\n    font-weight: var(--font-weight-bold);\n  }\n\n  a {\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  blockquote {\n    margin-inline: 0;\n    color: var(--color-text-secondary);\n    border-inline-start: 0.25rem solid var(--color-border-primary);\n\n    > p {\n      padding: 1rem 2rem;\n    }\n  }\n\n  pre,\n  code {\n    font-family: var(--font-family-code);\n    white-space: pre-wrap;\n    background-color: var(--color-background-secondary);\n  }\n\n  pre:not(.code-example pre) {\n    padding: 1rem;\n\n    overflow: auto;\n\n    border: 1px solid var(--color-border-primary);\n    border-radius: 0.25rem;\n\n    &.css-formal-syntax {\n      margin-bottom: 0;\n\n      text-wrap: wrap;\n\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n\n      ~ footer {\n        padding: 0.5rem 1rem;\n        margin-bottom: 1rem;\n\n        border: 1px solid var(--color-border-primary);\n        border-top: 0;\n        border-bottom-right-radius: 0.25rem;\n        border-bottom-left-radius: 0.25rem;\n      }\n    }\n  }\n\n  code {\n    padding: 0.125em 0.25em;\n    border-radius: 0.25em;\n  }\n\n  img {\n    display: block;\n\n    margin: 2rem auto;\n\n    background-color: var(--color-background-secondary);\n    border: 1px solid var(--color-border-primary);\n    border-radius: 0.25rem;\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n\n    tr {\n      background-color: var(--color-background-primary);\n    }\n\n    thead tr,\n    tr:nth-of-type(2n) {\n      background-color: var(--color-background-page);\n    }\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: var(--font-weight-normal);\n      text-align: left;\n    }\n\n    &.properties {\n      th,\n      td {\n        border-width: 1px 0;\n      }\n\n      th {\n        font-weight: var(--font-weight-bold);\n        background-color: transparent;\n      }\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 {\n    dl {\n      padding-left: 1rem;\n      border-left: 1px solid var(--color-border-primary);\n    }\n\n    dd {\n      margin-left: 1rem;\n    }\n\n    ul {\n      margin: 1rem 0 2rem;\n    }\n\n    a[href^=\"#\"] {\n      color: inherit;\n\n      &:hover::before {\n        position: absolute;\n\n        margin-top: 0.3em;\n        margin-left: -0.9em;\n\n        font-size: var(--font-size-small);\n\n        color: var(--color-text-secondary);\n\n        content: \"#\";\n      }\n    }\n  }\n\n  ul.specifications-list {\n    li:has(details) {\n      margin-left: -1.25rem;\n      list-style: none;\n    }\n\n    details {\n      width: 100%;\n\n      &[open] {\n        > summary {\n          margin-bottom: 0.5rem;\n\n          &::before {\n            transform: rotate(90deg);\n          }\n        }\n      }\n\n      summary {\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n\n        &::before {\n          display: inline-block;\n\n          flex-shrink: 0;\n\n          width: 1rem;\n          height: 1rem;\n\n          margin: 0.125rem;\n\n          content: \"\";\n\n          background-color: currentcolor;\n\n          mask-image: url(\"../icon/chevron-right.svg\");\n          mask-size: cover;\n        }\n\n        &:hover {\n          background-color: var(--color-background-secondary);\n\n          &:has(a:hover) {\n            /* Don't highlight, as link click doesn't toggle. */\n            background-color: unset;\n          }\n        }\n      }\n    }\n  }\n\n  /* Article footer */\n  &.article-footer {\n    margin: 2rem 0;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/client/styles-contributor-spotlight.38657357f29e301d.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:var(--font-line-normal);list-style-type:disc;margin-bottom:1rem}.contributor-spotlight h1{font-size:var(--font-size-largest);font-weight:var(--font-weight-bold);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 (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:var(--font-weight-normal);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 (width <= 769px){.get-involved{padding-inline:var(--layout-side-padding)}}.get-involved h2{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);line-height:1.2;margin:0}
+/*# sourceMappingURL=styles-contributor-spotlight.38657357f29e301d.css.map*/

package/dist/client/styles-contributor-spotlight.38657357f29e301d.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-contributor-spotlight.38657357f29e301d.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: var(--font-line-normal);\n    list-style-type: disc;\n  }\n\n  h1 {\n    margin: 0 0 2rem;\n    font-size: var(--font-size-largest);\n    font-weight: var(--font-weight-bold);\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: var(--font-weight-normal);\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: var(--font-weight-bold);\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,mCAAoC,CACpC,oBAAqB,CAFrB,kBAGF,CAEA,0BAEE,kCAAmC,CACnC,mCAAoC,CAFpC,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,wBAhBF,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,qCAAsC,CAHtC,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,wBALF,cAMI,yCAWJ,CAVE,CAEA,iBAGE,gCAAiC,CACjC,mCAAoC,CAEpC,eAAgB,CALhB,QAMF"}

package/dist/client/styles-contributor-spotlight.5303aa09b91c2b0f.js

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

package/dist/client/styles-curriculum-about.75e3406bfe012d87.css

@@ -0,0 +1,2 @@
+.curriculum-content-container.curriculum-about .curriculum-layout__header{padding-bottom:0;padding-top:0}.curriculum-content-container.curriculum-about .curriculum-layout__body{padding-top:0}:is(.curriculum-content-container.curriculum-about .curriculum-content)>h1{margin-bottom:2rem}:is(:is(.curriculum-content-container.curriculum-about .curriculum-content)>h1)>span{color:var(--curriculum-color)}: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:var(--font-weight-bold);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.75e3406bfe012d87.css.map*/

package/dist/client/styles-curriculum-about.75e3406bfe012d87.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-curriculum-about.75e3406bfe012d87.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-layout__header {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  .curriculum-layout__body {\n    padding-top: 0;\n  }\n\n  .curriculum-content {\n    > h1 {\n      margin-bottom: 2rem;\n\n      > span {\n        color: var(--curriculum-color);\n      }\n    }\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-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: var(--font-weight-bold);\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,0EAEE,gBAAiB,CADjB,aAEF,CAEA,wEACE,aACF,CAGE,2EACE,kBAKF,CAHE,qFACE,6BACF,CAIA,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,YA+CF,CAxCE,uKACE,2CAA4C,CAC5C,iDAAkD,CAClD,0CAA2C,CAC3C,mDAAoD,CACpD,oDAAqD,CAErD,6BAA8B,CAC9B,uBAAwB,CAexB,iCAAkC,CAClC,2CAA4C,CAC5C,kCAAmC,CATnC,yBAA0B,CAP1B,oBAAqB,CAIrB,gCAAiC,CACjC,mCAAoC,CAKpC,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-about.c7d034c5eb1cedfc.js

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

package/dist/client/styles-curriculum-default.425c715d690a611c.js

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

package/dist/client/styles-curriculum-default.ceb6f07d1ba3a1fe.css

@@ -0,0 +1,2 @@
+.curriculum-content-container.curriculum-default .curriculum-layout__header{padding-bottom:0;padding-top:0}.curriculum-content-container.curriculum-default .curriculum-layout__body{padding-top:0}
+/*# sourceMappingURL=styles-curriculum-default.ceb6f07d1ba3a1fe.css.map*/

package/dist/client/styles-curriculum-default.ceb6f07d1ba3a1fe.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-curriculum-default.ceb6f07d1ba3a1fe.css","sources":["webpack://@mdn/fred/./components/curriculum-default/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-default {\n  .curriculum-layout__header {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  .curriculum-layout__body {\n    padding-top: 0;\n  }\n}\n"],"names":[],"mappings":"AAKE,4EAEE,gBAAiB,CADjB,aAEF,CAEA,0EACE,aACF"}

package/dist/client/styles-curriculum-landing.1558840404f90c97.js

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

package/dist/client/styles-curriculum-landing.4c266be210279754.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(--font-size-normal);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(--font-size-normal);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:var(--font-line-content);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 (769px < width){.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 (769px < width){: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 (769px < width){: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 (769px < width){: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 (769px < width){: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 (769px < width){: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 (769px < width){: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 (width <= 426px){:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list{grid-template-columns:1fr}}@media (426px < width){:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list{grid-template-columns:1fr 1fr}}@media (992px < width){:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list{grid-template-columns:1fr 1fr 1fr}}@media (1200px < width){: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 (769px < width){.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 (769px < width){: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 (769px < width){: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 (769px < width){: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 (769px < width){: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 (992px < width){: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 (426px < width){:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul{align-items:center;gap:1rem}}@media (769px < width){:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)>div.about-content) ul{justify-content:start}}@media (992px < width){: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 (426px < width){: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 (769px < width){: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 (769px < width){: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{font-weight:var(--font-weight-bold);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 (992px < width){: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 (769px < width){:is(.curriculum-content-container.curriculum-landing .landing-stairway)>div{grid-template-columns:min(100%,34rem)}}@media (992px < width){: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 (992px < width){: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 (769px < width){: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 (769px < width){: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 (769px < width){: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 (769px < width){#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 (769px < width){#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 (769px < width){: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 (992px < width){: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 (769px < width){: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 (769px < width){: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:var(--font-weight-bold);line-height:var(--font-line-normal);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:var(--font-weight-bold);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 (769px < width){: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.4c266be210279754.css.map*/

package/dist/client/styles-curriculum-landing.4c266be210279754.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-curriculum-landing.4c266be210279754.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(--font-size-normal);\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(--font-size-normal);\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: var(--font-line-content);\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              font-weight: var(--font-weight-bold);\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\n            font-weight: var(--font-weight-bold);\n\n            line-height: var(--font-line-normal);\n\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: var(--font-weight-bold);\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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"}