@mdn/fred 0.1.0 → 0.2.0

package/dist/client/styles-curriculum-module.7e5cd517e846d594.js

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

package/dist/client/styles-curriculum-module.986c101af5734725.css

@@ -0,0 +1,2 @@
+.curriculum-content-container.curriculum-module .curriculum-layout__header{column-gap:1.5rem;display:grid;grid-template-areas:". group" "icon heading" "icon category";justify-content:flex-start;padding-bottom:0}:is(.curriculum-content-container.curriculum-module .curriculum-layout__header) .topic-icon{--background-primary:var(--curriculum-bg-color-topic);align-self:flex-start;grid-area:icon;height:4rem;width:4rem}:is(.curriculum-content-container.curriculum-module .curriculum-layout__header) h1{font-size:var(--font-size-largest);grid-area:heading;margin:0}:is(:is(.curriculum-content-container.curriculum-module .curriculum-layout__header) svg.topic-icon) circle{fill:var(--background-primary)}:is(:is(.curriculum-content-container.curriculum-module .curriculum-layout__header) svg.topic-icon) path{fill:var(--curriculum-color-topic)}:is(.curriculum-content-container.curriculum-module .curriculum-layout__header) p.module-topic{color:var(--curriculum-color-topic);font-size:var(--font-size-normal);grid-area:category;margin:.5rem 0 0}:is(:is(.curriculum-content-container.curriculum-module .curriculum-layout__header) p.module-topic):before{content:"Category: "}:is(.curriculum-content-container.curriculum-module .curriculum-layout__header) p.module-group{align-self:center;background-color:var(--curriculum-module-label-bg-color);border-radius:.25rem;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}.curriculum-module p.curriculum-resources{margin-bottom:.5rem;margin-top:2rem}:is(.curriculum-module p.curriculum-resources)+ul{padding-left:2rem}:is(:is(.curriculum-module p.curriculum-resources)+ul)>li{list-style-image:var(--curriculum-module-mdn-resource)}.curriculum-external-li:is(:is(:is(.curriculum-module p.curriculum-resources)+ul)>li){list-style-image:url(/static/client/curriculum-ext-resource.7ccbd6b7cf9747db.svg)}:is(:is(:is(.curriculum-module 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}
+/*# sourceMappingURL=styles-curriculum-module.986c101af5734725.css.map*/

package/dist/client/styles-curriculum-module.986c101af5734725.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-curriculum-module.986c101af5734725.css","sources":["webpack://@mdn/fred/./components/curriculum-module/server.css"],"sourcesContent":["@import url(\"../curriculum/shared.css\");\n@import url(\"../curriculum/sidebar.css\");\n@import url(\"../curriculum/layout.css\");\n\n.curriculum-content-container.curriculum-module {\n  .curriculum-layout__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    padding-bottom: 0;\n\n    .topic-icon {\n      --background-primary: var(--curriculum-bg-color-topic);\n      grid-area: icon;\n\n      align-self: flex-start;\n\n      width: 4rem;\n      height: 4rem;\n    }\n\n    h1 {\n      grid-area: heading;\n      margin: 0;\n      font-size: var(--font-size-largest);\n    }\n\n    svg.topic-icon {\n      circle {\n        fill: var(--background-primary);\n      }\n\n      path {\n        fill: var(--curriculum-color-topic);\n      }\n    }\n\n    p.module-topic {\n      grid-area: category;\n\n      margin: 0;\n      margin-top: 0.5rem;\n\n      font-size: var(--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: 0.25rem;\n    }\n  }\n}\n\n.curriculum-module {\n  p.curriculum-resources {\n    margin-top: 2rem;\n    margin-bottom: 0.5rem;\n\n    + ul {\n      padding-left: 2rem;\n\n      > li {\n        list-style-image: var(--curriculum-module-mdn-resource);\n\n        &.curriculum-external-li {\n          list-style-image: url(\"../curriculum/assets/curriculum-ext-resource.svg\");\n        }\n\n        em {\n          display: inline-block;\n\n          padding: 0 0.4em;\n\n          font-size: 0.5rem;\n          font-weight: bold;\n\n          line-height: 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"],"names":[],"mappings":"AAKE,2EAQE,iBAAkB,CAPlB,YAAa,CAEb,4DAGiB,CAGjB,0BAA2B,CAE3B,gBA8DF,CA5DE,4FACE,qDAAsD,CAGtD,qBAAsB,CAFtB,cAAe,CAKf,WAAY,CADZ,UAEF,CAEA,mFAGE,kCAAmC,CAFnC,iBAAkB,CAClB,QAEF,CAGE,2GACE,8BACF,CAEA,yGACE,kCACF,CAGF,+FAQE,mCAAoC,CAFpC,iCAAkC,CALlC,kBAAmB,CAGnB,gBASF,CAHE,2GACE,oBACF,CAGF,+FAGE,iBAAkB,CAalB,wDAAyD,CACzD,oBAAsB,CAHtB,0CAA2C,CAF3C,iCAAkC,CAXlC,eAAgB,CAKhB,kBAAmB,CAInB,iBAAsB,CAFtB,qBAAwB,CAHxB,iBAaF,CAKF,0CAEE,mBAAqB,CADrB,eAkCF,CA/BE,kDACE,iBA6BF,CA3BE,0DACE,sDAyBF,CAvBE,sFACE,iFACF,CAEA,kEAeE,qCAAsC,CACtC,iBAAkB,CALlB,yBAA0B,CAV1B,oBAAqB,CAIrB,eAAiB,CACjB,eAAiB,CAEjB,oCAAqC,CALrC,cAAgB,CAchB,iCAAkC,CAJlC,wBAAyB,CAJzB,oBASF"}

package/dist/client/styles-curriculum-overview.4c7cb02c1ddc853e.js

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

package/dist/client/styles-curriculum-overview.5e1cf930403c07b3.css

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

package/dist/client/styles-curriculum-overview.5e1cf930403c07b3.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-curriculum-overview.5e1cf930403c07b3.css","sources":["webpack://@mdn/fred/./components/curriculum-overview/server.css"],"sourcesContent":["@import url(\"../curriculum/shared.css\");\n@import url(\"../curriculum/sidebar.css\");\n@import url(\"../curriculum/module-list.css\");\n@import url(\"../curriculum/layout.css\");\n\n.curriculum-content-container.curriculum-overview {\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":"AAME,6EAEE,gBAAiB,CADjB,aAEF,CAEA,2EACE,aACF"}

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

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

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

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

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

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

package/dist/client/styles-footer.a2850e459e2d290b.css

@@ -0,0 +1,2 @@
+.footer{background-color:var(--color-background-primary);border-top:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.footer__mdn{align-items:start;column-gap:1rem;display:grid;grid-template-areas:"intro" "socials" "links";padding-block:2rem 1.5rem;padding-inline:var(--layout-side-padding);row-gap:2rem}@media (width > 480px){.footer__mdn{grid-template-areas:"intro intro" "socials socials" "links links";grid-template-columns:1fr 1fr}}@media (width > 640px){.footer__mdn{grid-template-areas:"intro   intro   intro" "socials socials socials" "links   links   links";grid-template-columns:1fr 1fr 1fr}}@media (width > 1000px){.footer__mdn{grid-template-areas:"intro   links links links" "socials links links links";grid-template-columns:2fr 1fr 1fr 1fr}}.footer__logo{color:var(--color-text-secondary)}.footer__logo:hover{color:var(--color-text-primary)}.footer__logo svg{display:block;fill:currentcolor}.footer__intro{display:grid;grid-area:intro;justify-items:start;row-gap:1rem}.footer__intro p{margin:0}.footer__socials{column-gap:.75rem;display:flex;grid-area:socials;list-style:none;margin:0;padding:0}.footer__socials a{color:var(--color-text-secondary)}:is(.footer__socials a):hover{color:var(--color-text-primary)}:is(.footer__socials a):before{background-color:currentcolor;content:"";display:block;height:1.5rem;-webkit-mask-size:cover;mask-size:cover;width:1.5rem}[data-icon=github]:is(.footer__socials a):before{-webkit-mask-image:url(/static/client/github.4d94e1bf436aa7ed.svg);mask-image:url(/static/client/github.4d94e1bf436aa7ed.svg)}[data-icon=bluesky]:is(.footer__socials a):before{-webkit-mask-image:url(/static/client/bluesky.a9421882d093c829.svg);mask-image:url(/static/client/bluesky.a9421882d093c829.svg)}[data-icon=x]:is(.footer__socials a):before{-webkit-mask-image:url(/static/client/x.4c7e68bf52af030a.svg);mask-image:url(/static/client/x.4c7e68bf52af030a.svg)}[data-icon=mastodon]:is(.footer__socials a):before{-webkit-mask-image:url(/static/client/mastodon.1a5c0fde8353f680.svg);mask-image:url(/static/client/mastodon.1a5c0fde8353f680.svg)}[data-icon=rss]:is(.footer__socials a):before{-webkit-mask-image:url(/static/client/rss.37214526d7308d0c.svg);mask-image:url(/static/client/rss.37214526d7308d0c.svg)}.footer__socials svg{display:block}.footer__links{display:grid;margin:0;row-gap:.75rem}.footer__links dt{font-size:1.25rem}.footer__links dd,.footer__links ul{display:contents;margin:0}.footer__links ul{list-style-type:none;padding:0}.footer__links a{color:inherit}:is(.footer__links a):hover{color:var(--color-text-primary)}@media (width > 840px){.footer__links{grid-row-end:span 2}}.footer__mozilla{align-items:start;border-block-start:1px solid var(--color-border-primary);column-gap:1.5rem;display:grid;grid-template-areas:"logo" "links" "legal";grid-template-columns:1fr;justify-items:start;padding-block:1.5rem;padding-inline:var(--layout-side-padding);row-gap:1rem}@media (width > 480px){.footer__mozilla{grid-template-areas:"logo  links" "legal legal";grid-template-columns:min-content 1fr}}.footer__mozilla .footer__logo{grid-area:logo}.footer__mozilla ul{column-gap:1rem;display:flex;flex-wrap:wrap;grid-area:links;line-height:2;list-style:none;margin:0;padding:0}.footer__mozilla p{grid-area:legal;line-height:var(--font-line-normal);margin:0}.footer__mozilla a{color:inherit}:is(.footer__mozilla a):hover{color:var(--color-text-primary)}
+/*# sourceMappingURL=styles-footer.a2850e459e2d290b.css.map*/

package/dist/client/{styles-footer.c1a53f0a58f04928.css.map → styles-footer.a2850e459e2d290b.css.map}

@@ -1 +1 @@
-{"version":3,"file":"styles-footer.c1a53f0a58f04928.css","sources":["webpack://@mdn/fred/./components/footer/server.css"],"sourcesContent":["/* Footer */\n\n.footer {\n  color: var(--color-text-secondary);\n  background-color: var(--color-background-primary);\n  border-top: 1px solid var(--color-border-primary);\n}\n\n/* MDN */\n\n.footer__mdn {\n  display: grid;\n\n  grid-template-areas:\n    \"intro\"\n    \"socials\"\n    \"links\";\n\n  row-gap: 2rem;\n  column-gap: 1rem;\n  align-items: start;\n\n  padding-block: 2rem 1.5rem;\n  padding-inline: var(--layout-side-padding);\n\n  @media (width > 480px) {\n    grid-template-areas:\n      \"intro intro\"\n      \"socials socials\"\n      \"links links\";\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media (width > 640px) {\n    grid-template-areas:\n      \"intro   intro   intro\"\n      \"socials socials socials\"\n      \"links   links   links\";\n    grid-template-columns: 1fr 1fr 1fr;\n  }\n\n  @media (width > 1000px) {\n    grid-template-areas:\n      \"intro   links links links\"\n      \"socials links links links\";\n    grid-template-columns: 2fr 1fr 1fr 1fr;\n  }\n}\n\n/* Logo */\n\n.footer__logo {\n  color: var(--color-text-secondary);\n\n  &:hover {\n    color: var(--color-text-primary);\n  }\n\n  svg {\n    display: block;\n    fill: currentcolor;\n  }\n}\n\n/* Intro */\n\n.footer__intro {\n  display: grid;\n\n  grid-area: intro;\n\n  row-gap: 1rem;\n  justify-items: start;\n\n  p {\n    margin: 0;\n  }\n}\n\n/* Socials */\n\n.footer__socials {\n  display: flex;\n\n  grid-area: socials;\n\n  column-gap: 0.75rem;\n\n  padding: 0;\n  margin: 0;\n\n  list-style: none;\n\n  a {\n    color: var(--color-text-secondary);\n\n    &:hover {\n      color: var(--color-text-primary);\n    }\n\n    &::before {\n      display: block;\n\n      width: 1.5rem;\n      height: 1.5rem;\n\n      content: \"\";\n\n      background-color: currentcolor;\n\n      mask-size: cover;\n    }\n\n    &[data-icon=\"github\"]::before {\n      mask-image: url(\"../icon/social/github.svg\");\n    }\n\n    &[data-icon=\"bluesky\"]::before {\n      mask-image: url(\"../icon/social/bluesky.svg\");\n    }\n\n    &[data-icon=\"x\"]::before {\n      mask-image: url(\"../icon/social/x.svg\");\n    }\n\n    &[data-icon=\"mastodon\"]::before {\n      mask-image: url(\"../icon/social/mastodon.svg\");\n    }\n\n    &[data-icon=\"rss\"]::before {\n      mask-image: url(\"../icon/rss.svg\");\n    }\n  }\n\n  svg {\n    display: block;\n  }\n}\n\n/* List */\n\n.footer__links {\n  display: grid;\n  row-gap: 0.75rem;\n  margin: 0;\n\n  dt {\n    font-size: 1.25rem;\n  }\n\n  dd {\n    display: contents;\n    margin: 0;\n  }\n\n  ul {\n    display: contents;\n\n    padding: 0;\n    margin: 0;\n\n    list-style-type: none;\n  }\n\n  a {\n    color: inherit;\n\n    &:hover {\n      color: var(--color-text-primary);\n    }\n  }\n\n  @media (width > 840px) {\n    grid-row-end: span 2;\n  }\n}\n\n/* Mozilla */\n\n.footer__mozilla {\n  display: grid;\n\n  grid-template-columns: min-content 1fr;\n\n  row-gap: 1rem;\n  column-gap: 1.5rem;\n  align-items: start;\n  justify-items: start;\n\n  padding-block: 1.5rem;\n  padding-inline: var(--layout-side-padding);\n\n  border-block-start: 1px solid var(--color-border-primary);\n\n  ul {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    column-gap: 1rem;\n\n    padding: 0;\n    margin: 0;\n\n    line-height: 2;\n\n    list-style: none;\n  }\n\n  p {\n    grid-column: span 2;\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  a {\n    color: inherit;\n\n    &:hover {\n      color: var(--color-text-primary);\n    }\n  }\n}\n"],"names":[],"mappings":"AAEA,QAEE,gDAAiD,CACjD,gDAAiD,CAFjD,iCAGF,CAIA,aAUE,iBAAkB,CADlB,eAAgB,CARhB,YAAa,CAEb,6CAGS,CAMT,yBAA0B,CAC1B,yCAA0C,CAL1C,YA6BF,CAtBE,4BAfF,aAgBI,iEAGe,CACf,6BAiBJ,CAhBE,CAEA,4BAvBF,aAwBI,6FAGyB,CACzB,iCASJ,CARE,CAEA,6BA/BF,aAgCI,2EAE6B,CAC7B,qCAEJ,CADE,CAKF,cACE,iCAUF,CARE,oBACE,+BACF,CAEA,kBACE,aAAc,CACd,iBACF,CAKF,eACE,YAAa,CAEb,eAAgB,CAGhB,mBAAoB,CADpB,YAMF,CAHE,iBACE,QACF,CAKF,iBAKE,iBAAmB,CAJnB,YAAa,CAEb,iBAAkB,CAOlB,eAAgB,CAFhB,QAAS,CADT,SAiDF,CA5CE,mBACE,iCAsCF,CApCE,8BACE,+BACF,CAEA,+BAQE,6BAA8B,CAF9B,UAAW,CALX,aAAc,CAGd,aAAc,CAMd,uBAAgB,CAAhB,eAAgB,CAPhB,YAQF,CAEA,iDACE,kEAA4C,CAA5C,0DACF,CAEA,kDACE,mEAA6C,CAA7C,2DACF,CAEA,4CACE,6DAAuC,CAAvC,qDACF,CAEA,mDACE,oEAA8C,CAA9C,4DACF,CAEA,8CACE,+DAAkC,CAAlC,uDACF,CAGF,qBACE,aACF,CAKF,eACE,YAAa,CAEb,QAAS,CADT,cAgCF,CA7BE,kBACE,iBACF,CAOA,oCAJE,gBAAiB,CACjB,QAUF,CAPA,kBAME,oBAAqB,CAHrB,SAIF,CAEA,iBACE,aAKF,CAHE,4BACE,+BACF,CAGF,4BA/BF,eAgCI,mBAEJ,CADE,CAKF,iBAOE,iBAAkB,CAMlB,wDAAyD,CAPzD,iBAAkB,CALlB,YAAa,CAEb,qCAAsC,CAKtC,mBAAoB,CAEpB,oBAAqB,CACrB,yCAA0C,CAN1C,YAsCF,CA5BE,oBAKE,eAAgB,CAJhB,YAAa,CAEb,cAAe,CAOf,aAAc,CAEd,eAAgB,CAJhB,QAAS,CADT,SAMF,CAEA,mBACE,kBAAmB,CAEnB,eAAgB,CADhB,QAEF,CAEA,mBACE,aAKF,CAHE,8BACE,+BACF"}
+{"version":3,"file":"styles-footer.a2850e459e2d290b.css","sources":["webpack://@mdn/fred/./components/footer/server.css"],"sourcesContent":["/* Footer */\n\n.footer {\n  color: var(--color-text-secondary);\n  background-color: var(--color-background-primary);\n  border-top: 1px solid var(--color-border-primary);\n}\n\n/* MDN */\n\n.footer__mdn {\n  display: grid;\n\n  grid-template-areas:\n    \"intro\"\n    \"socials\"\n    \"links\";\n\n  row-gap: 2rem;\n  column-gap: 1rem;\n  align-items: start;\n\n  padding-block: 2rem 1.5rem;\n  padding-inline: var(--layout-side-padding);\n\n  @media (width > 480px) {\n    grid-template-areas:\n      \"intro intro\"\n      \"socials socials\"\n      \"links links\";\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media (width > 640px) {\n    grid-template-areas:\n      \"intro   intro   intro\"\n      \"socials socials socials\"\n      \"links   links   links\";\n    grid-template-columns: 1fr 1fr 1fr;\n  }\n\n  @media (width > 1000px) {\n    grid-template-areas:\n      \"intro   links links links\"\n      \"socials links links links\";\n    grid-template-columns: 2fr 1fr 1fr 1fr;\n  }\n}\n\n/* Logo */\n\n.footer__logo {\n  color: var(--color-text-secondary);\n\n  &:hover {\n    color: var(--color-text-primary);\n  }\n\n  svg {\n    display: block;\n    fill: currentcolor;\n  }\n}\n\n/* Intro */\n\n.footer__intro {\n  display: grid;\n\n  grid-area: intro;\n\n  row-gap: 1rem;\n  justify-items: start;\n\n  p {\n    margin: 0;\n  }\n}\n\n/* Socials */\n\n.footer__socials {\n  display: flex;\n\n  grid-area: socials;\n\n  column-gap: 0.75rem;\n\n  padding: 0;\n  margin: 0;\n\n  list-style: none;\n\n  a {\n    color: var(--color-text-secondary);\n\n    &:hover {\n      color: var(--color-text-primary);\n    }\n\n    &::before {\n      display: block;\n\n      width: 1.5rem;\n      height: 1.5rem;\n\n      content: \"\";\n\n      background-color: currentcolor;\n\n      mask-size: cover;\n    }\n\n    &[data-icon=\"github\"]::before {\n      mask-image: url(\"../icon/social/github.svg\");\n    }\n\n    &[data-icon=\"bluesky\"]::before {\n      mask-image: url(\"../icon/social/bluesky.svg\");\n    }\n\n    &[data-icon=\"x\"]::before {\n      mask-image: url(\"../icon/social/x.svg\");\n    }\n\n    &[data-icon=\"mastodon\"]::before {\n      mask-image: url(\"../icon/social/mastodon.svg\");\n    }\n\n    &[data-icon=\"rss\"]::before {\n      mask-image: url(\"../icon/rss.svg\");\n    }\n  }\n\n  svg {\n    display: block;\n  }\n}\n\n/* List */\n\n.footer__links {\n  display: grid;\n  row-gap: 0.75rem;\n  margin: 0;\n\n  dt {\n    font-size: 1.25rem;\n  }\n\n  dd {\n    display: contents;\n    margin: 0;\n  }\n\n  ul {\n    display: contents;\n\n    padding: 0;\n    margin: 0;\n\n    list-style-type: none;\n  }\n\n  a {\n    color: inherit;\n\n    &:hover {\n      color: var(--color-text-primary);\n    }\n  }\n\n  @media (width > 840px) {\n    grid-row-end: span 2;\n  }\n}\n\n/* Mozilla */\n\n.footer__mozilla {\n  display: grid;\n\n  grid-template-areas:\n    \"logo\"\n    \"links\"\n    \"legal\";\n  grid-template-columns: 1fr;\n\n  row-gap: 1rem;\n  column-gap: 1.5rem;\n  align-items: start;\n  justify-items: start;\n\n  padding-block: 1.5rem;\n  padding-inline: var(--layout-side-padding);\n\n  border-block-start: 1px solid var(--color-border-primary);\n\n  @media (width > 480px) {\n    grid-template-areas:\n      \"logo  links\"\n      \"legal legal\";\n    grid-template-columns: min-content 1fr;\n  }\n\n  .footer__logo {\n    grid-area: logo;\n  }\n\n  ul {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    grid-area: links;\n\n    column-gap: 1rem;\n\n    padding: 0;\n    margin: 0;\n\n    line-height: 2;\n\n    list-style: none;\n  }\n\n  p {\n    grid-area: legal;\n    margin: 0;\n    line-height: var(--font-line-normal);\n  }\n\n  a {\n    color: inherit;\n\n    &:hover {\n      color: var(--color-text-primary);\n    }\n  }\n}\n"],"names":[],"mappings":"AAEA,QAEE,gDAAiD,CACjD,gDAAiD,CAFjD,iCAGF,CAIA,aAUE,iBAAkB,CADlB,eAAgB,CARhB,YAAa,CAEb,6CAGS,CAMT,yBAA0B,CAC1B,yCAA0C,CAL1C,YA6BF,CAtBE,uBAfF,aAgBI,iEAGe,CACf,6BAiBJ,CAhBE,CAEA,uBAvBF,aAwBI,6FAGyB,CACzB,iCASJ,CARE,CAEA,wBA/BF,aAgCI,2EAE6B,CAC7B,qCAEJ,CADE,CAKF,cACE,iCAUF,CARE,oBACE,+BACF,CAEA,kBACE,aAAc,CACd,iBACF,CAKF,eACE,YAAa,CAEb,eAAgB,CAGhB,mBAAoB,CADpB,YAMF,CAHE,iBACE,QACF,CAKF,iBAKE,iBAAmB,CAJnB,YAAa,CAEb,iBAAkB,CAOlB,eAAgB,CAFhB,QAAS,CADT,SAiDF,CA5CE,mBACE,iCAsCF,CApCE,8BACE,+BACF,CAEA,+BAQE,6BAA8B,CAF9B,UAAW,CALX,aAAc,CAGd,aAAc,CAMd,uBAAgB,CAAhB,eAAgB,CAPhB,YAQF,CAEA,iDACE,kEAA4C,CAA5C,0DACF,CAEA,kDACE,mEAA6C,CAA7C,2DACF,CAEA,4CACE,6DAAuC,CAAvC,qDACF,CAEA,mDACE,oEAA8C,CAA9C,4DACF,CAEA,8CACE,+DAAkC,CAAlC,uDACF,CAGF,qBACE,aACF,CAKF,eACE,YAAa,CAEb,QAAS,CADT,cAgCF,CA7BE,kBACE,iBACF,CAOA,oCAJE,gBAAiB,CACjB,QAUF,CAPA,kBAME,oBAAqB,CAHrB,SAIF,CAEA,iBACE,aAKF,CAHE,4BACE,+BACF,CAGF,uBA/BF,eAgCI,mBAEJ,CADE,CAKF,iBAWE,iBAAkB,CAMlB,wDAAyD,CAPzD,iBAAkB,CATlB,YAAa,CAEb,0CAGS,CACT,yBAA0B,CAK1B,mBAAoB,CAEpB,oBAAqB,CACrB,yCAA0C,CAN1C,YAmDF,CAzCE,uBAnBF,iBAoBI,+CAEe,CACf,qCAqCJ,CApCE,CAEA,+BACE,cACF,CAEA,oBAOE,eAAgB,CANhB,YAAa,CAEb,cAAe,CAEf,eAAgB,CAOhB,aAAc,CAEd,eAAgB,CAJhB,QAAS,CADT,SAMF,CAEA,mBACE,eAAgB,CAEhB,mCAAoC,CADpC,QAEF,CAEA,mBACE,aAKF,CAHE,8BACE,+BACF"}

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

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

package/dist/client/styles-generic-about.2d4dc610496035b0.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["8706"];export const __webpack_modules__={25033:function(){}};import e from"./styles.7fb7069c86aa338c.js";import*as s from"./styles-generic-about.2d4dc610496035b0.js";e.C(s),e(e.s=25033);

package/dist/client/styles-generic-about.766241910cf1bfdf.css

@@ -0,0 +1,2 @@
+.about-container{--max-width:74rem;--gutter:1rem;--about-stats-height:5.75rem;--about-section-gap:5rem;--inner-width:calc(min(var(--max-width), 100vw) - var(--gutter)*2);--about-join-us-image:url(/static/client/building.28c35e4a388efad3.svg);--about-journey-dot:url(/static/client/dot.8ab417e01a1f6ecb.svg);--about-global-impact-image:url(/static/client/global-impact.da9e458fb92452e0.svg);--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #26262633;--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #26262626;--stats-box-shadow:4px -2px 15px 0 var(--csstools-light-dark-toggle--0,#b3b3b333),4px -4px 15px 0 var(--csstools-light-dark-toggle--1,#b3b3b326);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #0000;--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #0000;--boxes-shadow:-4px 4px 8px 0 var(--csstools-light-dark-toggle--2,#b3b3b326),4px 4px 8px 0 var(--csstools-light-dark-toggle--3,#b3b3b32e);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #b3b3b333;--about-core-values-shadow:0 4px 15px 0 var(--csstools-light-dark-toggle--4,#b3b3b333);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #b3b3b333;--about-team-shadow:0 4px 15px 0 var(--csstools-light-dark-toggle--5,#b3b3b333);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #b3b3b340;--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #b3b3b340;--about-journey-shadow:4px -4px 15px 0 var(--csstools-light-dark-toggle--6,#b3b3b340),4px 4px 15px 0 var(--csstools-light-dark-toggle--7,#b3b3b340);--about-join-us-border:none;--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #1b1b1b;--header-next-section-bg:var(--csstools-light-dark-toggle--8,#f2f2f5);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #fff;--header-text-primary:var(--csstools-light-dark-toggle--9,#000);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #b3b3b3;--header-text-secondary:var(--csstools-light-dark-toggle--10,#343434);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #101010;--header-bg:var(--csstools-light-dark-toggle--11,#fff);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #000;--stats-bg:var(--csstools-light-dark-toggle--12,#fff);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #b3b3b3;--stats-text-primary:var(--csstools-light-dark-toggle--13,#000);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #394035;--stats-stat-bg:var(--csstools-light-dark-toggle--14,#d7f5dc);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #8ff295;--stats-stat-text:var(--csstools-light-dark-toggle--15,#007936);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #000;--boxes-bg:var(--csstools-light-dark-toggle--16,#fff);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #4e4e4e;--boxes-border:var(--csstools-light-dark-toggle--17,none);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #141e34;--boxes-header-bg-1:var(--csstools-light-dark-toggle--18,#d5e8fb);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #9bb6f2;--boxes-header-color-1:var(--csstools-light-dark-toggle--19,inherit);--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #321d13;--boxes-header-bg-2:var(--csstools-light-dark-toggle--20,#fbe3d5);--csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #e3642a;--boxes-header-color-2:var(--csstools-light-dark-toggle--21,inherit);--csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #343114;--boxes-header-bg-3:var(--csstools-light-dark-toggle--22,#fbf7d5);--csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) #d4c53b;--boxes-header-color-3:var(--csstools-light-dark-toggle--23,inherit);--csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) #341419;--boxes-header-bg-4:var(--csstools-light-dark-toggle--24,#fbd5d5);--csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) #f19ca1;--boxes-header-color-4:var(--csstools-light-dark-toggle--25,inherit);--csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #1d1434;--boxes-header-bg-5:var(--csstools-light-dark-toggle--26,#dfd5fb);--csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #bf94ec;--boxes-header-color-5:var(--csstools-light-dark-toggle--27,inherit);--csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #b3b3b3;--boxes-main-color:var(--csstools-light-dark-toggle--28,#000);--csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #8ff295;--stairs-color:var(--csstools-light-dark-toggle--29,#007936);--csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #1b1b1b;--about-bg-primary:var(--csstools-light-dark-toggle--30,#fff);--csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #1b1b1b;--about-bg-secondary:var(--csstools-light-dark-toggle--31,#f2f2f5);--csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #000;--about-join-us-bg:var(--csstools-light-dark-toggle--32,#f2f2f5);--csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) #b3b3b3;--about-join-us-color:var(--csstools-light-dark-toggle--33,#343434);--csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #858585;--about-tablist-border:var(--csstools-light-dark-toggle--34,#858585);--csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #b3b3b3;--about-tablist-color:var(--csstools-light-dark-toggle--35,#0009);--csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #8ff295;--about-tablist-active-border:var(--csstools-light-dark-toggle--36,#007936);--csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #fff;--about-tablist-active-color:var(--csstools-light-dark-toggle--37,#000);--csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #b3b3b3;--about-color:var(--csstools-light-dark-toggle--38,#000);--csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #fff;--about-heading-color:var(--csstools-light-dark-toggle--39,#000);--csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #000;--about-core-values-bg:var(--csstools-light-dark-toggle--40,#fff);--csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #007936;--about-core-values-bg-secondary:var(--csstools-light-dark-toggle--41,#d7f5dc);--csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #fff;--about-core-values-color:var(--csstools-light-dark-toggle--42,#000);--csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #8ff295;--about-team-title-color:var(--csstools-light-dark-toggle--43,#007936);--csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #000;--about-team-bg:var(--csstools-light-dark-toggle--44,#fff);--csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #000000b3;--about-team-github-bg:var(--csstools-light-dark-toggle--45,#ffffffbf);--csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #fff;--about-team-color:var(--csstools-light-dark-toggle--46,#000);--csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #8ff295;--about-journey-line-color:var(--csstools-light-dark-toggle--47,#007936);--csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #000;--about-journey-image-border:var(--csstools-light-dark-toggle--48,#fff);--center-padding:max(calc((100vw - var(--max-width))/2 + var(--gutter)),var(--gutter))}@supports (color:light-dark(red,red)) and (color:rgb(0 0 0/0)){.about-container{--stats-box-shadow:4px -2px 15px 0 light-dark(#b3b3b333,#26262633),4px -4px 15px 0 light-dark(#b3b3b326,#26262626);--boxes-shadow:-4px 4px 8px 0 light-dark(#b3b3b326,#0000),4px 4px 8px 0 light-dark(#b3b3b32e,#0000);--about-core-values-shadow:0 4px 15px 0 light-dark(#b3b3b333,#b3b3b333);--about-team-shadow:0 4px 15px 0 light-dark(#b3b3b333,#b3b3b333);--about-journey-shadow:4px -4px 15px 0 light-dark(#b3b3b340,#b3b3b340),4px 4px 15px 0 light-dark(#b3b3b340,#b3b3b340)}}@supports (color:light-dark(red,red)){.about-container{--header-next-section-bg:light-dark(#f2f2f5,#1b1b1b);--header-text-primary:light-dark(#000,#fff);--header-text-secondary:light-dark(#343434,#b3b3b3);--header-bg:light-dark(#fff,#101010);--stats-bg:light-dark(#fff,#000);--stats-text-primary:light-dark(#000,#b3b3b3);--stats-stat-bg:light-dark(#d7f5dc,#394035);--stats-stat-text:light-dark(#007936,#8ff295);--boxes-bg:light-dark(#fff,#000);--boxes-border:light-dark(none,#4e4e4e);--boxes-header-bg-1:light-dark(#d5e8fb,#141e34);--boxes-header-color-1:light-dark(inherit,#9bb6f2);--boxes-header-bg-2:light-dark(#fbe3d5,#321d13);--boxes-header-color-2:light-dark(inherit,#e3642a);--boxes-header-bg-3:light-dark(#fbf7d5,#343114);--boxes-header-color-3:light-dark(inherit,#d4c53b);--boxes-header-bg-4:light-dark(#fbd5d5,#341419);--boxes-header-color-4:light-dark(inherit,#f19ca1);--boxes-header-bg-5:light-dark(#dfd5fb,#1d1434);--boxes-header-color-5:light-dark(inherit,#bf94ec);--boxes-main-color:light-dark(#000,#b3b3b3);--stairs-color:light-dark(#007936,#8ff295);--about-bg-primary:light-dark(#fff,#1b1b1b);--about-bg-secondary:light-dark(#f2f2f5,#1b1b1b);--about-join-us-bg:light-dark(#f2f2f5,#000);--about-join-us-color:light-dark(#343434,#b3b3b3);--about-tablist-border:light-dark(#858585,#858585)}}@supports (color:light-dark(red,red)) and (color:rgb(0 0 0/0)){.about-container{--about-tablist-color:light-dark(#0009,#b3b3b3)}}@supports (color:light-dark(red,red)){.about-container{--about-tablist-active-border:light-dark(#007936,#8ff295);--about-tablist-active-color:light-dark(#000,#fff);--about-color:light-dark(#000,#b3b3b3);--about-heading-color:light-dark(#000,#fff);--about-core-values-bg:light-dark(#fff,#000);--about-core-values-bg-secondary:light-dark(#d7f5dc,#007936);--about-core-values-color:light-dark(#000,#fff);--about-team-title-color:light-dark(#007936,#8ff295);--about-team-bg:light-dark(#fff,#000)}}@supports (color:light-dark(red,red)) and (color:rgb(0 0 0/0)){.about-container{--about-team-github-bg:light-dark(#ffffffbf,#000000b3)}}@supports (color:light-dark(red,red)){.about-container{--about-team-color:light-dark(#000,#fff);--about-journey-line-color:light-dark(#007936,#8ff295);--about-journey-image-border:light-dark(#fff,#000)}}@supports not (color:light-dark(tan,tan)){.about-container *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #26262633;--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #26262626;--stats-box-shadow:4px -2px 15px 0 var(--csstools-light-dark-toggle--0,#b3b3b333),4px -4px 15px 0 var(--csstools-light-dark-toggle--1,#b3b3b326);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #0000;--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #0000;--boxes-shadow:-4px 4px 8px 0 var(--csstools-light-dark-toggle--2,#b3b3b326),4px 4px 8px 0 var(--csstools-light-dark-toggle--3,#b3b3b32e);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #b3b3b333;--about-core-values-shadow:0 4px 15px 0 var(--csstools-light-dark-toggle--4,#b3b3b333);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #b3b3b333;--about-team-shadow:0 4px 15px 0 var(--csstools-light-dark-toggle--5,#b3b3b333);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #b3b3b340;--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #b3b3b340;--about-journey-shadow:4px -4px 15px 0 var(--csstools-light-dark-toggle--6,#b3b3b340),4px 4px 15px 0 var(--csstools-light-dark-toggle--7,#b3b3b340);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #1b1b1b;--header-next-section-bg:var(--csstools-light-dark-toggle--8,#f2f2f5);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #fff;--header-text-primary:var(--csstools-light-dark-toggle--9,#000);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #b3b3b3;--header-text-secondary:var(--csstools-light-dark-toggle--10,#343434);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #101010;--header-bg:var(--csstools-light-dark-toggle--11,#fff);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #000;--stats-bg:var(--csstools-light-dark-toggle--12,#fff);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #b3b3b3;--stats-text-primary:var(--csstools-light-dark-toggle--13,#000);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #394035;--stats-stat-bg:var(--csstools-light-dark-toggle--14,#d7f5dc);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #8ff295;--stats-stat-text:var(--csstools-light-dark-toggle--15,#007936);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #000;--boxes-bg:var(--csstools-light-dark-toggle--16,#fff);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #4e4e4e;--boxes-border:var(--csstools-light-dark-toggle--17,none);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #141e34;--boxes-header-bg-1:var(--csstools-light-dark-toggle--18,#d5e8fb);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #9bb6f2;--boxes-header-color-1:var(--csstools-light-dark-toggle--19,inherit);--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #321d13;--boxes-header-bg-2:var(--csstools-light-dark-toggle--20,#fbe3d5);--csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #e3642a;--boxes-header-color-2:var(--csstools-light-dark-toggle--21,inherit);--csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #343114;--boxes-header-bg-3:var(--csstools-light-dark-toggle--22,#fbf7d5);--csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) #d4c53b;--boxes-header-color-3:var(--csstools-light-dark-toggle--23,inherit);--csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) #341419;--boxes-header-bg-4:var(--csstools-light-dark-toggle--24,#fbd5d5);--csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) #f19ca1;--boxes-header-color-4:var(--csstools-light-dark-toggle--25,inherit);--csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #1d1434;--boxes-header-bg-5:var(--csstools-light-dark-toggle--26,#dfd5fb);--csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #bf94ec;--boxes-header-color-5:var(--csstools-light-dark-toggle--27,inherit);--csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #b3b3b3;--boxes-main-color:var(--csstools-light-dark-toggle--28,#000);--csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #8ff295;--stairs-color:var(--csstools-light-dark-toggle--29,#007936);--csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #1b1b1b;--about-bg-primary:var(--csstools-light-dark-toggle--30,#fff);--csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #1b1b1b;--about-bg-secondary:var(--csstools-light-dark-toggle--31,#f2f2f5);--csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #000;--about-join-us-bg:var(--csstools-light-dark-toggle--32,#f2f2f5);--csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) #b3b3b3;--about-join-us-color:var(--csstools-light-dark-toggle--33,#343434);--csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #858585;--about-tablist-border:var(--csstools-light-dark-toggle--34,#858585);--csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #b3b3b3;--about-tablist-color:var(--csstools-light-dark-toggle--35,#0009);--csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #8ff295;--about-tablist-active-border:var(--csstools-light-dark-toggle--36,#007936);--csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #fff;--about-tablist-active-color:var(--csstools-light-dark-toggle--37,#000);--csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #b3b3b3;--about-color:var(--csstools-light-dark-toggle--38,#000);--csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #fff;--about-heading-color:var(--csstools-light-dark-toggle--39,#000);--csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #000;--about-core-values-bg:var(--csstools-light-dark-toggle--40,#fff);--csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #007936;--about-core-values-bg-secondary:var(--csstools-light-dark-toggle--41,#d7f5dc);--csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #fff;--about-core-values-color:var(--csstools-light-dark-toggle--42,#000);--csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #8ff295;--about-team-title-color:var(--csstools-light-dark-toggle--43,#007936);--csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #000;--about-team-bg:var(--csstools-light-dark-toggle--44,#fff);--csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #000000b3;--about-team-github-bg:var(--csstools-light-dark-toggle--45,#ffffffbf);--csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #fff;--about-team-color:var(--csstools-light-dark-toggle--46,#000);--csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #8ff295;--about-journey-line-color:var(--csstools-light-dark-toggle--47,#007936);--csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #000;--about-journey-image-border:var(--csstools-light-dark-toggle--48,#fff)}}[data-theme=dark]:root .about-container{--about-join-us-image:url(/static/client/building-dark.3261a2aaee8e1f76.svg);--about-journey-dot:url(/static/client/dot-dark.02ee053d767a59a1.svg);--about-global-impact-image:url(/static/client/global-impact-dark.899d2c74cfc72f0a.svg);--about-join-us-border:1px solid #4e4e4e}@media (prefers-color-scheme:dark){.about-container{--about-join-us-image:url(/static/client/building-dark.3261a2aaee8e1f76.svg);--about-journey-dot:url(/static/client/dot-dark.02ee053d767a59a1.svg);--about-global-impact-image:url(/static/client/global-impact-dark.899d2c74cfc72f0a.svg);--about-join-us-border:1px solid #4e4e4e}}.about-container{background:var(--color-background-primary);color:var(--color-text-primary);display:flow-root;flex-direction:column;line-height:var(--font-line-content);scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track)}.about-container h1,.about-container h2,.about-container h3,.about-container p{margin:0}@media (width <= 769px){.about-container{--about-section-gap:3rem}}@media (769px < width){.about-container h1{font-size:var(--font-size-largest);font-weight:var(--font-weight-bold);line-height:1.2;word-break:break-all}}.about-container>header{--header-stats-height:var(--about-stats-height);background:linear-gradient(to top,var(--header-next-section-bg,#0000) 0,var(--header-next-section-bg,#0000) calc(var(--header-stats-height)/2),var(--header-bg) calc(var(--header-stats-height)/2),var(--header-bg) 100%)}:is(.about-container>header) section{padding-top:5rem}@media (width <= 769px){:is(.about-container>header) section{padding-top:1rem}}:is(.about-container>header) h1{color:var(--header-text-primary);font-size:var(--font-size-largest);margin-bottom:1rem}@media (width <= 769px){:is(.about-container>header) h1{font-size:var(--font-size-larger)}}:is(:is(.about-container>header) h1)+p{font-size:var(--font-size-larger);font-weight:500;line-height:120%;max-width:43rem}@media (width <= 769px){:is(:is(.about-container>header) h1)+p{font-size:var(--font-size-large)}}:is(.about-container>header) p{color:var(--header-text-secondary);font-size:var(--font-size-larger);font-weight:500;line-height:120%;margin-bottom:1.5rem;max-width:43rem}:is(.about-container>header)+section{margin-top:4.56rem}@media (width <= 769px){:is(.about-container>header)+section{margin-top:2rem}}:is(.about-container>header) ul{background:var(--stats-bg);border-radius:.5rem;box-shadow:var(--stats-box-shadow);color:var(--stats-text-primary);display:flex;gap:1rem;justify-content:space-around;margin-top:5em;padding:1rem;position:relative;text-align:center;z-index:2}@media (width <= 769px){:is(.about-container>header) ul{flex-wrap:wrap;margin-top:2rem}}:is(:is(.about-container>header) ul) li{align-items:baseline;column-gap:1rem;display:flex;flex-wrap:wrap;justify-content:center;min-width:7.75rem;overflow-wrap:anywhere}@media (width <= 769px){:is(:is(.about-container>header) ul) li{align-items:center;flex:1;flex-direction:column;justify-content:flex-start}}:is(:is(:is(.about-container>header) ul) li) strong{align-items:center;background:var(--stats-stat-bg);border-radius:50%;color:var(--stats-stat-text);display:inline-flex;height:3.75rem;justify-content:center;width:3.75rem}.about-container p{margin:0}.about-container h2{color:var(--about-heading-color)}.about-container>section>*{min-width:0}.about-container section{margin-left:auto;margin-right:auto;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}:is(.about-container section) h2{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold);margin-bottom:1rem}:is(.about-container section) mdn-about-tabs{grid-column:1/-1;padding-top:2rem;position:relative}.about-container .tabpanel{scroll-margin-top:calc(var(--sticky-header-height) + 4rem)}.about-container ol,.about-container ul{list-style:none;margin:0;padding:0}.about-container div#our_journey{--image-inner-height:324px;--image-border-size:4px;--image-height:calc(var(--image-inner-height) + var(--image-border-size)*2);--image-width:calc(var(--image-inner-height)*16/9 + var(--image-border-size)*2);--dot-height:3rem;--separator-width:10rem;--list-width:calc(var(--inner-width) - var(--separator-width) - var(--image-width))}@media (width <= 1200px){.about-container div#our_journey{--separator-width:6rem}}:is(.about-container div#our_journey)>p{margin-bottom:1rem}:is(.about-container div#our_journey)>ul{border-right:.0625rem dashed var(--about-journey-line-color);margin-top:3rem;width:var(--list-width)}@media (width <= 992px){:is(.about-container div#our_journey)>ul{border-left:.0625rem dashed var(--about-journey-line-color);border-right:none;margin-left:1rem;width:auto}}:is(:is(.about-container div#our_journey)>ul) li{margin:8rem 0;min-height:var(--image-height);padding-right:2rem;position:relative}:is(:is(:is(.about-container div#our_journey)>ul) li):first-of-type{margin-top:2rem}:is(:is(:is(.about-container div#our_journey)>ul) li):last-of-type{margin-bottom:2rem}@media (width <= 992px){:is(:is(.about-container div#our_journey)>ul) li{padding-left:2rem}}:is(:is(:is(.about-container div#our_journey)>ul) li):after{background-image:var(--about-journey-dot);background-position:50%;background-repeat:no-repeat;content:"";display:block;height:var(--dot-height);position:absolute;right:calc(var(--dot-height)/-2);top:calc(var(--dot-height)/-2);width:var(--dot-height)}@media (width <= 992px){:is(:is(:is(.about-container div#our_journey)>ul) li):after{--dot-height:2rem;left:calc(var(--dot-height)/-2);right:auto}}:is(:is(.about-container div#our_journey)>ul) li:has([id="2017"],[id="20232024"]){min-height:0}:is(:is(.about-container div#our_journey)>ul) h4{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);line-height:var(--font-line-normal);margin:0;position:relative;text-decoration-line:underline;top:-.75em}@media (width <= 992px){:is(:is(.about-container div#our_journey)>ul) h4{font-size:var(--font-size-large);margin-bottom:-.75em}}:is(:is(:is(.about-container div#our_journey)>ul) h4):before{background:var(--about-journey-line-color);content:"";display:none;height:10px;left:calc(100% + 2rem);-webkit-mask-image:url(/static/client/line-dot.2eb7216a6e56d7c7.svg);mask-image:url(/static/client/line-dot.2eb7216a6e56d7c7.svg);-webkit-mask-position:center right;mask-position:center right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:calc(.75em - 5px);width:calc(var(--separator-width) - var(--dot-height)/2)}@media (width <= 992px){:is(:is(:is(.about-container div#our_journey)>ul) h4):before{content:none}}:is(:is(:is(.about-container div#our_journey)>ul) h4)~p:last-of-type>img{background-color:var(--about-journey-image-border);background-position:50%;background-repeat:no-repeat;background-size:contain;border:var(--image-border-size) solid var(--about-journey-image-border);box-shadow:var(--about-journey-shadow);height:var(--image-height);left:calc(var(--inner-width) - var(--image-width));max-width:var(--image-width);position:absolute;top:calc(var(--dot-height)/-2);width:var(--image-width)}@media (width <= 992px){:is(:is(:is(.about-container div#our_journey)>ul) h4)~p:last-of-type>img{aspect-ratio:16/9;box-sizing:initial;height:auto;left:auto;margin:2rem auto;max-height:var(--image-inner-height);max-width:100%;position:relative;top:auto;width:auto}}:is(:is(.about-container div#our_journey)>ul) h4[id="2005"]:before,:is(:is(.about-container div#our_journey)>ul) h4[id="2005"]~p:last-of-type:after,:is(:is(.about-container div#our_journey)>ul) h4[id="2010"]:before,:is(:is(.about-container div#our_journey)>ul) h4[id="2010"]~p:last-of-type:after,:is(:is(.about-container div#our_journey)>ul) h4[id="2020"]:before,:is(:is(.about-container div#our_journey)>ul) h4[id="2020"]~p:last-of-type:after,:is(:is(.about-container div#our_journey)>ul) h4[id="2022"]:before,:is(:is(.about-container div#our_journey)>ul) h4[id="2022"]~p:last-of-type:after{display:block}:is(.about-container div#our_journey) h4{font-size:var(--font-line-content);font-weight:var(--font-weight-bold)}:is(.about-container div#our_journey) mdn-image-history ul{display:flex;gap:1rem;margin-bottom:-1rem;overflow-x:auto;padding-bottom:1rem}:is(:is(.about-container div#our_journey) mdn-image-history ul) li{flex-shrink:0}:is(:is(.about-container div#our_journey) mdn-image-history ul) img{aspect-ratio:16/9;border:var(--image-border-size) solid var(--about-journey-image-border);box-sizing:initial;height:180px}.about-container section[aria-labelledby=who_we_are]{background:var(--about-bg-secondary);column-gap:min(5rem,5vw);display:grid;grid-template-columns:4fr 6fr;margin:0;max-width:none;padding:4rem var(--center-padding)}.about-container section[aria-labelledby=global_impact]{display:block;margin:var(--about-section-gap) auto}@media (992px < width){:is(.about-container section[aria-labelledby=global_impact]) .section-content{background:var(--about-global-impact-image);background-position:100%;background-repeat:no-repeat;background-size:20rem 100%;padding-right:30rem}}:is(.about-container section[aria-labelledby=global_impact]) ul{margin-top:1rem;--stairs-icon-size:3.125rem;--stairs-step-indent:3.125rem;--stairs-step-gap:4rem}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li{--stairs-padding-left:calc(var(--stairs-step-indent)*var(--nth-child));align-items:center;display:flex;gap:1rem;padding-left:var(--stairs-padding-left);position:relative}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:not(:last-of-type){margin-bottom:var(--stairs-step-gap)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:before{background:var(--stairs-color);content:"";display:block;flex-shrink:0;height:var(--stairs-icon-size);margin-left:calc(var(--stairs-icon-size)*-1);-webkit-mask-image:var(--stairs-icon);mask-image:var(--stairs-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:80%;mask-size:80%;width:var(--stairs-icon-size)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:not(:last-of-type):after{--height:calc(var(--stairs-step-gap)*1.2);background:linear-gradient(to bottom,var(--stairs-color),#0000);bottom:calc(var(--height)*-1);content:"";display:block;height:var(--height);left:calc(var(--stairs-padding-left) - 50px);-webkit-mask:url(/static/client/lines.c12de232c28cba49.svg);mask:url(/static/client/lines.c12de232c28cba49.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;width:calc(var(--stairs-icon-size) + var(--stairs-step-indent))}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:first-child{--nth-child:1;--stairs-icon:url(/static/client/education.d85a12a206ae942e.svg)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:nth-child(2){--nth-child:2;--stairs-icon:url(/static/client/text-box-check-outline.c3134e1621b4bb2f.svg)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:nth-child(3){--nth-child:3;--stairs-icon:url(/static/client/web-check.7f00b2e30be0f9ae.svg)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:nth-child(4){--nth-child:4;--stairs-icon:url(/static/client/handshake.b5de4bbf8aeef4d9.svg)}@media (width <= 769px){:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li{--stairs-step-indent:0;--stairs-padding-left:var(--stairs-icon-size);--stairs-step-gap:1rem}}.about-container section[aria-labelledby=join_us_in_building_a_better_web]{background:var(--about-join-us-image) var(--about-join-us-bg);background-position:1.5rem;background-repeat:no-repeat;background-size:20rem calc(100% - 3rem);border:var(--about-join-us-border);border-radius:.5rem;color:var(--about-join-us-color);display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--about-section-gap);max-width:calc(100% - var(--center-padding)*2);padding:4rem 1rem 4rem min(30rem,50%)}@media (width <= 769px){.about-container section[aria-labelledby=join_us_in_building_a_better_web]{background-color:#0000;background-position:bottom;background-size:100% 10rem;border:none;padding:1rem 0 12rem}}.about-container div#what_we_offer ul{display:grid;gap:2rem;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}@media (769px < width){.about-container div#what_we_offer ul{gap:5rem}}:is(.about-container div#what_we_offer ul) li{align-items:center;background:var(--boxes-bg);border:1px solid var(--boxes-border);border-radius:.5rem;display:flex;flex-direction:column;gap:1.5rem;justify-content:flex-start;padding:1.5rem;text-align:center;--csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #0000;--csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #0000;box-shadow:-4px 4px 8px 0 var(--csstools-light-dark-toggle--49,#b3b3b326),4px 4px 8px 0 var(--csstools-light-dark-toggle--50,#b3b3b32e);box-shadow:-4px 4px 8px 0 light-dark(#b3b3b326,#0000),4px 4px 8px 0 light-dark(#b3b3b32e,#0000)}:is(:is(.about-container div#what_we_offer ul) li) h4{align-self:stretch;background:var(--boxes-header-bg);border-radius:.5rem .5rem 0 0;color:var(--boxes-header-color);font-size:var(--font-size-large);font-weight:500;margin:-1.5rem -1.5rem 0;padding:1.5rem}:is(.about-container div#what_we_offer ul) li:first-of-type{--boxes-header-bg:var(--boxes-header-bg-1);--boxes-header-color:var(--boxes-header-color-1)}:is(.about-container div#what_we_offer ul) li:nth-of-type(2){--boxes-header-bg:var(--boxes-header-bg-2);--boxes-header-color:var(--boxes-header-color-2)}:is(.about-container div#what_we_offer ul) li:nth-of-type(3){--boxes-header-bg:var(--boxes-header-bg-3);--boxes-header-color:var(--boxes-header-color-3)}:is(.about-container div#what_we_offer ul) li:nth-of-type(4){--boxes-header-bg:var(--boxes-header-bg-4);--boxes-header-color:var(--boxes-header-color-4)}:is(.about-container div#what_we_offer ul) li:nth-of-type(5){--boxes-header-bg:var(--boxes-header-bg-5);--boxes-header-color:var(--boxes-header-color-5)}:is(.about-container div#our_core_values) li{border-radius:.5rem;color:var(--about-core-values-color)}:is(:is(.about-container div#our_core_values) li) h4{color:var(--about-core-values-color);font-size:var(--font-size-normal);font-weight:var(--font-weight-bold);letter-spacing:-.0313rem;margin:0 0 .5rem}:is(:is(.about-container div#our_core_values) li):not(:last-of-type){background:var(--about-core-values-bg-secondary);margin:1rem auto;padding:2rem}:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4{--icon-size:45px;align-items:center;background-position:0;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);display:flex;min-height:var(--icon-size);padding-left:calc(var(--icon-size) + 1rem)}#accurate_and_reliable:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/accurate-sm.6b644425a52001ef.svg)}#collaborative_and_community-driven:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/collaborative-sm.f7add18382918478.svg)}#inclusive_and_dynamic:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/inclusive-sm.67dfcf6e9cf77bb8.svg)}:is(:is(.about-container div#our_core_values) li):last-of-type{background:var(--about-core-values-bg);margin-top:2rem;padding:2rem}@media (992px < width){:is(.about-container div#our_core_values) li{display:grid;grid-auto-flow:dense;grid-template-columns:[left-start] 40% [left-end right-start] 1fr [right-end];padding:2rem}:is(:is(.about-container div#our_core_values) li) h4{font-size:var(--font-line-content);margin:0;max-width:70%}:is(:is(.about-container div#our_core_values) li) p{margin-left:var(--gutter)}:is(:is(.about-container div#our_core_values) li):not(:last-of-type){background:var(--about-core-values-bg);margin:0 auto}:is(:is(.about-container div#our_core_values) li):not(:last-of-type):not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}:is(:is(.about-container div#our_core_values) li):not(:last-of-type):not(:nth-last-of-type(2)){border-bottom-left-radius:0;border-bottom-right-radius:0}:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4{--icon-size:60px;align-self:center}#accurate_and_reliable:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/accurate.9c2342f09d6600e6.svg)}#collaborative_and_community-driven:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/collaborative.367b21ae62819fcb.svg)}#inclusive_and_dynamic:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/inclusive.f1401efadd5a6d6f.svg)}:is(:is(.about-container div#our_core_values) li):not(:last-of-type) p{background:var(--about-core-values-bg-secondary);border-radius:.5rem;padding:2rem}:is(:is(.about-container div#our_core_values) li):nth-of-type(2n):not(:last-of-type) h4{grid-column:right;margin:0 auto}:is(:is(.about-container div#our_core_values) li):nth-of-type(2n):not(:last-of-type) p{grid-column:left;margin-left:0;margin-right:var(--gutter)}:is(:is(.about-container div#our_core_values) li):last-of-type{margin-top:4rem}}.about-container div#our_partners>div,.about-container div#our_team{--team-grid-gap:2.5rem;--team-card-padding:1.5rem;display:grid;gap:0 var(--team-grid-gap);grid-auto-flow:dense;grid-template-columns:[full-start] 1fr 1fr 1fr [full-end]}:is(.about-container div#our_team,.about-container div#our_partners>div)>*{margin:calc(var(--team-grid-gap)/2) 0;scroll-margin-top:calc(var(--sticky-header-without-actions-height) + 2.5rem)}:is(.about-container div#our_team,.about-container div#our_partners>div) p,:is(.about-container div#our_team,.about-container div#our_partners>div)>h4{grid-column:full}:is(:is(.about-container div#our_team,.about-container div#our_partners>div)>h4,:is(.about-container div#our_team,.about-container div#our_partners>div) p):first-child{margin-top:0}:is(:is(.about-container div#our_team,.about-container div#our_partners>div)>h4,:is(.about-container div#our_team,.about-container div#our_partners>div) p):last-child{margin-bottom:0}:is(.about-container div#our_team,.about-container div#our_partners>div) h4,:is(.about-container div#our_team,.about-container div#our_partners>div) h5{font-size:var(--font-line-content);font-weight:var(--font-weight-bold);text-transform:none}@media (width <= 769px){:is(.about-container div#our_team,.about-container div#our_partners>div) h4,:is(.about-container div#our_team,.about-container div#our_partners>div) h5{font-size:var(--font-size-normal)}}@media (width <= 992px){.about-container div#our_partners>div,.about-container div#our_team{--team-grid-gap:2rem;grid-template-columns:[full-start] 1fr 1fr [full-end]}:is(.about-container div#our_team,.about-container div#our_partners>div) ul li:nth-of-type(3):not(:last-of-type){align-self:end;grid-area:picture}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) ul li:nth-of-type(3):not(:last-of-type)) a{position:absolute}}:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member{align-content:start;background:var(--about-team-bg);border:1px solid var(--about-team-bg);box-shadow:var(--about-team-shadow);color:var(--about-team-color);cursor:pointer;display:grid;gap:0;grid-row:span 5;grid-template-areas:"name" "title" "picture" "bio" ".";grid-template-rows:subgrid;padding:calc(var(--team-card-padding) - 1px);-webkit-user-select:none;user-select:none}@media (width <= 426px){:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member{grid-column:full}}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):hover{border-color:var(--text-inactive)}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) h4,:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) h5{grid-area:name;margin:0 0 .5rem}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) ul{display:contents}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:first-of-type{color:var(--about-team-title-color);font-weight:var(--font-weight-bold);grid-area:title;margin-bottom:.75rem}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:nth-of-type(2){grid-area:picture}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:nth-of-type(3):not(:last-of-type){align-self:end;grid-area:picture}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:last-of-type{grid-area:bio;line-height:1.75;max-height:5.25em;overflow:hidden;position:relative}:is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:last-of-type):after{background:var(--about-team-bg);content:"";display:block;height:1.75em;-webkit-mask-image:linear-gradient(90deg,#0000,#000 75%);mask-image:linear-gradient(90deg,#0000,#000 75%);pointer-events:none;position:absolute;right:0;top:3.5em;width:20ch}[dir=rtl] :is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:last-of-type):after{left:0;-webkit-mask-image:linear-gradient(270deg,#0000,#000 75%);mask-image:linear-gradient(270deg,#0000,#000 75%);right:auto}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) img{aspect-ratio:1;margin-bottom:.75rem;width:100%}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) a[href^="https://github.com"]{background:var(--about-team-github-bg);border-top-right-radius:.5rem;color:var(--about-team-color);margin-top:-3.5rem;padding:.25rem .7rem .25rem .5rem;position:absolute}:is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) a[href^="https://github.com"]):before{background:var(--about-team-color);content:"";display:inline-block;height:1.2em;margin-bottom:.2em;margin-right:.2em;-webkit-mask-image:url(/static/client/github-mark-small.1912d5137f4e081d.svg);mask-image:url(/static/client/github-mark-small.1912d5137f4e081d.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1.2em}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within{align-content:start;cursor:unset;display:grid;gap:0 var(--team-card-padding);grid-column:span 2;grid-template-areas:"name    name" "title   title" "picture bio" ".       bio" ".       bio";grid-template-columns:calc(50% - var(--team-grid-gap)/2 - var(--team-card-padding)*2/2) 1fr;-webkit-user-select:auto;user-select:auto}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within li:last-of-type{max-height:unset}:is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within li:last-of-type):after{display:none}@media (width <= 426px){:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within{grid-template-areas:"name" "title" "picture" "bio";grid-template-columns:1fr}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within ul li:nth-of-type(3):not(:last-of-type){align-self:end;grid-area:picture}:is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within ul li:nth-of-type(3):not(:last-of-type)) a{position:absolute}}.about-container #our_partners>div{margin-top:2.5rem}
+/*# sourceMappingURL=styles-generic-about.766241910cf1bfdf.css.map*/

package/dist/client/styles-generic-about.766241910cf1bfdf.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-generic-about.766241910cf1bfdf.css","sources":["webpack://@mdn/fred/./components/generic-about/server.css"],"sourcesContent":["/* variables local to the about page */\n.about-container {\n  --max-width: 74rem;\n  --gutter: 1rem;\n  --about-stats-height: 5.75rem;\n  --about-section-gap: 5rem;\n  --inner-width: calc(min(var(--max-width), 100vw) - 2 * var(--gutter));\n\n  --about-join-us-image: url(\"./assets/building.svg\");\n  --about-journey-dot: url(\"./assets/dot.svg\");\n  --about-global-impact-image: url(\"./assets/global-impact.svg\");\n\n  --stats-box-shadow:\n    4px -2px 15px 0 light-dark(rgb(179 179 179 / 20%), rgb(38 38 38 / 20%)),\n    4px -4px 15px 0 light-dark(rgb(179 179 179 / 15%), rgb(38 38 38 / 15%));\n  --boxes-shadow:\n    -4px 4px 8px 0 light-dark(rgb(179 179 179 / 15%), transparent),\n    4px 4px 8px 0 light-dark(rgb(179 179 179 / 18%), transparent);\n  --about-core-values-shadow: 0 4px 15px 0\n    light-dark(rgb(179 179 179 / 20%), rgb(179 179 179 / 20%));\n  --about-team-shadow: 0 4px 15px 0\n    light-dark(rgb(179 179 179 / 20%), rgb(179 179 179 / 20%));\n  --about-journey-shadow:\n    4px -4px 15px 0 light-dark(rgb(179 179 179 / 25%), rgb(179 179 179 / 25%)),\n    4px 4px 15px 0 light-dark(rgb(179 179 179 / 25%), rgb(179 179 179 / 25%));\n  --about-join-us-border: none;\n\n  --header-next-section-bg: light-dark(#f2f2f5, #1b1b1b);\n  --header-text-primary: light-dark(#000000, #ffffff);\n  --header-text-secondary: light-dark(#343434, #b3b3b3);\n  --header-bg: light-dark(#ffffff, #101010);\n  --stats-bg: light-dark(#ffffff, #000000);\n  --stats-text-primary: light-dark(#000000, #b3b3b3);\n  --stats-stat-bg: light-dark(#d7f5dc, #394035);\n  --stats-stat-text: light-dark(#007936, #8ff295);\n  --boxes-bg: light-dark(#ffffff, #000000);\n  --boxes-border: light-dark(none, #4e4e4e);\n  --boxes-header-bg-1: light-dark(#d5e8fb, #141e34);\n  --boxes-header-color-1: light-dark(inherit, #9bb6f2);\n  --boxes-header-bg-2: light-dark(#fbe3d5, #321d13);\n  --boxes-header-color-2: light-dark(inherit, #e3642a);\n  --boxes-header-bg-3: light-dark(#fbf7d5, #343114);\n  --boxes-header-color-3: light-dark(inherit, #d4c53b);\n  --boxes-header-bg-4: light-dark(#fbd5d5, #341419);\n  --boxes-header-color-4: light-dark(inherit, #f19ca1);\n  --boxes-header-bg-5: light-dark(#dfd5fb, #1d1434);\n  --boxes-header-color-5: light-dark(inherit, #bf94ec);\n  --boxes-main-color: light-dark(#000000, #b3b3b3);\n  --stairs-color: light-dark(#007936, #8ff295);\n  --about-bg-primary: light-dark(#ffffff, #1b1b1b);\n  --about-bg-secondary: light-dark(#f2f2f5, #1b1b1b);\n  --about-join-us-bg: light-dark(#f2f2f5, #000000);\n  --about-join-us-color: light-dark(#343434, #b3b3b3);\n  --about-tablist-border: light-dark(#858585, #858585);\n  --about-tablist-color: light-dark(rgb(0 0 0 / 60%), #b3b3b3);\n  --about-tablist-active-border: light-dark(#007936, #8ff295);\n  --about-tablist-active-color: light-dark(#000000, #ffffff);\n  --about-color: light-dark(#000000, #b3b3b3);\n  --about-heading-color: light-dark(#000000, #ffffff);\n  --about-core-values-bg: light-dark(#ffffff, #000000);\n  --about-core-values-bg-secondary: light-dark(#d7f5dc, #007936);\n  --about-core-values-color: light-dark(#000000, #ffffff);\n  --about-team-title-color: light-dark(#007936, #8ff295);\n  --about-team-bg: light-dark(#ffffff, #000000);\n  --about-team-github-bg: light-dark(rgb(255 255 255 / 75%), rgb(0 0 0 / 70%));\n  --about-team-color: light-dark(#000000, #ffffff);\n  --about-journey-line-color: light-dark(#007936, #8ff295);\n  --about-journey-image-border: light-dark(#ffffff, #000000);\n\n  --center-padding: max(\n    calc((100vw - var(--max-width)) / 2 + var(--gutter)),\n    var(--gutter)\n  );\n}\n\n/* theme support for swapping out assets: check the root-level data-theme property, fall back to the os-level preference */\n:root[data-theme=\"dark\"] {\n  .about-container {\n    --about-join-us-image: url(\"./assets/building-dark.svg\");\n    --about-journey-dot: url(\"./assets/dot-dark.svg\");\n    --about-global-impact-image: url(\"./assets/global-impact-dark.svg\");\n    --about-join-us-border: 1px solid #4e4e4e;\n  }\n}\n\n@media (prefers-color-scheme: dark) {\n  .about-container {\n    --about-join-us-image: url(\"./assets/building-dark.svg\");\n    --about-journey-dot: url(\"./assets/dot-dark.svg\");\n    --about-global-impact-image: url(\"./assets/global-impact-dark.svg\");\n    --about-join-us-border: 1px solid #4e4e4e;\n  }\n}\n\n.about-container {\n  display: flow-root;\n\n  flex-direction: column;\n\n  line-height: var(--font-line-content);\n\n  color: var(--color-text-primary);\n\n  scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track);\n\n  background: var(--color-background-primary);\n\n  h1,\n  h2,\n  h3,\n  p {\n    margin: 0;\n  }\n\n  @media (--screen-small-and-narrower) {\n    --about-section-gap: 3rem;\n  }\n\n  @media (--screen-medium-and-wider) {\n    h1 {\n      font-size: var(--font-size-largest);\n      font-weight: var(--font-weight-bold);\n\n      line-height: 1.2;\n\n      word-break: break-all;\n    }\n  }\n\n  > header {\n    --header-stats-height: var(--about-stats-height);\n\n    background: linear-gradient(\n      to top,\n      var(--header-next-section-bg, transparent) 0%,\n      var(--header-next-section-bg, transparent)\n        calc(var(--header-stats-height) / 2),\n      var(--header-bg) calc(var(--header-stats-height) / 2),\n      var(--header-bg) 100%\n    );\n\n    section {\n      padding-top: 5rem;\n\n      @media (--screen-small-and-narrower) {\n        padding-top: 1rem;\n      }\n    }\n\n    h1 {\n      margin-bottom: 1rem;\n      font-size: var(--font-size-largest);\n      color: var(--header-text-primary);\n\n      @media (--screen-small-and-narrower) {\n        font-size: var(--font-size-larger);\n      }\n\n      + p {\n        max-width: 43rem;\n\n        font-size: var(--font-size-larger);\n        font-weight: 500;\n\n        line-height: 120%;\n\n        @media (--screen-small-and-narrower) {\n          font-size: var(--font-size-large);\n        }\n      }\n    }\n\n    p {\n      max-width: 43rem;\n\n      margin-bottom: 1.5rem;\n\n      font-size: var(--font-size-larger);\n      font-weight: 500;\n\n      line-height: 120%;\n\n      color: var(--header-text-secondary);\n    }\n\n    + section {\n      margin-top: 4.56rem;\n\n      @media (--screen-small-and-narrower) {\n        margin-top: 2rem;\n      }\n    }\n\n    ul {\n      position: relative;\n      z-index: 2;\n\n      display: flex;\n\n      gap: 1rem;\n      justify-content: space-around;\n\n      padding: 1rem;\n      margin-top: 5em;\n\n      color: var(--stats-text-primary);\n\n      text-align: center;\n\n      background: var(--stats-bg);\n      border-radius: 0.5rem;\n      box-shadow: var(--stats-box-shadow);\n\n      @media (--screen-small-and-narrower) {\n        flex-wrap: wrap;\n        margin-top: 2rem;\n      }\n\n      li {\n        display: flex;\n\n        flex-wrap: wrap;\n\n        column-gap: 1rem;\n        align-items: baseline;\n        justify-content: center;\n\n        min-width: 7.75rem;\n\n        overflow-wrap: anywhere;\n\n        @media (--screen-small-and-narrower) {\n          flex: 1;\n          flex-direction: column;\n\n          align-items: center;\n          justify-content: flex-start;\n        }\n\n        strong {\n          display: inline-flex;\n\n          align-items: center;\n          justify-content: center;\n\n          width: 3.75rem;\n          height: 3.75rem;\n\n          color: var(--stats-stat-text);\n\n          background: var(--stats-stat-bg);\n          border-radius: 50%;\n        }\n      }\n    }\n  }\n\n  p {\n    margin: 0;\n  }\n\n  h2 {\n    color: var(--about-heading-color);\n  }\n\n  > section > * {\n    min-width: 0;\n  }\n\n  section {\n    width: 100%;\n    max-width: var(--max-width);\n\n    padding-right: var(--gutter);\n    padding-left: var(--gutter);\n    margin-right: auto;\n    margin-left: auto;\n\n    h2 {\n      margin-bottom: 1rem;\n      font-size: var(--font-size-larger);\n      font-weight: var(--font-weight-bold);\n    }\n\n    mdn-about-tabs {\n      position: relative;\n      grid-column: 1/-1;\n      padding-top: 2rem;\n    }\n  }\n\n  .tabpanel {\n    scroll-margin-top: calc(var(--sticky-header-height) + 4rem);\n  }\n\n  ol,\n  ul {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  div#our_journey {\n    --image-inner-height: calc(720px * 0.45);\n    --image-border-size: 4px;\n    --image-height: calc(\n      var(--image-inner-height) + var(--image-border-size) * 2\n    );\n    --image-width: calc(\n      var(--image-inner-height) * 16 / 9 + var(--image-border-size) * 2\n    );\n    --dot-height: 3rem;\n    --separator-width: 10rem;\n    --list-width: calc(\n      var(--inner-width) - var(--separator-width) - var(--image-width)\n    );\n\n    @media (--screen-large-and-narrower) {\n      --separator-width: 6rem;\n    }\n\n    > p {\n      margin-bottom: 1rem;\n    }\n\n    > ul {\n      width: var(--list-width);\n      margin-top: 3rem;\n      border-right: var(--about-journey-line-color) dashed 0.0625rem;\n\n      @media (--screen-medium-and-narrower) {\n        width: auto;\n\n        margin-left: 1rem;\n\n        border-right: none;\n        border-left: var(--about-journey-line-color) dashed 0.0625rem;\n      }\n\n      li {\n        position: relative;\n\n        min-height: var(--image-height);\n\n        padding-right: 2rem;\n        margin: 8rem 0;\n\n        &:first-of-type {\n          margin-top: 2rem;\n        }\n\n        &:last-of-type {\n          margin-bottom: 2rem;\n        }\n\n        @media (--screen-medium-and-narrower) {\n          padding-left: 2rem;\n        }\n\n        &::after {\n          position: absolute;\n          top: calc(var(--dot-height) / -2);\n          right: calc(var(--dot-height) / -2);\n\n          display: block;\n\n          width: var(--dot-height);\n          height: var(--dot-height);\n\n          content: \"\";\n\n          background-image: var(--about-journey-dot);\n          background-repeat: no-repeat;\n          background-position: center center;\n\n          @media (--screen-medium-and-narrower) {\n            --dot-height: 2rem;\n            right: auto;\n            left: calc(var(--dot-height) / -2);\n          }\n        }\n      }\n\n      li:has([id=\"2017\"], [id=\"20232024\"]) {\n        min-height: 0;\n      }\n\n      h4 {\n        position: relative;\n        top: -0.75em;\n\n        margin: 0;\n\n        font-size: var(--font-size-large);\n        font-weight: var(--font-weight-bold);\n\n        line-height: var(--font-line-normal);\n\n        text-decoration-line: underline;\n\n        @media (--screen-medium-and-narrower) {\n          margin-bottom: -0.75em;\n          font-size: var(--font-size-large);\n        }\n\n        &::before {\n          position: absolute;\n          top: calc(0.75em - 5px);\n          left: calc(100% + 2rem);\n\n          display: none;\n\n          width: calc(var(--separator-width) - var(--dot-height) / 2);\n          height: 10px;\n\n          content: \"\";\n\n          background: var(--about-journey-line-color);\n\n          mask-image: url(\"./assets/line-dot.svg\");\n          mask-repeat: no-repeat;\n          mask-position: center right;\n          mask-size: cover;\n\n          @media (--screen-medium-and-narrower) {\n            content: none;\n          }\n        }\n\n        ~ p:last-of-type > img {\n          position: absolute;\n          top: calc(var(--dot-height) / -2);\n          left: calc(var(--inner-width) - var(--image-width));\n\n          width: var(--image-width);\n          max-width: var(--image-width);\n          height: var(--image-height);\n\n          background-color: var(--about-journey-image-border);\n          background-repeat: no-repeat;\n          background-position: center center;\n          background-size: contain;\n          border: var(--image-border-size) solid\n            var(--about-journey-image-border);\n          box-shadow: var(--about-journey-shadow);\n\n          @media (--screen-medium-and-narrower) {\n            position: relative;\n            top: auto;\n            left: auto;\n\n            box-sizing: content-box;\n\n            width: auto;\n            max-width: 100%;\n            height: auto;\n            max-height: var(--image-inner-height);\n            aspect-ratio: 16/9;\n\n            margin: 2rem auto;\n          }\n        }\n      }\n\n      h4[id=\"2005\"]::before,\n      h4[id=\"2005\"] ~ p:last-of-type::after {\n        display: block;\n      }\n\n      h4[id=\"2010\"]::before,\n      h4[id=\"2010\"] ~ p:last-of-type::after {\n        display: block;\n      }\n\n      h4[id=\"2020\"]::before,\n      h4[id=\"2020\"] ~ p:last-of-type::after {\n        display: block;\n      }\n\n      h4[id=\"2022\"]::before,\n      h4[id=\"2022\"] ~ p:last-of-type::after {\n        display: block;\n      }\n    }\n\n    h4 {\n      font-size: var(--font-line-content);\n      font-weight: var(--font-weight-bold);\n    }\n\n    mdn-image-history ul {\n      display: flex;\n\n      gap: 1rem;\n\n      padding-bottom: 1rem;\n      margin-bottom: -1rem;\n\n      overflow-x: auto;\n\n      li {\n        flex-shrink: 0;\n      }\n\n      img {\n        box-sizing: content-box;\n\n        height: 180px;\n        aspect-ratio: 16/9;\n\n        border: var(--image-border-size) solid var(--about-journey-image-border);\n      }\n    }\n  }\n\n  section[aria-labelledby=\"who_we_are\"] {\n    display: grid;\n\n    grid-template-columns: 4fr 6fr;\n\n    column-gap: min(5rem, 5vw);\n\n    max-width: none;\n\n    padding: 4rem var(--center-padding);\n    margin: 0;\n\n    background: var(--about-bg-secondary);\n  }\n\n  section[aria-labelledby=\"global_impact\"] {\n    display: block;\n    margin: var(--about-section-gap) auto;\n\n    @media (--screen-large-and-wider) {\n      .section-content {\n        padding-right: 30rem;\n\n        background: var(--about-global-impact-image);\n        background-repeat: no-repeat;\n        background-position: 100%;\n        background-size: 20rem 100%;\n      }\n    }\n\n    ul {\n      margin-top: 1rem;\n      --stairs-icon-size: 3.125rem;\n      --stairs-step-indent: 3.125rem;\n      --stairs-step-gap: 4rem;\n\n      li {\n        --stairs-padding-left: calc(\n          var(--stairs-step-indent) * var(--nth-child)\n        );\n        position: relative;\n\n        display: flex;\n\n        gap: 1rem;\n        align-items: center;\n\n        padding-left: var(--stairs-padding-left);\n      }\n\n      li:not(:last-of-type) {\n        margin-bottom: var(--stairs-step-gap);\n      }\n\n      li::before {\n        display: block;\n\n        flex-shrink: 0;\n\n        width: var(--stairs-icon-size);\n        height: var(--stairs-icon-size);\n\n        margin-left: calc(-1 * var(--stairs-icon-size));\n\n        content: \"\";\n\n        background: var(--stairs-color);\n\n        mask-image: var(--stairs-icon);\n        mask-repeat: no-repeat;\n        mask-position: center;\n        mask-size: 80%;\n      }\n\n      li:not(:last-of-type)::after {\n        --height: calc(var(--stairs-step-gap) * 1.2);\n        position: absolute;\n        bottom: calc(-1 * var(--height));\n        left: calc(var(--stairs-padding-left) - 50px);\n\n        display: block;\n\n        width: calc(var(--stairs-icon-size) + var(--stairs-step-indent));\n        height: var(--height);\n\n        content: \"\";\n\n        background: linear-gradient(\n          to bottom,\n          var(--stairs-color),\n          transparent\n        );\n\n        mask: url(\"./assets/lines.svg\");\n        mask-repeat: no-repeat;\n        mask-position: center;\n        mask-size: contain;\n      }\n\n      li:nth-child(1) {\n        --nth-child: 1;\n        --stairs-icon: url(\"./assets/education.svg\");\n      }\n\n      li:nth-child(2) {\n        --nth-child: 2;\n        --stairs-icon: url(\"./assets/text-box-check-outline.svg\");\n      }\n\n      li:nth-child(3) {\n        --nth-child: 3;\n        --stairs-icon: url(\"./assets/web-check.svg\");\n      }\n\n      li:nth-child(4) {\n        --nth-child: 4;\n        --stairs-icon: url(\"./assets/handshake.svg\");\n      }\n\n      @media (--screen-small-and-narrower) {\n        li {\n          --stairs-step-indent: 0;\n          --stairs-padding-left: var(--stairs-icon-size);\n          --stairs-step-gap: 1rem;\n        }\n      }\n    }\n  }\n\n  section[aria-labelledby=\"join_us_in_building_a_better_web\"] {\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: center;\n\n    max-width: calc(100% - 2 * var(--center-padding));\n\n    padding: 4rem 1rem;\n    padding-left: min(30rem, 50%);\n    margin-bottom: var(--about-section-gap);\n\n    color: var(--about-join-us-color);\n\n    background: var(--about-join-us-image) var(--about-join-us-bg);\n    background-repeat: no-repeat;\n    background-position: 1.5rem;\n    background-size: 20rem calc(100% - 3rem);\n    border: var(--about-join-us-border);\n    border-radius: 0.5rem;\n\n    @media (--screen-small-and-narrower) {\n      padding: 1rem 0;\n      padding-bottom: 12rem;\n\n      background-color: rgb(0 0 0 / 0%);\n      background-position: center bottom;\n      background-size: 100% 10rem;\n      border: none;\n    }\n  }\n\n  div#what_we_offer ul {\n    display: grid;\n\n    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));\n    grid-auto-rows: 1fr;\n\n    gap: 2rem;\n\n    @media (--screen-medium-and-wider) {\n      gap: 5rem;\n    }\n\n    li {\n      display: flex;\n\n      flex-direction: column;\n\n      gap: 1.5rem;\n      align-items: center;\n      justify-content: flex-start;\n\n      padding: 1.5rem;\n\n      text-align: center;\n\n      background: var(--boxes-bg);\n      border: 1px solid var(--boxes-border);\n      border-radius: 0.5rem;\n\n      /* box-shadow:\n        -4px 4px 8px 0 #b3b3b326,\n        4px 4px 8px 0 #b3b3b32e; */\n\n      /* box-shadow: var(--boxes-shadow); */\n      box-shadow:\n        -4px 4px 8px 0 light-dark(rgb(179 179 179 / 15%), transparent),\n        4px 4px 8px 0 light-dark(rgb(179 179 179 / 18%), transparent);\n\n      h4 {\n        align-self: stretch;\n\n        padding: 1.5rem;\n        margin: -1.5rem -1.5rem 0;\n\n        font-size: var(--font-size-large);\n        font-weight: 500;\n\n        color: var(--boxes-header-color);\n\n        background: var(--boxes-header-bg);\n        border-radius: 0.5rem 0.5rem 0 0;\n      }\n    }\n\n    li:first-of-type {\n      --boxes-header-bg: var(--boxes-header-bg-1);\n      --boxes-header-color: var(--boxes-header-color-1);\n    }\n\n    li:nth-of-type(2) {\n      --boxes-header-bg: var(--boxes-header-bg-2);\n      --boxes-header-color: var(--boxes-header-color-2);\n    }\n\n    li:nth-of-type(3) {\n      --boxes-header-bg: var(--boxes-header-bg-3);\n      --boxes-header-color: var(--boxes-header-color-3);\n    }\n\n    li:nth-of-type(4) {\n      --boxes-header-bg: var(--boxes-header-bg-4);\n      --boxes-header-color: var(--boxes-header-color-4);\n    }\n\n    li:nth-of-type(5) {\n      --boxes-header-bg: var(--boxes-header-bg-5);\n      --boxes-header-color: var(--boxes-header-color-5);\n    }\n  }\n\n  div#our_core_values {\n    li {\n      color: var(--about-core-values-color);\n      border-radius: 0.5rem;\n\n      h4 {\n        margin: 0;\n        margin-bottom: 0.5rem;\n\n        font-size: var(--font-size-normal);\n        font-weight: var(--font-weight-bold);\n\n        color: var(--about-core-values-color);\n\n        letter-spacing: -0.0313rem;\n      }\n\n      &:not(:last-of-type) {\n        padding: 2rem;\n        margin: 1rem auto;\n        background: var(--about-core-values-bg-secondary);\n\n        h4 {\n          --icon-size: 45px;\n          display: flex;\n\n          align-items: center;\n\n          min-height: var(--icon-size);\n\n          padding-left: calc(var(--icon-size) + 1rem);\n\n          background-repeat: no-repeat;\n          background-position: left center;\n          background-size: var(--icon-size) var(--icon-size);\n\n          &#accurate_and_reliable {\n            background-image: url(\"./assets/accurate-sm.svg\");\n          }\n\n          &#collaborative_and_community-driven {\n            background-image: url(\"./assets/collaborative-sm.svg\");\n          }\n\n          &#inclusive_and_dynamic {\n            background-image: url(\"./assets/inclusive-sm.svg\");\n          }\n        }\n      }\n\n      &:last-of-type {\n        padding: 2rem;\n        margin-top: 2rem;\n        background: var(--about-core-values-bg);\n      }\n\n      @media (--screen-large-and-wider) {\n        display: grid;\n\n        grid-template-columns: [left-start] 40% [left-end right-start] 1fr [right-end];\n        grid-auto-flow: dense;\n\n        padding: 2rem;\n\n        h4 {\n          max-width: 70%;\n          margin: 0;\n          font-size: var(--font-line-content);\n        }\n\n        p {\n          margin-left: var(--gutter);\n        }\n\n        &:not(:last-of-type) {\n          margin: 0 auto;\n          background: var(--about-core-values-bg);\n\n          &:not(:first-of-type) {\n            border-top-left-radius: 0;\n            border-top-right-radius: 0;\n          }\n\n          &:not(:nth-last-of-type(2)) {\n            border-bottom-right-radius: 0;\n            border-bottom-left-radius: 0;\n          }\n\n          h4 {\n            --icon-size: 60px;\n            align-self: center;\n\n            &#accurate_and_reliable {\n              background-image: url(\"./assets/accurate.svg\");\n            }\n\n            &#collaborative_and_community-driven {\n              background-image: url(\"./assets/collaborative.svg\");\n            }\n\n            &#inclusive_and_dynamic {\n              background-image: url(\"./assets/inclusive.svg\");\n            }\n          }\n\n          p {\n            padding: 2rem;\n            background: var(--about-core-values-bg-secondary);\n            border-radius: 0.5rem;\n          }\n        }\n\n        &:nth-of-type(even):not(:last-of-type) {\n          h4 {\n            grid-column: right;\n            margin: 0 auto;\n          }\n\n          p {\n            grid-column: left;\n            margin-right: var(--gutter);\n            margin-left: 0;\n          }\n        }\n\n        &:last-of-type {\n          margin-top: 4rem;\n        }\n      }\n    }\n  }\n\n  div#our_team,\n  div#our_partners > div {\n    --team-grid-gap: 2.5rem;\n    --team-card-padding: 1.5rem;\n    display: grid;\n\n    grid-template-columns: [full-start] 1fr 1fr 1fr [full-end];\n    grid-auto-flow: dense;\n\n    gap: 0 var(--team-grid-gap);\n\n    > * {\n      margin: calc(var(--team-grid-gap) / 2) 0;\n      scroll-margin-top: calc(\n        var(--sticky-header-without-actions-height) + 1.5rem + 1rem\n      );\n    }\n\n    > h4,\n    p {\n      grid-column: full;\n\n      &:first-child {\n        margin-top: 0;\n      }\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    h4,\n    h5 {\n      font-size: var(--font-line-content);\n      font-weight: var(--font-weight-bold);\n      text-transform: none;\n    }\n\n    @media (--screen-small-and-narrower) {\n      h4,\n      h5 {\n        font-size: var(--font-size-normal);\n      }\n    }\n\n    @media (--screen-medium-and-narrower) {\n      --team-grid-gap: 2rem;\n      grid-template-columns: [full-start] 1fr 1fr [full-end];\n\n      ul li:nth-of-type(3):not(:last-of-type) {\n        grid-area: picture;\n        align-self: end;\n\n        a {\n          position: absolute;\n        }\n      }\n    }\n\n    mdn-about-team-member {\n      display: grid;\n\n      grid-template-areas: \"name\" \"title\" \"picture\" \"bio\" \".\";\n      grid-template-rows: subgrid;\n      grid-row: span 5;\n\n      gap: 0;\n      align-content: start;\n\n      padding: calc(var(--team-card-padding) - 1px);\n\n      color: var(--about-team-color);\n\n      cursor: pointer;\n      user-select: none;\n\n      background: var(--about-team-bg);\n      border: 1px solid var(--about-team-bg);\n      box-shadow: var(--about-team-shadow);\n\n      @media (--screen-xsmall) {\n        grid-column: full;\n      }\n\n      &:hover {\n        border-color: var(--text-inactive);\n      }\n\n      h4,\n      h5 {\n        grid-area: name;\n        margin: 0;\n        margin-bottom: 0.5rem;\n      }\n\n      ul {\n        display: contents;\n      }\n\n      li:first-of-type {\n        grid-area: title;\n\n        margin-bottom: 0.75rem;\n\n        font-weight: var(--font-weight-bold);\n\n        color: var(--about-team-title-color);\n      }\n\n      li:nth-of-type(2) {\n        grid-area: picture;\n      }\n\n      li:nth-of-type(3):not(:last-of-type) {\n        grid-area: picture;\n        align-self: end;\n      }\n\n      li:last-of-type {\n        position: relative;\n\n        grid-area: bio;\n\n        max-height: 5.25em;\n\n        overflow: hidden;\n\n        line-height: 1.75;\n\n        &::after {\n          position: absolute;\n          top: 3.5em;\n          right: 0;\n\n          display: block;\n\n          width: 20ch;\n          height: 1.75em;\n\n          pointer-events: none;\n\n          content: \"\";\n\n          background: var(--about-team-bg);\n\n          mask-image: linear-gradient(to right, transparent, #000000 75%);\n        }\n\n        &:dir(rtl)::after {\n          right: initial;\n          left: 0;\n          mask-image: linear-gradient(to left, transparent, #000000 75%);\n        }\n      }\n\n      img {\n        width: 100%;\n        aspect-ratio: 1;\n        margin-bottom: 0.75rem;\n      }\n\n      a[href^=\"https://github.com\"]\n      {\n        position: absolute;\n\n        padding: 0.25rem 0.5rem;\n        padding-right: 0.7rem;\n        margin-top: -3.5rem;\n\n        color: var(--about-team-color);\n\n        background: var(--about-team-github-bg);\n        border-top-right-radius: 0.5rem;\n\n        &::before {\n          display: inline-block;\n\n          width: 1.2em;\n          height: 1.2em;\n\n          margin-right: 0.2em;\n          margin-bottom: 0.2em;\n\n          vertical-align: middle;\n\n          content: \"\";\n\n          background: var(--about-team-color);\n\n          mask-image: url(\"./assets/github-mark-small.svg\");\n          mask-repeat: no-repeat;\n        }\n      }\n\n      &:focus-within {\n        display: grid;\n\n        grid-template-areas: \"name    name\" \"title   title\" \"picture bio\" \".       bio\" \".       bio\";\n        grid-template-columns:\n          calc((100% - var(--team-grid-gap) - 2 * var(--team-card-padding)) / 2)\n          1fr;\n        grid-column: span 2;\n\n        gap: 0 var(--team-card-padding);\n        align-content: start;\n\n        cursor: unset;\n        user-select: auto;\n\n        li:last-of-type {\n          max-height: unset;\n\n          &::after {\n            display: none;\n          }\n        }\n\n        @media (--screen-xsmall) {\n          grid-template-areas: \"name\" \"title\" \"picture\" \"bio\";\n          grid-template-columns: 1fr;\n\n          ul li:nth-of-type(3):not(:last-of-type) {\n            grid-area: picture;\n            align-self: end;\n\n            a {\n              position: absolute;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  #our_partners > div {\n    margin-top: 2.5rem;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/client/styles-generic-community.76b2cea1e9b36907.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["7009"];export const __webpack_modules__={42515:function(){}};import s from"./styles.7fb7069c86aa338c.js";import*as e from"./styles-generic-community.76b2cea1e9b36907.js";s.C(e),s(s.s=42515);

package/dist/client/styles-generic-community.aa93fe32626f89a4.css

@@ -0,0 +1,2 @@
+.community-container{--gutter:1rem;--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #101010;--community-bg-primary:var(--csstools-light-dark-toggle--4,#fcfcfc);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #1b1b1b;--community-bg-secondary:var(--csstools-light-dark-toggle--5,#f2f2f5);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #fff;--community-text-primary:var(--csstools-light-dark-toggle--6,#000);--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #cdcdcd;--community-text-primary-alt:var(--csstools-light-dark-toggle--7,#000);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #cdcdcd;--community-text-secondary:var(--csstools-light-dark-toggle--8,#343434);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #8ff295;--community-text-success:var(--csstools-light-dark-toggle--9,#007936);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #b3b3b3;--community-header-text:var(--csstools-light-dark-toggle--10,#696969);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #394035;--community-header-stats-bg:var(--csstools-light-dark-toggle--11,#e1f5e5);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #26262633;--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #26262626;--community-box-shadow:4px -2px 1rem 0 var(--csstools-light-dark-toggle--12,#b3b3b333),4px -4px 1rem 0 var(--csstools-light-dark-toggle--13,#b3b3b326);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #4e4e4e;--community-circle-img-border:var(--csstools-light-dark-toggle--14,#fff);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #000;--community-card-bg:var(--csstools-light-dark-toggle--15,#fff);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #354039;--community-card-header-bg:var(--csstools-light-dark-toggle--16,#e1f5e5);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #343434;--community-card-border:var(--csstools-light-dark-toggle--17,#e2e2e2);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #1b1b1b;--community-table-border:var(--csstools-light-dark-toggle--18,#e2e2e2);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #1b1b1b;--community-table-row:var(--csstools-light-dark-toggle--19,#f9f9fb);--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #354039;--community-label-bg:var(--csstools-light-dark-toggle--20,#dff7e3);--community-header-bg:url(/static/client/people.a3a24be88dacdb7a.svg);--community-quote-start:url(/static/client/quote-start.68c39c6f8e577f1f.svg);--community-quote-end:url(/static/client/quote-end.4338ed019ef321a5.svg);--community-video-bg:url(/static/client/video-bg.4fba76087554088a.svg);--community-discord-bg:url(/static/client/discord.3f1254e467a7f250.svg);--community-calls-bg:url(/static/client/community-calls.a6bf87abf19c466e.svg)}@supports (color:light-dark(red,red)){.community-container{--community-bg-primary:light-dark(#fcfcfc,#101010);--community-bg-secondary:light-dark(#f2f2f5,#1b1b1b);--community-text-primary:light-dark(#000,#fff);--community-text-primary-alt:light-dark(#000,#cdcdcd);--community-text-secondary:light-dark(#343434,#cdcdcd);--community-text-success:light-dark(#007936,#8ff295);--community-header-text:light-dark(#696969,#b3b3b3);--community-header-stats-bg:light-dark(#e1f5e5,#394035)}}@supports (color:light-dark(red,red)) and (color:rgb(0 0 0/0)){.community-container{--community-box-shadow:4px -2px 1rem 0 light-dark(#b3b3b333,#26262633),4px -4px 1rem 0 light-dark(#b3b3b326,#26262626)}}@supports (color:light-dark(red,red)){.community-container{--community-circle-img-border:light-dark(#fff,#4e4e4e);--community-card-bg:light-dark(#fff,#000);--community-card-header-bg:light-dark(#e1f5e5,#354039);--community-card-border:light-dark(#e2e2e2,#343434);--community-table-border:light-dark(#e2e2e2,#1b1b1b);--community-table-row:light-dark(#f9f9fb,#1b1b1b);--community-label-bg:light-dark(#dff7e3,#354039)}}@supports not (color:light-dark(tan,tan)){.community-container *{--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #101010;--community-bg-primary:var(--csstools-light-dark-toggle--4,#fcfcfc);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #1b1b1b;--community-bg-secondary:var(--csstools-light-dark-toggle--5,#f2f2f5);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #fff;--community-text-primary:var(--csstools-light-dark-toggle--6,#000);--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #cdcdcd;--community-text-primary-alt:var(--csstools-light-dark-toggle--7,#000);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #cdcdcd;--community-text-secondary:var(--csstools-light-dark-toggle--8,#343434);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #8ff295;--community-text-success:var(--csstools-light-dark-toggle--9,#007936);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #b3b3b3;--community-header-text:var(--csstools-light-dark-toggle--10,#696969);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #394035;--community-header-stats-bg:var(--csstools-light-dark-toggle--11,#e1f5e5);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #26262633;--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #26262626;--community-box-shadow:4px -2px 1rem 0 var(--csstools-light-dark-toggle--12,#b3b3b333),4px -4px 1rem 0 var(--csstools-light-dark-toggle--13,#b3b3b326);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #4e4e4e;--community-circle-img-border:var(--csstools-light-dark-toggle--14,#fff);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #000;--community-card-bg:var(--csstools-light-dark-toggle--15,#fff);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #354039;--community-card-header-bg:var(--csstools-light-dark-toggle--16,#e1f5e5);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #343434;--community-card-border:var(--csstools-light-dark-toggle--17,#e2e2e2);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #1b1b1b;--community-table-border:var(--csstools-light-dark-toggle--18,#e2e2e2);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #1b1b1b;--community-table-row:var(--csstools-light-dark-toggle--19,#f9f9fb);--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #354039;--community-label-bg:var(--csstools-light-dark-toggle--20,#dff7e3)}}@media (prefers-color-scheme:dark){.community-container{--community-header-bg:url(/static/client/people-dark.a149b2af062b2e10.svg);--community-quote-start:url(/static/client/quote-start-dark.c0a98ef1da249042.svg);--community-quote-end:url(/static/client/quote-end-dark.8f93fff7280ff674.svg);--community-video-bg:url(/static/client/video-bg-dark.92ad28c89fc826e3.svg);--community-discord-bg:url(/static/client/discord-dark.61a58fc0e649edd9.svg);--community-calls-bg:url(/static/client/community-calls-dark.13788dc61d057c98.svg)}}[data-theme=dark]:root .community-container{--community-header-bg:url(/static/client/people-dark.a149b2af062b2e10.svg);--community-quote-start:url(/static/client/quote-start-dark.c0a98ef1da249042.svg);--community-quote-end:url(/static/client/quote-end-dark.8f93fff7280ff674.svg);--community-video-bg:url(/static/client/video-bg-dark.92ad28c89fc826e3.svg);--community-discord-bg:url(/static/client/discord-dark.61a58fc0e649edd9.svg);--community-calls-bg:url(/static/client/community-calls-dark.13788dc61d057c98.svg)}.community-container{--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)}@supports (color:light-dark(red,red)){.community-container{--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)){.community-container *{--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)}}.community-container{--community-stats-height:5.75rem;--community-section-gap:5rem;--max-width:74rem;--layout-text-primary:var(--community-text-primary);background:var(--community-bg-secondary);color:var(--community-text-secondary);display:flow-root;min-height:80vh;scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track)}.community-container blockquote,.community-container h2,.community-container h3,.community-container p{margin:0}.community-container h2,.community-container h3{color:var(--layout-text-primary)}:is(.community-container h2,.community-container h3) a{color:unset;-webkit-text-decoration:none;text-decoration:none}.community-container a{-webkit-text-decoration:underline;text-decoration:underline}:is(.community-container a):hover{-webkit-text-decoration:none;text-decoration:none}.community-container p+p{margin-top:1.5rem}.community-container ol,.community-container ul{list-style:none;padding:0}.community-container section{margin-left:auto;margin-right:auto;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}.community-container h2{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold);margin-bottom:1rem}@media (width <= 769px){.community-container h2{font-size:var(--font-size-large)}}.community-container>header{--header-text-primary:var(--community-text-primary);--header-text-secondary:var(--community-header-text);--header-stats-height:var(--community-stats-height);--header-bg:var(--community-bg-primary);background:linear-gradient(to top,var(--header-next-section-bg,#0000) 0,var(--header-next-section-bg,#0000) calc(var(--header-stats-height)/2),var(--header-bg) calc(var(--header-stats-height)/2),var(--header-bg) 100%)}@media (width <= 769px){.community-container>header{padding-top:1rem;text-align:center}}:is(.community-container>header) section{background-image:var(--community-header-bg);background-position:bottom calc(var(--community-stats-height) - 1rem) right;background-repeat:no-repeat;background-size:50%;padding-top:5rem}@media (width <= 769px){:is(.community-container>header) section{background-position:top;background-size:80vw;padding-top:40vw}}:is(.community-container>header) h1{color:var(--header-text-primary);font-size:var(--font-size-largest);margin-bottom:1rem}@media (width <= 769px){:is(.community-container>header) h1{font-size:var(--font-size-larger)}}:is(.community-container>header) p{color:var(--header-text-secondary);margin-bottom:1.5rem}:is(.community-container>header)+section{margin-top:4.56rem}@media (width <= 769px){:is(.community-container>header)+section{margin-top:2rem}}:is(.community-container>header) ul:first-of-type{display:flex;flex-wrap:wrap;gap:1rem}@media (width <= 769px){:is(.community-container>header) ul:first-of-type{justify-content:center}}:is(:is(.community-container>header) ul:first-of-type) a{--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-color:var(--button-color--default);--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(.community-container>header) ul:first-of-type) a):after{display:none}:is(:is(:is(.community-container>header) ul:first-of-type) a):hover{--button-border-color:var(--button-bg-hover);--button-bg:var(--button-bg-hover)}:is(:is(:is(.community-container>header) ul:first-of-type) a):active{--button-bg:var(--button-bg-active)}:is(:is(.community-container>header) ul:first-of-type) li:last-child a{--button-color:var(--button-bg);background:#0000}:is(.community-container>header) ul:last-of-type{--stats-bg:var(--community-card-bg);--stats-box-shadow:var(--community-box-shadow);--stats-text-primary:var(--community-text-primary);--stats-stat-bg:var(--community-header-stats-bg);--stats-stat-text:var(--community-text-success);background:var(--stats-bg);border-radius:.5rem;box-shadow:var(--stats-box-shadow);color:var(--stats-text-primary);display:flex;gap:1rem;justify-content:space-around;margin-top:5em;padding:1rem;position:relative;text-align:center;z-index:2}@media (width <= 769px){:is(.community-container>header) ul:last-of-type{flex-wrap:wrap;margin-top:2rem}}:is(:is(.community-container>header) ul:last-of-type) li{align-items:baseline;column-gap:1rem;display:flex;flex-wrap:wrap;justify-content:center;min-width:7.75rem;overflow-wrap:anywhere}@media (width <= 769px){:is(:is(.community-container>header) ul:last-of-type) li{align-items:center;flex:1;flex-direction:column;justify-content:flex-start}}:is(:is(:is(.community-container>header) ul:last-of-type) li) strong{align-items:center;background:var(--stats-stat-bg);border-radius:50%;color:var(--stats-stat-text);display:inline-flex;height:3.75rem;justify-content:center;width:3.75rem}.community-container>section{--community-circle-height:57rem;column-gap:min(5rem,5vw);display:grid;grid-template-columns:4fr 6fr}@media (width <= 769px){.community-container>section{display:block;--community-circle-height:0rem}}:is(.community-container>section)>*{min-width:0}[aria-labelledby=meet_our_contributors]:is(.community-container>section){grid-template-rows:auto auto auto var(--community-circle-height);margin-top:var(--community-section-gap)}[aria-labelledby=meet_our_contributors]:is(.community-container>section) .section-content>*,[aria-labelledby=meet_our_contributors]:is(.community-container>section) h2{grid-column:2}[aria-labelledby=meet_our_contributors]:is(.community-container>section) .section-content{display:contents}:is([aria-labelledby=meet_our_contributors]:is(.community-container>section) .section-content)>ul{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}@media (width <= 769px){:is([aria-labelledby=meet_our_contributors]:is(.community-container>section) .section-content)>ul{justify-content:center}}:is(:is([aria-labelledby=meet_our_contributors]:is(.community-container>section) .section-content)>ul) a{--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-color:var(--button-color--default);--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([aria-labelledby=meet_our_contributors]:is(.community-container>section) .section-content)>ul) a):after{display:none}:is(:is(:is([aria-labelledby=meet_our_contributors]:is(.community-container>section) .section-content)>ul) a):hover{--button-border-color:var(--button-bg-hover);--button-bg:var(--button-bg-hover)}:is(:is(:is([aria-labelledby=meet_our_contributors]:is(.community-container>section) .section-content)>ul) a):active{--button-bg:var(--button-bg-active)}:is(:is([aria-labelledby=meet_our_contributors]:is(.community-container>section) .section-content)>ul) li:last-child a{--button-color:var(--button-bg);background:#0000}:is([aria-labelledby=meet_our_contributors]:is(.community-container>section) .section-content) mdn-contributor-list{grid-column:1;grid-row:1/5;min-width:0}:is(:is([aria-labelledby=meet_our_contributors]:is(.community-container>section) .section-content) mdn-contributor-list)>ul{display:none}[aria-labelledby=contributor_spotlight]:is(.community-container>section){margin-top:calc(var(--community-section-gap) - var(--community-circle-height))}[aria-labelledby=contributor_spotlight]:is(.community-container>section) .section-content,[aria-labelledby=contributor_spotlight]:is(.community-container>section) h2{grid-column:2}[aria-labelledby=contributor_spotlight]:is(.community-container>section) h2{margin-bottom:0}[aria-labelledby=contributor_spotlight]:is(.community-container>section) .section-content{position:relative}:is([aria-labelledby=contributor_spotlight]:is(.community-container>section) .section-content):after{background:linear-gradient(to right,#0000,var(--community-bg-secondary));bottom:0;content:"";display:block;pointer-events:none;position:absolute;right:0;top:0;width:3rem}@media (width <= 769px){:is([aria-labelledby=contributor_spotlight]:is(.community-container>section) .section-content):after{display:none}}[aria-labelledby=contributor_spotlight]:is(.community-container>section) ul{display:flex;gap:2rem;margin-bottom:1.5rem;margin-left:-1rem;overflow-x:auto;padding:2.41rem 3rem 2.41rem 1rem}@media (width <= 769px){[aria-labelledby=contributor_spotlight]:is(.community-container>section) ul{margin-left:calc(var(--gutter)*-1);margin-right:calc(var(--gutter)*-1);padding-right:1rem}}[aria-labelledby=contributor_spotlight]:is(.community-container>section) li{background:var(--community-card-bg);border-radius:.5rem;box-shadow:var(--community-box-shadow);display:block;flex-shrink:0;padding:2.35rem 2.9rem 1.5rem;width:20rem}:is([aria-labelledby=contributor_spotlight]:is(.community-container>section) li) a{display:block;font-style:italic}:is(:is([aria-labelledby=contributor_spotlight]:is(.community-container>section) li) a):before{content:"-"}[aria-labelledby=contributor_spotlight]:is(.community-container>section) blockquote{border:none;padding:0;position:relative}:is([aria-labelledby=contributor_spotlight]:is(.community-container>section) blockquote) p{color:var(--community-text-secondary);font-style:italic}:is([aria-labelledby=contributor_spotlight]:is(.community-container>section) blockquote):after,:is([aria-labelledby=contributor_spotlight]:is(.community-container>section) blockquote):before{background-image:var(--community-quote-start);background-position:100%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:2em;left:-2.37em;position:absolute;top:-.69em;width:2em}:is([aria-labelledby=contributor_spotlight]:is(.community-container>section) blockquote):after{background-image:var(--community-quote-end);background-position:0;bottom:-.69em;left:auto;right:-2.37em;top:auto}[aria-labelledby=learn_how_to_get_started]:is(.community-container>section){grid-template-rows:1fr auto auto auto 1fr;margin-top:var(--community-section-gap)}[aria-labelledby=learn_how_to_get_started]:is(.community-container>section):before{content:"";grid-row:1}[aria-labelledby=learn_how_to_get_started]:is(.community-container>section) .section-content{display:contents}[aria-labelledby=learn_how_to_get_started]:is(.community-container>section) .section-content>*,[aria-labelledby=learn_how_to_get_started]:is(.community-container>section) h2{grid-column:2}[aria-labelledby=learn_how_to_get_started]:is(.community-container>section) p:last-child{background-image:var(--community-video-bg);background-position:50%;background-repeat:no-repeat;background-size:contain;grid-column:1;grid-row:1/6;margin:0}@media (width <= 769px){[aria-labelledby=learn_how_to_get_started]:is(.community-container>section) p:last-child{display:flex;justify-content:center;margin:0 auto;max-width:25rem}}:is([aria-labelledby=learn_how_to_get_started]:is(.community-container>section) p:last-child) a{aspect-ratio:1;background-image:url(/static/client/youtube-play.48346821cb78779e.svg),url(/static/client/video-thumbnail.1d7009186b4b1fba.png);background-position:43% 50%,36% 50%;background-repeat:no-repeat;background-size:13%,60%;clip-path:circle(35%);color:#0000;display:block;overflow:hidden;position:relative;text-indent:-100rem}:is(:is([aria-labelledby=learn_how_to_get_started]:is(.community-container>section) p:last-child) a):focus-visible:after{content:"";display:block;height:30%;left:25%;outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto;position:absolute;top:35%;width:40%}@media (width <= 769px){:is([aria-labelledby=learn_how_to_get_started]:is(.community-container>section) p:last-child) a{width:28rem}}[aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section){display:block;margin-bottom:var(--community-section-gap);margin-top:var(--community-section-gap)}[aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section) p{margin-bottom:2.86rem}[aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section) ul{--boxes-bg:var(--community-card-bg);--boxes-border:var(--community-card-border);--boxes-shadow:var(--community-box-shadow);--boxes-header-bg:var(--community-card-header-bg);display:grid;gap:2rem;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}:is([aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section) ul) li{align-items:center;background:var(--boxes-bg);border:1px solid var(--boxes-border);border-radius:.5rem;box-shadow:var(--boxes-shadow);display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;padding:1.5rem;text-align:center}:is(:is([aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section) ul) li) h3,:is(:is([aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section) ul) li) h4,:is(:is([aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section) ul) li) h5,:is(:is([aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section) ul) li) h6{align-self:stretch;background:var(--boxes-header-bg);border-radius:.5rem .5rem 0 0;color:var(--boxes-header-color);font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin:-1.5rem -1.5rem 0;padding:1.5rem}:is(:is([aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section) ul) li) p{color:var(--boxes-main-color);margin:0}[aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section) li a{--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-color:var(--button-color--default);--button-padding:0.43rem 1rem;--button-radius:var(--elem-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: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([aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section) li a):after{display:none}:is([aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section) li a):hover{--button-border-color:var(--button-bg-hover);--button-bg:var(--button-bg-hover)}:is([aria-labelledby=join_us_in_shaping_a_better_web]:is(.community-container>section) li a):active{--button-bg:var(--button-bg-active)}[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section),[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section)~section{background:var(--community-bg-primary);color:var(--community-text-primary-alt);display:block;max-width:100%;padding-bottom:var(--community-section-gap)}:is([aria-labelledby=help_us_fix_open_issues]:is(.community-container>section),[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section)~section) .issues-table,:is([aria-labelledby=help_us_fix_open_issues]:is(.community-container>section),[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section)~section) .section-content,:is([aria-labelledby=help_us_fix_open_issues]:is(.community-container>section),[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section)~section) h2{margin-left:auto;margin-right:auto;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section){padding-top:var(--community-section-gap)}[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section) .issues-table{margin-top:1rem}[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section) table{background:var(--community-card-bg);border:1px solid var(--community-table-border);border-collapse:initial;border-radius:.5rem;border-spacing:0;color:var(--community-text-primary)}[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section) td,[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section) th{border:none;padding:1.5rem}@media (width <= 769px){:is([aria-labelledby=help_us_fix_open_issues]:is(.community-container>section) th,[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section) td):last-of-type{display:none}}[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section) th{background:none;font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}@media (width <= 769px){[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section) th{display:none}}[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section) tbody tr:nth-child(odd){background:var(--community-table-row)}[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section) td>div{align-items:baseline;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}[aria-labelledby=help_us_fix_open_issues]:is(.community-container>section) .label{background:var(--community-label-bg);border-radius:.25rem;color:var(--community-text-success);font-weight:500;padding:.5rem 1rem}[aria-labelledby=join_the_conversation]:is(.community-container>section) ul{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}[aria-labelledby=join_the_conversation]:is(.community-container>section) li{align-items:flex-start;background:var(--community-card-bg);border:1px solid var(--community-table-border);border-radius:.5rem;box-shadow:var(--community-box-shadow);display:flex;flex:1;flex-direction:column;gap:1.5rem;justify-content:space-between;min-width:min(30rem,100%);padding:2rem 2rem 2rem 8.5rem;position:relative}@media (width <= 769px){[aria-labelledby=join_the_conversation]:is(.community-container>section) li{padding-left:5.5rem}}:is([aria-labelledby=join_the_conversation]:is(.community-container>section) li):before{background-image:var(--community-discord-bg);background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:2rem;position:absolute;width:5rem}@media (width <= 769px){:is([aria-labelledby=join_the_conversation]:is(.community-container>section) li):before{width:2rem}}:is([aria-labelledby=join_the_conversation]:is(.community-container>section) li):last-of-type:before{background-image:var(--community-calls-bg)}:is([aria-labelledby=join_the_conversation]:is(.community-container>section) li) h3{font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}@media (width <= 769px){:is([aria-labelledby=join_the_conversation]:is(.community-container>section) li) h3{font-size:var(--font-size-large)}}:is([aria-labelledby=join_the_conversation]:is(.community-container>section) li) a{--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-color:var(--button-color--default);--button-padding:0.43rem 1rem;--button-radius:var(--elem-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([aria-labelledby=join_the_conversation]:is(.community-container>section) li) a):after{display:none}:is(:is([aria-labelledby=join_the_conversation]:is(.community-container>section) li) a):hover{--button-border-color:var(--button-bg-hover);--button-bg:var(--button-bg-hover)}:is(:is([aria-labelledby=join_the_conversation]:is(.community-container>section) li) a):active{--button-bg:var(--button-bg-active)}:is([aria-labelledby=join_the_conversation]:is(.community-container>section) li) p{margin:0}
+/*# sourceMappingURL=styles-generic-community.aa93fe32626f89a4.css.map*/

package/dist/client/styles-generic-community.aa93fe32626f89a4.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-generic-community.aa93fe32626f89a4.css","sources":["webpack://@mdn/fred/./components/generic-community/server.css"],"sourcesContent":[".community-container {\n  --gutter: 1rem;\n\n  --community-bg-primary: light-dark(#fcfcfc, #101010);\n  --community-bg-secondary: light-dark(#f2f2f5, #1b1b1b);\n  --community-text-primary: light-dark(#000000, #ffffff);\n  --community-text-primary-alt: light-dark(#000000, #cdcdcd);\n  --community-text-secondary: light-dark(#343434, #cdcdcd);\n  --community-text-success: light-dark(#007936, #8ff295);\n  --community-header-text: light-dark(#696969, #b3b3b3);\n  --community-header-stats-bg: light-dark(#e1f5e5, #394035);\n  --community-box-shadow:\n    4px -2px 1rem 0 light-dark(rgb(179 179 179 / 20%), rgb(38 38 38 / 20%)),\n    4px -4px 1rem 0 light-dark(rgb(179 179 179 / 15%), rgb(38 38 38 / 15%));\n  --community-circle-img-border: light-dark(#ffffff, #4e4e4e);\n  --community-card-bg: light-dark(#ffffff, #000000);\n  --community-card-header-bg: light-dark(#e1f5e5, #354039);\n  --community-card-border: light-dark(#e2e2e2, #343434);\n  --community-table-border: light-dark(#e2e2e2, #1b1b1b);\n  --community-table-row: light-dark(#f9f9fb, #1b1b1b);\n  --community-label-bg: light-dark(#dff7e3, #354039);\n\n  --community-header-bg: url(\"./assets/people.svg\");\n  --community-quote-start: url(\"./assets/quote-start.svg\");\n  --community-quote-end: url(\"./assets/quote-end.svg\");\n  --community-video-bg: url(\"./assets/video-bg.svg\");\n  --community-discord-bg: url(\"./assets/discord.svg\");\n  --community-calls-bg: url(\"./assets/community-calls.svg\");\n\n  @media (prefers-color-scheme: dark) {\n    --community-header-bg: url(\"./assets/people-dark.svg\");\n    --community-quote-start: url(\"./assets/quote-start-dark.svg\");\n    --community-quote-end: url(\"./assets/quote-end-dark.svg\");\n    --community-video-bg: url(\"./assets/video-bg-dark.svg\");\n    --community-discord-bg: url(\"./assets/discord-dark.svg\");\n    --community-calls-bg: url(\"./assets/community-calls-dark.svg\");\n  }\n\n  :root[data-theme=\"dark\"] & {\n    --community-header-bg: url(\"./assets/people-dark.svg\");\n    --community-quote-start: url(\"./assets/quote-start-dark.svg\");\n    --community-quote-end: url(\"./assets/quote-end-dark.svg\");\n    --community-video-bg: url(\"./assets/video-bg-dark.svg\");\n    --community-discord-bg: url(\"./assets/discord-dark.svg\");\n    --community-calls-bg: url(\"./assets/community-calls-dark.svg\");\n  }\n\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\n.community-container {\n  --community-stats-height: 5.75rem;\n  --community-section-gap: 5rem;\n  --max-width: 74rem;\n  --layout-text-primary: var(--community-text-primary);\n\n  display: flow-root;\n\n  min-height: 80vh;\n\n  color: var(--community-text-secondary);\n\n  scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track);\n\n  background: var(--community-bg-secondary);\n\n  blockquote {\n    margin: 0;\n  }\n\n  h2,\n  h3,\n  p {\n    margin: 0;\n  }\n\n  h2,\n  h3 {\n    color: var(--layout-text-primary);\n\n    a {\n      color: unset;\n      text-decoration: none;\n    }\n  }\n\n  a {\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  p + p {\n    margin-top: 1.5rem;\n  }\n\n  ol,\n  ul {\n    padding: 0;\n    list-style: none;\n  }\n\n  section {\n    width: 100%;\n    max-width: var(--max-width);\n\n    padding-right: var(--gutter);\n    padding-left: var(--gutter);\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n    font-size: var(--font-size-larger);\n    font-weight: var(--font-weight-bold);\n\n    @media (--screen-small-and-narrower) {\n      font-size: var(--font-size-large);\n    }\n  }\n\n  > header {\n    --header-text-primary: var(--community-text-primary);\n    --header-text-secondary: var(--community-header-text);\n    --header-stats-height: var(--community-stats-height);\n    --header-bg: var(--community-bg-primary);\n    background: linear-gradient(\n      to top,\n      var(--header-next-section-bg, transparent) 0%,\n      var(--header-next-section-bg, transparent)\n        calc(var(--header-stats-height) / 2),\n      var(--header-bg) calc(var(--header-stats-height) / 2),\n      var(--header-bg) 100%\n    );\n\n    @media (--screen-small-and-narrower) {\n      padding-top: 1rem;\n      text-align: center;\n    }\n\n    section {\n      padding-top: 5rem;\n\n      background-image: var(--community-header-bg);\n      background-repeat: no-repeat;\n      background-position: bottom calc(var(--community-stats-height) - 1rem)\n        right;\n      background-size: 50%;\n\n      @media (--screen-small-and-narrower) {\n        padding-top: 0;\n        padding-top: 40vw;\n\n        background-position: top center;\n        background-size: 80vw;\n      }\n    }\n\n    h1 {\n      margin-bottom: 1rem;\n      font-size: var(--font-size-largest);\n      color: var(--header-text-primary);\n\n      @media (--screen-small-and-narrower) {\n        font-size: var(--font-size-larger);\n      }\n    }\n\n    p {\n      margin-bottom: 1.5rem;\n      color: var(--header-text-secondary);\n    }\n\n    + section {\n      margin-top: 4.56rem;\n\n      @media (--screen-small-and-narrower) {\n        margin-top: 2rem;\n      }\n    }\n\n    ul:first-of-type {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 1rem;\n\n      @media (--screen-small-and-narrower) {\n        justify-content: center;\n      }\n\n      a {\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-color: var(--button-color--default);\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      li:last-child a {\n        --button-color: var(--button-bg);\n        background: rgb(0 0 0 / 0%);\n      }\n    }\n\n    ul:last-of-type {\n      --stats-bg: var(--community-card-bg);\n      --stats-box-shadow: var(--community-box-shadow);\n      --stats-text-primary: var(--community-text-primary);\n      --stats-stat-bg: var(--community-header-stats-bg);\n      --stats-stat-text: var(--community-text-success);\n      position: relative;\n      z-index: 2;\n\n      display: flex;\n\n      gap: 1rem;\n      justify-content: space-around;\n\n      padding: 1rem;\n      margin-top: 5em;\n\n      color: var(--stats-text-primary);\n\n      text-align: center;\n\n      background: var(--stats-bg);\n      border-radius: 0.5rem;\n      box-shadow: var(--stats-box-shadow);\n\n      @media (--screen-small-and-narrower) {\n        flex-wrap: wrap;\n        margin-top: 2rem;\n      }\n\n      li {\n        display: flex;\n\n        flex-wrap: wrap;\n\n        column-gap: 1rem;\n        align-items: baseline;\n        justify-content: center;\n\n        min-width: 7.75rem;\n\n        overflow-wrap: anywhere;\n\n        @media (--screen-small-and-narrower) {\n          flex: 1;\n          flex-direction: column;\n\n          align-items: center;\n          justify-content: flex-start;\n        }\n\n        strong {\n          display: inline-flex;\n\n          align-items: center;\n          justify-content: center;\n\n          width: 3.75rem;\n          height: 3.75rem;\n\n          color: var(--stats-stat-text);\n\n          background: var(--stats-stat-bg);\n          border-radius: 50%;\n        }\n      }\n    }\n  }\n\n  > section {\n    --community-circle-height: 57rem;\n    display: grid;\n    grid-template-columns: 4fr 6fr;\n    column-gap: min(5rem, 5vw);\n\n    @media (--screen-small-and-narrower) {\n      display: block;\n      --community-circle-height: 0rem;\n    }\n\n    > * {\n      min-width: 0;\n    }\n\n    &[aria-labelledby=\"meet_our_contributors\"] {\n      grid-template-rows: auto auto auto var(--community-circle-height);\n      margin-top: var(--community-section-gap);\n\n      h2,\n      .section-content > * {\n        grid-column: 2;\n      }\n\n      .section-content {\n        display: contents;\n\n        > ul {\n          display: flex;\n\n          flex-wrap: wrap;\n\n          gap: 1rem;\n\n          margin-top: 1.5rem;\n\n          @media (--screen-small-and-narrower) {\n            justify-content: center;\n          }\n\n          a {\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-color: var(--button-color--default);\n            --button-padding: 0.43rem 1rem;\n            --button-radius: 0.25rem;\n\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          li:last-child a {\n            --button-color: var(--button-bg);\n            background: rgb(0 0 0 / 0%);\n          }\n        }\n\n        mdn-contributor-list {\n          grid-row: 1/5;\n          grid-column: 1;\n          min-width: 0;\n\n          > ul {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &[aria-labelledby=\"contributor_spotlight\"] {\n      margin-top: calc(\n        var(--community-section-gap) - var(--community-circle-height)\n      );\n\n      h2,\n      .section-content {\n        grid-column: 2;\n      }\n\n      h2 {\n        margin-bottom: 0;\n      }\n\n      .section-content {\n        position: relative;\n\n        &::after {\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n\n          display: block;\n\n          width: 3rem;\n\n          pointer-events: none;\n\n          content: \"\";\n\n          background: linear-gradient(\n            to right,\n            transparent,\n            var(--community-bg-secondary)\n          );\n\n          @media (--screen-small-and-narrower) {\n            display: none;\n          }\n        }\n      }\n\n      ul {\n        display: flex;\n\n        gap: 2rem;\n\n        padding: 2.41rem 1rem;\n        padding-right: 3rem;\n        margin-bottom: 1.5rem;\n        margin-left: -1rem;\n\n        overflow-x: auto;\n\n        @media (--screen-small-and-narrower) {\n          padding-right: 1rem;\n          margin-right: calc(var(--gutter) * -1);\n          margin-left: calc(var(--gutter) * -1);\n        }\n      }\n\n      li {\n        display: block;\n\n        flex-shrink: 0;\n\n        width: 20rem;\n\n        padding: 2.35rem 2.9rem 1.5rem;\n\n        background: var(--community-card-bg);\n        border-radius: 0.5rem;\n        box-shadow: var(--community-box-shadow);\n\n        a {\n          display: block;\n          font-style: italic;\n\n          &::before {\n            content: \"-\";\n          }\n        }\n      }\n\n      blockquote {\n        position: relative;\n        padding: 0;\n        border: none;\n\n        p {\n          font-style: italic;\n          color: var(--community-text-secondary);\n        }\n\n        &::before,\n        &::after {\n          position: absolute;\n          top: -0.69em;\n          left: -2.37em;\n\n          display: block;\n\n          width: 2em;\n          height: 2em;\n\n          content: \"\";\n\n          background-image: var(--community-quote-start);\n          background-repeat: no-repeat;\n          background-position: right;\n          background-size: contain;\n        }\n\n        &::after {\n          top: auto;\n          right: -2.37em;\n          bottom: -0.69em;\n          left: auto;\n\n          background-image: var(--community-quote-end);\n          background-position: left;\n        }\n      }\n    }\n\n    &[aria-labelledby=\"learn_how_to_get_started\"] {\n      grid-template-rows: 1fr auto auto auto 1fr;\n      margin-top: var(--community-section-gap);\n\n      &::before {\n        grid-row: 1;\n        content: \"\";\n      }\n\n      .section-content {\n        display: contents;\n      }\n\n      h2,\n      .section-content > * {\n        grid-column: 2;\n      }\n\n      p:last-child {\n        grid-row: 1/6;\n        grid-column: 1;\n\n        margin: 0;\n\n        background-image: var(--community-video-bg);\n        background-repeat: no-repeat;\n        background-position: center;\n        background-size: contain;\n\n        @media (--screen-small-and-narrower) {\n          display: flex;\n\n          justify-content: center;\n\n          max-width: 25rem;\n\n          margin: 0 auto;\n        }\n\n        a {\n          position: relative;\n\n          display: block;\n\n          aspect-ratio: 1;\n\n          overflow: hidden;\n\n          color: rgb(0 0 0 / 0%);\n\n          text-indent: -100rem;\n\n          background-image:\n            url(\"./assets/youtube-play.svg\"),\n            url(\"./assets/video-thumbnail.png\");\n          background-repeat: no-repeat;\n          background-position:\n            43% 50%,\n            36% 50%;\n          background-size: 13%, 60%;\n\n          clip-path: circle(35%);\n\n          &:focus-visible::after {\n            position: absolute;\n            top: 35%;\n            left: 25%;\n\n            display: block;\n\n            width: 40%;\n            height: 30%;\n\n            outline-style: auto;\n            outline-color: var(--accent-primary);\n            outline-offset: 1px;\n\n            content: \"\";\n          }\n\n          @media (--screen-small-and-narrower) {\n            width: 28rem;\n          }\n        }\n      }\n    }\n\n    &[aria-labelledby=\"join_us_in_shaping_a_better_web\"] {\n      display: block;\n      margin-top: var(--community-section-gap);\n      margin-bottom: var(--community-section-gap);\n\n      p {\n        margin-bottom: 2.86rem;\n      }\n\n      ul {\n        --boxes-bg: var(--community-card-bg);\n        --boxes-border: var(--community-card-border);\n        --boxes-shadow: var(--community-box-shadow);\n        --boxes-header-bg: var(--community-card-header-bg);\n        display: grid;\n\n        grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));\n        grid-auto-rows: 1fr;\n\n        gap: 2rem;\n\n        li {\n          display: flex;\n\n          flex-direction: column;\n\n          gap: 1.5rem;\n          align-items: center;\n          justify-content: space-between;\n\n          padding: 1.5rem;\n\n          text-align: center;\n\n          background: var(--boxes-bg);\n          border: 1px solid var(--boxes-border);\n          border-radius: 0.5rem;\n          box-shadow: var(--boxes-shadow);\n\n          h3,\n          h4,\n          h5,\n          h6 {\n            align-self: stretch;\n\n            padding: 1.5rem;\n            margin: -1.5rem;\n            margin-bottom: 0;\n\n            font-size: var(--font-size-large);\n            font-weight: var(--font-weight-bold);\n\n            color: var(--boxes-header-color);\n\n            background: var(--boxes-header-bg);\n            border-radius: 0.5rem 0.5rem 0 0;\n          }\n\n          p {\n            margin: 0;\n            color: var(--boxes-main-color);\n          }\n        }\n      }\n\n      li a {\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-color: var(--button-color--default);\n        --button-padding: 0.43rem 1rem;\n        --button-radius: var(--elem-radius, 0.25rem);\n        display: inline-block;\n\n        padding: var(--button-padding);\n\n        font: 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    &[aria-labelledby=\"help_us_fix_open_issues\"],\n    &[aria-labelledby=\"help_us_fix_open_issues\"] ~ section {\n      display: block;\n\n      max-width: 100%;\n\n      padding-bottom: var(--community-section-gap);\n\n      color: var(--community-text-primary-alt);\n\n      background: var(--community-bg-primary);\n\n      h2,\n      .section-content,\n      .issues-table {\n        width: 100%;\n        max-width: var(--max-width);\n\n        padding-right: var(--gutter);\n        padding-left: var(--gutter);\n        margin-right: auto;\n        margin-left: auto;\n      }\n    }\n\n    &[aria-labelledby=\"help_us_fix_open_issues\"] {\n      padding-top: var(--community-section-gap);\n\n      .issues-table {\n        margin-top: 1rem;\n      }\n\n      table {\n        color: var(--community-text-primary);\n\n        border-spacing: 0;\n        border-collapse: separate;\n\n        background: var(--community-card-bg);\n        border: 1px solid var(--community-table-border);\n        border-radius: 0.5rem;\n      }\n\n      th,\n      td {\n        padding: 1.5rem;\n        border: none;\n\n        @media (--screen-small-and-narrower) {\n          &:last-of-type {\n            display: none;\n          }\n        }\n      }\n\n      th {\n        font-size: var(--font-size-large);\n        font-weight: var(--font-weight-bold);\n        background: none;\n\n        @media (--screen-small-and-narrower) {\n          display: none;\n        }\n      }\n\n      tbody tr:nth-child(odd) {\n        background: var(--community-table-row);\n      }\n\n      td > div {\n        display: flex;\n\n        flex-wrap: wrap;\n\n        gap: 1rem 1.5rem;\n        align-items: baseline;\n      }\n\n      .label {\n        padding: 0.5rem 1rem;\n\n        font-weight: 500;\n\n        color: var(--community-text-success);\n\n        background: var(--community-label-bg);\n        border-radius: 0.25rem;\n      }\n    }\n\n    &[aria-labelledby=\"join_the_conversation\"] {\n      ul {\n        display: flex;\n\n        flex-wrap: wrap;\n\n        gap: 1.5rem;\n\n        margin-bottom: 1.5rem;\n      }\n\n      li {\n        position: relative;\n\n        display: flex;\n\n        flex: 1;\n        flex-direction: column;\n\n        gap: 1.5rem;\n        align-items: flex-start;\n        justify-content: space-between;\n\n        min-width: min(30rem, 100%);\n\n        padding: 2rem;\n        padding-left: 8.5rem;\n\n        background: var(--community-card-bg);\n        border: 1px solid var(--community-table-border);\n        border-radius: 0.5rem;\n        box-shadow: var(--community-box-shadow);\n\n        @media (--screen-small-and-narrower) {\n          padding-left: 5.5rem;\n        }\n\n        &::before {\n          position: absolute;\n          left: 2rem;\n\n          width: 5rem;\n          height: 100%;\n\n          content: \"\";\n\n          background-image: var(--community-discord-bg);\n          background-repeat: no-repeat;\n          background-size: contain;\n\n          @media (--screen-small-and-narrower) {\n            width: 2rem;\n          }\n        }\n\n        &:last-of-type::before {\n          background-image: var(--community-calls-bg);\n        }\n\n        h3 {\n          font-size: var(--font-size-large);\n          font-weight: var(--font-weight-bold);\n\n          @media (--screen-small-and-narrower) {\n            font-size: var(--font-size-large);\n          }\n        }\n\n        a {\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-color: var(--button-color--default);\n          --button-padding: 0.43rem 1rem;\n          --button-radius: var(--elem-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        p {\n          margin: 0;\n        }\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/client/{styles-generic-content.7960b980b98f1d3d.css → styles-generic-content.3c8089706edb022d.css}

@@ -1,2 +1,2 @@
-:is(.generic-content .content-section) h2{margin:4rem 0 .5rem}:is(:is(.generic-content .content-section) h2):first-of-type{margin-top:2rem}.generic-content__plus-docs-content{--plus-accent-color:var(--color-text-red)}:is(.generic-content__plus-docs-content .content-section) img{background:var(--color-white);border:1px solid var(--color-border-primary);border-radius:.25rem;box-sizing:initial;color:#1b1b1b;display:inline-block;height:auto;margin:2rem auto}:is(.generic-content__plus-docs-content .content-section) em{font-style:normal;font-variation-settings:normal;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--plus-accent-color);text-decoration-thickness:auto;text-underline-offset:.1em}:is(.generic-content__plus-docs-content .content-section) h1{color:var(--plus-accent-color);font-size:var(--font-size-small);font-weight:700;letter-spacing:1.5px;line-height:1.2;text-transform:uppercase}:is(.generic-content__plus-docs-content .content-section) h1+blockquote{border:revert;border-radius:var(--elem-radius);color:var(--text-primary);margin:1rem 0 2rem;padding:revert}:is(:is(.generic-content__plus-docs-content .content-section) h1+blockquote) p:first-child{font-size:var(--font-size-largest);font-weight:600;line-height:1.2;margin-bottom:2rem}
-/*# sourceMappingURL=styles-generic-content.7960b980b98f1d3d.css.map*/
+:is(.generic-content .content-section) h2{margin:4rem 0 .5rem}:is(:is(.generic-content .content-section) h2):first-of-type{margin-top:2rem}.generic-content__plus-docs-content{--plus-accent-color:var(--color-text-red)}:is(.generic-content__plus-docs-content .content-section) img{background:var(--color-white);border:1px solid var(--color-border-primary);border-radius:.25rem;box-sizing:initial;color:#1b1b1b;display:inline-block;height:auto;margin:2rem auto}:is(.generic-content__plus-docs-content .content-section) em{font-style:normal;font-variation-settings:normal;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--plus-accent-color);text-decoration-thickness:auto;text-underline-offset:.1em}:is(.generic-content__plus-docs-content .content-section) h1{color:var(--plus-accent-color);font-size:var(--font-size-small);font-weight:700;letter-spacing:1.5px;line-height:1.2;text-transform:uppercase}:is(.generic-content__plus-docs-content .content-section) h1+blockquote{border:revert;border-radius:var(--elem-radius);color:var(--text-primary);margin:1rem 0 2rem;padding:revert}:is(:is(.generic-content__plus-docs-content .content-section) h1+blockquote) p:first-child{font-size:var(--font-size-largest);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:2rem}
+/*# sourceMappingURL=styles-generic-content.3c8089706edb022d.css.map*/

package/dist/client/{styles-generic-content.7960b980b98f1d3d.css.map → styles-generic-content.3c8089706edb022d.css.map}

@@ -1 +1 @@
-{"version":3,"file":"styles-generic-content.7960b980b98f1d3d.css","sources":["webpack://@mdn/fred/./components/generic-content/server.css"],"sourcesContent":[".generic-content {\n  .content-section {\n    h2 {\n      margin: 4rem 0 0.5rem;\n\n      &:first-of-type {\n        margin-top: 2rem;\n      }\n    }\n  }\n}\n\n.generic-content__plus-docs-content {\n  --plus-accent-color: var(--color-text-red);\n\n  .content-section {\n    img {\n      box-sizing: initial;\n      display: inline-block;\n\n      height: auto;\n\n      margin: 2rem auto;\n\n      color: #1b1b1b;\n\n      background: var(--color-white);\n      border: 1px solid var(--color-border-primary);\n      border-radius: 0.25rem;\n    }\n\n    em {\n      font-variation-settings: normal;\n      font-style: normal;\n\n      text-decoration: underline;\n      text-decoration-thickness: auto;\n      text-decoration-color: var(--plus-accent-color);\n      text-underline-offset: 0.1em;\n    }\n\n    h1 {\n      font-size: var(--font-size-small);\n      font-weight: 700;\n\n      line-height: 1.2;\n\n      color: var(--plus-accent-color);\n\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n    }\n\n    h1 + blockquote {\n      padding: revert;\n      margin: 1rem 0 2rem;\n\n      color: var(--text-primary);\n\n      border: revert;\n      border-radius: var(--elem-radius);\n\n      p:first-child {\n        margin-bottom: 2rem;\n\n        font-size: var(--font-size-largest);\n        font-weight: 600;\n\n        line-height: 1.2;\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"AAEI,0CACE,mBAKF,CAHE,6DACE,eACF,CAKN,oCACE,yCA2DF,CAxDI,8DAUE,6BAA8B,CAC9B,4CAA6C,CAC7C,oBAAsB,CAXtB,kBAAmB,CAOnB,aAAc,CANd,oBAAqB,CAErB,WAAY,CAEZ,gBAOF,CAEA,6DAEE,iBAAkB,CADlB,8BAA+B,CAG/B,iCAA0B,CAA1B,yBAA0B,CAE1B,8CAA+C,CAD/C,8BAA+B,CAE/B,0BACF,CAEA,6DAME,8BAA+B,CAL/B,gCAAiC,CACjC,eAAgB,CAOhB,oBAAqB,CALrB,eAAgB,CAIhB,wBAEF,CAEA,wEAME,aAAc,CACd,gCAAiC,CAHjC,yBAA0B,CAF1B,kBAAmB,CADnB,cAgBF,CARE,2FAGE,kCAAmC,CACnC,eAAgB,CAEhB,eAAgB,CALhB,kBAMF"}
+{"version":3,"file":"styles-generic-content.3c8089706edb022d.css","sources":["webpack://@mdn/fred/./components/generic-content/server.css"],"sourcesContent":[".generic-content {\n  .content-section {\n    h2 {\n      margin: 4rem 0 0.5rem;\n\n      &:first-of-type {\n        margin-top: 2rem;\n      }\n    }\n  }\n}\n\n.generic-content__plus-docs-content {\n  --plus-accent-color: var(--color-text-red);\n\n  .content-section {\n    img {\n      box-sizing: initial;\n      display: inline-block;\n\n      height: auto;\n\n      margin: 2rem auto;\n\n      color: #1b1b1b;\n\n      background: var(--color-white);\n      border: 1px solid var(--color-border-primary);\n      border-radius: 0.25rem;\n    }\n\n    em {\n      font-variation-settings: normal;\n      font-style: normal;\n\n      text-decoration: underline;\n      text-decoration-thickness: auto;\n      text-decoration-color: var(--plus-accent-color);\n      text-underline-offset: 0.1em;\n    }\n\n    h1 {\n      font-size: var(--font-size-small);\n      font-weight: 700;\n\n      line-height: 1.2;\n\n      color: var(--plus-accent-color);\n\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n    }\n\n    h1 + blockquote {\n      padding: revert;\n      margin: 1rem 0 2rem;\n\n      color: var(--text-primary);\n\n      border: revert;\n      border-radius: var(--elem-radius);\n\n      p:first-child {\n        margin-bottom: 2rem;\n\n        font-size: var(--font-size-largest);\n        font-weight: var(--font-weight-bold);\n\n        line-height: 1.2;\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"AAEI,0CACE,mBAKF,CAHE,6DACE,eACF,CAKN,oCACE,yCA2DF,CAxDI,8DAUE,6BAA8B,CAC9B,4CAA6C,CAC7C,oBAAsB,CAXtB,kBAAmB,CAOnB,aAAc,CANd,oBAAqB,CAErB,WAAY,CAEZ,gBAOF,CAEA,6DAEE,iBAAkB,CADlB,8BAA+B,CAG/B,iCAA0B,CAA1B,yBAA0B,CAE1B,8CAA+C,CAD/C,8BAA+B,CAE/B,0BACF,CAEA,6DAME,8BAA+B,CAL/B,gCAAiC,CACjC,eAAgB,CAOhB,oBAAqB,CALrB,eAAgB,CAIhB,wBAEF,CAEA,wEAME,aAAc,CACd,gCAAiC,CAHjC,yBAA0B,CAF1B,kBAAmB,CADnB,cAgBF,CARE,2FAGE,kCAAmC,CACnC,mCAAoC,CAEpC,eAAgB,CALhB,kBAMF"}

package/dist/client/styles-generic-content.95822f3a7d72b2af.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["9913"];export const __webpack_modules__={93104:function(){}};import e from"./styles.7fb7069c86aa338c.js";import*as s from"./styles-generic-content.95822f3a7d72b2af.js";e.C(s),e(e.s=93104);

package/dist/client/styles-generic-layout.42a5e62407bd0066.css

@@ -0,0 +1,2 @@
+.generic-layout{display:grid;grid-template-areas:"sidebar . body . toc";grid-template-columns:var(--layout-2-sidebars);padding-inline:var(--layout-side-padding)}@media (width < calc(1rem * 2 + (14rem + 2rem) * 2 + 31rem)){.generic-layout{grid-template-areas:"leftsidebar . body";grid-template-columns:var(--layout-1-sidebar-left)}.generic-layout .generic-layout__toc{grid-area:leftsidebar}.generic-layout .generic-layout__sidebar{background:var(--color-background-page);display:none;grid-area:leftsidebar;z-index:1}}@media (width < calc(1rem * 2 + 14rem + 2rem + 31rem)){.generic-layout{grid-template-areas:". body .";grid-template-columns:var(--layout-no-sidebar)}.generic-layout .generic-layout__toc{display:none}.generic-layout .generic-layout__sidebar{display:none;grid-area:body;inset:0;top:var(--sticky-header-height);z-index:var(--z-index-sidebar-mobile)}:is(.generic-layout .generic-layout__sidebar) .left-sidebar{padding:1rem}}.generic-layout__sidebar{grid-area:sidebar;padding:2rem 0}.generic-layout__content{grid-area:body;padding:2rem 0}.generic-layout__toc{grid-column:toc;padding:2rem 0}
+/*# sourceMappingURL=styles-generic-layout.42a5e62407bd0066.css.map*/

package/dist/client/{styles-generic-layout.55441b1a560f5c9f.css.map → styles-generic-layout.42a5e62407bd0066.css.map}

@@ -1 +1 @@
-{"version":3,"file":"styles-generic-layout.55441b1a560f5c9f.css","sources":["webpack://@mdn/fred/./components/generic-layout/server.css"],"sourcesContent":["/* Generic Layout */\n.generic-layout {\n  display: grid;\n\n  grid-template-areas: \"sidebar . body . toc\";\n  grid-template-columns: var(--layout-2-sidebars);\n\n  padding-inline: var(--layout-side-padding);\n\n  @media (--screen-layout-1-sidebar-or-less) {\n    grid-template-areas: \"leftsidebar . body\";\n    grid-template-columns: var(--layout-1-sidebar-left);\n\n    .generic-layout__toc {\n      grid-area: leftsidebar;\n    }\n\n    .generic-layout__sidebar {\n      z-index: 1;\n\n      display: none;\n\n      grid-area: leftsidebar;\n\n      background: var(--color-background-page);\n    }\n  }\n\n  @media (--screen-layout-no-sidebar) {\n    grid-template-areas: \". body .\";\n    grid-template-columns: var(--layout-no-sidebar);\n\n    .generic-layout__toc {\n      display: none;\n    }\n\n    .generic-layout__sidebar {\n      inset: 0;\n      top: var(--sticky-header-height);\n      z-index: var(--z-index-sidebar-mobile);\n\n      display: none;\n\n      grid-area: body;\n\n      .left-sidebar {\n        padding: 1rem;\n      }\n    }\n  }\n}\n\n/* Sidebar */\n.generic-layout__sidebar {\n  grid-area: sidebar;\n  padding: 2rem 0;\n}\n\n/* Content */\n.generic-layout__content {\n  grid-area: body;\n  padding: 2rem 0;\n}\n\n/* TOC */\n.generic-layout__toc {\n  grid-column: toc;\n  padding: 2rem 0;\n}\n"],"names":[],"mappings":"AACA,gBACE,YAAa,CAEb,0CAA2C,CAC3C,8CAA+C,CAE/C,yCA2CF,CAzCE,6BARF,gBASI,wCAAyC,CACzC,kDAuCJ,CArCI,qCACE,qBACF,CAEA,yCAOE,uCAAwC,CAJxC,YAAa,CAEb,qBAAsB,CAJtB,SAOF,CACF,CAEA,6BA3BF,gBA4BI,8BAA+B,CAC/B,8CAoBJ,CAlBI,qCACE,YACF,CAEA,yCAKE,YAAa,CAEb,cAAe,CANf,OAAQ,CACR,+BAAgC,CAChC,qCASF,CAHE,4DACE,YACF,CAEJ,CAIF,yBACE,iBAAkB,CAClB,cACF,CAGA,yBACE,cAAe,CACf,cACF,CAGA,qBACE,eAAgB,CAChB,cACF"}
+{"version":3,"file":"styles-generic-layout.42a5e62407bd0066.css","sources":["webpack://@mdn/fred/./components/generic-layout/server.css"],"sourcesContent":["/* Generic Layout */\n.generic-layout {\n  display: grid;\n\n  grid-template-areas: \"sidebar . body . toc\";\n  grid-template-columns: var(--layout-2-sidebars);\n\n  padding-inline: var(--layout-side-padding);\n\n  @media (--screen-layout-1-sidebar-or-less) {\n    grid-template-areas: \"leftsidebar . body\";\n    grid-template-columns: var(--layout-1-sidebar-left);\n\n    .generic-layout__toc {\n      grid-area: leftsidebar;\n    }\n\n    .generic-layout__sidebar {\n      z-index: 1;\n\n      display: none;\n\n      grid-area: leftsidebar;\n\n      background: var(--color-background-page);\n    }\n  }\n\n  @media (--screen-layout-no-sidebar) {\n    grid-template-areas: \". body .\";\n    grid-template-columns: var(--layout-no-sidebar);\n\n    .generic-layout__toc {\n      display: none;\n    }\n\n    .generic-layout__sidebar {\n      inset: 0;\n      top: var(--sticky-header-height);\n      z-index: var(--z-index-sidebar-mobile);\n\n      display: none;\n\n      grid-area: body;\n\n      .left-sidebar {\n        padding: 1rem;\n      }\n    }\n  }\n}\n\n/* Sidebar */\n.generic-layout__sidebar {\n  grid-area: sidebar;\n  padding: 2rem 0;\n}\n\n/* Content */\n.generic-layout__content {\n  grid-area: body;\n  padding: 2rem 0;\n}\n\n/* TOC */\n.generic-layout__toc {\n  grid-column: toc;\n  padding: 2rem 0;\n}\n"],"names":[],"mappings":"AACA,gBACE,YAAa,CAEb,0CAA2C,CAC3C,8CAA+C,CAE/C,yCA2CF,CAzCE,6DARF,gBASI,wCAAyC,CACzC,kDAuCJ,CArCI,qCACE,qBACF,CAEA,yCAOE,uCAAwC,CAJxC,YAAa,CAEb,qBAAsB,CAJtB,SAOF,CACF,CAEA,uDA3BF,gBA4BI,8BAA+B,CAC/B,8CAoBJ,CAlBI,qCACE,YACF,CAEA,yCAKE,YAAa,CAEb,cAAe,CANf,OAAQ,CACR,+BAAgC,CAChC,qCASF,CAHE,4DACE,YACF,CAEJ,CAIF,yBACE,iBAAkB,CAClB,cACF,CAGA,yBACE,cAAe,CACf,cACF,CAGA,qBACE,eAAgB,CAChB,cACF"}

package/dist/client/styles-generic-layout.e3b1cbc7db109acc.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["4713"];export const __webpack_modules__={12345:function(){}};import e from"./styles.7fb7069c86aa338c.js";import*as s from"./styles-generic-layout.e3b1cbc7db109acc.js";e.C(s),e(e.s=12345);

package/dist/client/styles-generic-sidebar.2e998de436f774c4.css

@@ -0,0 +1,2 @@
+.generic-sidebar{--color-accent:var(--color-blue-50);--color-background-accent:var(--color-background-blue);--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-20);--color-border-items:var(--csstools-light-dark-toggle--0,var(--color-gray-80));margin-bottom:2rem;position:sticky;top:var(--sticky-header-height)}@supports (color:light-dark(red,red)){.generic-sidebar{--color-border-items:light-dark(var(--color-gray-80),var(--color-gray-20))}}@supports not (color:light-dark(tan,tan)){.generic-sidebar *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-20);--color-border-items:var(--csstools-light-dark-toggle--0,var(--color-gray-80))}}:is(.generic-sidebar .generic-sidebar__header) h2{color:var(--color-text-secondary);font-size:var(--font-size-large);font-weight:var(--font-weight-normal);letter-spacing:1.5px;line-height:1.2;margin:0 0 1rem}.generic-sidebar .generic-sidebar__list{font-size:var(--font-size-small);list-style:none;padding-left:0}.generic-sidebar .generic-sidebar__item{margin:0}.generic-sidebar .generic-sidebar__link{border-left:2px solid var(--color-border-items);color:var(--color-text-secondary);display:inline-block;padding:.5rem 1rem;-webkit-text-decoration:none;text-decoration:none}:is(.generic-sidebar .generic-sidebar__link):active,:is(.generic-sidebar .generic-sidebar__link):hover{color:var(--color-accent)}[aria-current=true]:is(.generic-sidebar .generic-sidebar__link){background-color:var(--color-background-accent);border-bottom-right-radius:.25rem;border-left:2px solid var(--color-accent);border-top-right-radius:.25rem;font-weight:var(--font-weight-bold)}.generic-sidebar em{align-items:baseline;background-color:var(--color-background-accent);border-left:2px solid var(--color-accent);font-style:normal;padding:.25em 0}.generic-sidebar--plus{--color-accent:var(--color-text-red);--color-background-accent:var(--color-background-red)}.generic-sidebar--observatory{--color-accent:var(--color-text-purple);--color-background-accent:var(--color-background-purple)}
+/*# sourceMappingURL=styles-generic-sidebar.2e998de436f774c4.css.map*/

package/dist/client/styles-generic-sidebar.2e998de436f774c4.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-generic-sidebar.2e998de436f774c4.css","sources":["webpack://@mdn/fred/./components/generic-sidebar/server.css"],"sourcesContent":[".generic-sidebar {\n  --color-accent: var(--color-blue-50);\n  --color-background-accent: var(--color-background-blue);\n  --color-border-items: light-dark(var(--color-gray-80), var(--color-gray-20));\n\n  position: sticky;\n  top: var(--sticky-header-height);\n  margin-bottom: 2rem;\n\n  .generic-sidebar__header {\n    h2 {\n      margin: 0 0 1rem;\n\n      font-size: var(--font-size-large);\n      font-weight: var(--font-weight-normal);\n\n      line-height: 1.2;\n\n      color: var(--color-text-secondary);\n\n      letter-spacing: 1.5px;\n    }\n  }\n\n  .generic-sidebar__list {\n    padding-left: 0;\n    font-size: var(--font-size-small);\n    list-style: none;\n  }\n\n  .generic-sidebar__item {\n    margin: 0;\n  }\n\n  .generic-sidebar__link {\n    display: inline-block;\n\n    padding: 0.5rem 1rem;\n\n    color: var(--color-text-secondary);\n\n    text-decoration: none;\n\n    border-left: 2px solid var(--color-border-items);\n\n    &:hover,\n    &:active {\n      color: var(--color-accent);\n    }\n\n    &[aria-current=\"true\"] {\n      font-weight: var(--font-weight-bold);\n\n      background-color: var(--color-background-accent);\n      border-left: 2px solid var(--color-accent);\n      border-top-right-radius: 0.25rem;\n      border-bottom-right-radius: 0.25rem;\n    }\n  }\n\n  em {\n    align-items: baseline;\n\n    padding: 0.25em 0;\n\n    font-style: normal;\n\n    background-color: var(--color-background-accent);\n    border-left: 2px solid var(--color-accent);\n  }\n}\n\n.generic-sidebar--plus {\n  --color-accent: var(--color-text-red);\n  --color-background-accent: var(--color-background-red);\n}\n\n.generic-sidebar--observatory {\n  --color-accent: var(--color-text-purple);\n  --color-background-accent: var(--color-background-purple);\n}\n"],"names":[],"mappings":"AAAA,iBACE,mCAAoC,CACpC,sDAAuD,CACvD,wFAA4E,CAA5E,8EAA4E,CAI5E,kBAAmB,CAFnB,eAAgB,CAChB,+BAgEF,CAtEA,uDAGE,0EAmEF,EAnEE,qJAA4E,CAA5E,8EAA4E,EAO1E,kDAQE,iCAAkC,CALlC,gCAAiC,CACjC,qCAAsC,CAMtC,oBAAqB,CAJrB,eAAgB,CALhB,eAUF,CAGF,wCAEE,gCAAiC,CACjC,eAAgB,CAFhB,cAGF,CAEA,wCACE,QACF,CAEA,wCASE,+CAAgD,CAJhD,iCAAkC,CAJlC,oBAAqB,CAErB,kBAAoB,CAIpB,4BAAqB,CAArB,oBAiBF,CAbE,uGAEE,yBACF,CAEA,gEAGE,+CAAgD,CAGhD,iCAAmC,CAFnC,yCAA0C,CAC1C,8BAAgC,CAJhC,mCAMF,CAGF,oBACE,oBAAqB,CAMrB,+CAAgD,CAChD,yCAA0C,CAH1C,iBAAkB,CAFlB,eAMF,CAGF,uBACE,oCAAqC,CACrC,qDACF,CAEA,8BACE,uCAAwC,CACxC,wDACF"}

package/dist/client/styles-generic-sidebar.9767d319bbbde061.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["4487"];export const __webpack_modules__={44069:function(){}};import s from"./styles.7fb7069c86aa338c.js";import*as e from"./styles-generic-sidebar.9767d319bbbde061.js";s.C(e),s(s.s=44069);

package/dist/client/styles-generic-toc.109e07ffeb20bc67.css

@@ -0,0 +1,2 @@
+.generic-toc{position:sticky;top:var(--sticky-header-height)}.generic-toc .generic-toc__header{color:var(--color-text-secondary);font-size:var(--font-size-large);font-weight:var(--font-weight-normal);letter-spacing:1.5px;line-height:1.2;margin:0 0 1rem}.generic-toc .generic-toc__list{font-size:var(--font-size-small);list-style:none;padding-left:0}.generic-toc .generic-toc__item{margin:0}.generic-toc .generic-toc__link{border-left:2px solid var(--color-border-items);color:var(--color-text-secondary);display:inline-block;padding:.5rem 1rem;-webkit-text-decoration:none;text-decoration:none}:is(.generic-toc .generic-toc__link):active,:is(.generic-toc .generic-toc__link):hover{color:var(--color-accent)}[aria-current=true]:is(.generic-toc .generic-toc__link){background-color:var(--color-background-accent);border-bottom-right-radius:.25rem;border-left:2px solid var(--color-accent);border-top-right-radius:.25rem;font-weight:var(--font-weight-bold)}.generic-toc em{align-items:baseline;background-color:var(--color-background-accent);border-left:2px solid var(--color-accent);font-style:normal;padding:.25em 0}.generic-toc--plus{--color-accent:var(--color-text-red);--color-background-accent:var(--color-background-red)}.generic-toc--observatory{--color-accent:var(--color-text-purple);--color-background-accent:var(--color-background-purple)}
+/*# sourceMappingURL=styles-generic-toc.109e07ffeb20bc67.css.map*/

package/dist/client/styles-generic-toc.109e07ffeb20bc67.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-generic-toc.109e07ffeb20bc67.css","sources":["webpack://@mdn/fred/./components/generic-toc/server.css"],"sourcesContent":[".generic-toc {\n  position: sticky;\n  top: var(--sticky-header-height);\n\n  .generic-toc__header {\n    margin: 0 0 1rem;\n\n    font-size: var(--font-size-large);\n    font-weight: var(--font-weight-normal);\n\n    line-height: 1.2;\n\n    color: var(--color-text-secondary);\n\n    letter-spacing: 1.5px;\n  }\n\n  .generic-toc__list {\n    padding-left: 0;\n    font-size: var(--font-size-small);\n    list-style: none;\n  }\n\n  .generic-toc__item {\n    margin: 0;\n  }\n\n  .generic-toc__link {\n    display: inline-block;\n\n    padding: 0.5rem 1rem;\n\n    color: var(--color-text-secondary);\n\n    text-decoration: none;\n\n    border-left: 2px solid var(--color-border-items);\n\n    &:hover,\n    &:active {\n      color: var(--color-accent);\n    }\n\n    &[aria-current=\"true\"] {\n      font-weight: var(--font-weight-bold);\n\n      background-color: var(--color-background-accent);\n      border-left: 2px solid var(--color-accent);\n      border-top-right-radius: 0.25rem;\n      border-bottom-right-radius: 0.25rem;\n    }\n  }\n\n  em {\n    align-items: baseline;\n\n    padding: 0.25em 0;\n\n    font-style: normal;\n\n    background-color: var(--color-background-accent);\n    border-left: 2px solid var(--color-accent);\n  }\n}\n\n.generic-toc--plus {\n  --color-accent: var(--color-text-red);\n  --color-background-accent: var(--color-background-red);\n}\n\n.generic-toc--observatory {\n  --color-accent: var(--color-text-purple);\n  --color-background-accent: var(--color-background-purple);\n}\n"],"names":[],"mappings":"AAAA,aACE,eAAgB,CAChB,+BA6DF,CA3DE,kCAQE,iCAAkC,CALlC,gCAAiC,CACjC,qCAAsC,CAMtC,oBAAqB,CAJrB,eAAgB,CALhB,eAUF,CAEA,gCAEE,gCAAiC,CACjC,eAAgB,CAFhB,cAGF,CAEA,gCACE,QACF,CAEA,gCASE,+CAAgD,CAJhD,iCAAkC,CAJlC,oBAAqB,CAErB,kBAAoB,CAIpB,4BAAqB,CAArB,oBAiBF,CAbE,uFAEE,yBACF,CAEA,wDAGE,+CAAgD,CAGhD,iCAAmC,CAFnC,yCAA0C,CAC1C,8BAAgC,CAJhC,mCAMF,CAGF,gBACE,oBAAqB,CAMrB,+CAAgD,CAChD,yCAA0C,CAH1C,iBAAkB,CAFlB,eAMF,CAGF,mBACE,oCAAqC,CACrC,qDACF,CAEA,0BACE,uCAAwC,CACxC,wDACF"}

package/dist/client/styles-generic-toc.56e46052fca1042a.js

@@ -0,0 +1 @@
+export const __webpack_ids__=["9781"];export const __webpack_modules__={63295:function(){}};import s from"./styles.7fb7069c86aa338c.js";import*as e from"./styles-generic-toc.56e46052fca1042a.js";s.C(e),s(s.s=63295);