@mdn/fred 0.1.0 → 0.2.0

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

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

package/dist/client/styles-curriculum-default.190eba828fd99e0a.js

@@ -1 +0,0 @@
-export const __webpack_ids__=["2734"];export const __webpack_modules__={47209:function(){}};import s from"./styles.23fb47137258e781.js";import*as c from"./styles-curriculum-default.190eba828fd99e0a.js";s.C(c),s(s.s=47209);

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

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

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

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

package/dist/client/styles-curriculum-landing.e73c9557dd2057aa.js

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

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

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

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

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

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

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

package/dist/client/styles-curriculum-overview.d00ecdc305f40125.js

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

package/dist/client/styles-featured-articles.27e767c8b538f066.js

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

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

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

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

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

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

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

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

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

package/dist/client/styles-generic-about.27a13c39db15963c.js

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

package/dist/client/styles-generic-about.481f176f22ba0def.css

@@ -1,2 +0,0 @@
-.about-container{--top-nav-height:var(--sticky-header-height);--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 (max-width:769px){.about-container{--about-section-gap:3rem}}@media (min-width:769.02px){.about-container h1{font-size:var(--font-size-largest);font-weight:600;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 (max-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 (max-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 (max-width:769px){:is(:is(.about-container>header) h1)+p{font-size:1.25rem}}: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 (max-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 (max-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 (max-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:600;margin-bottom:1rem}:is(.about-container section) mdn-about-tabs{grid-column:1/-1;padding-top:2rem;position:relative}.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 (max-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 (max-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 (max-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 (max-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:1.375rem;font-weight:600;line-height:1.5;margin:0;position:relative;text-decoration-line:underline;top:-.75em}@media (max-width:992px){:is(:is(.about-container div#our_journey)>ul) h4{font-size:1.25rem;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 (max-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 (max-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:600}: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 (min-width:992.02px){: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 (max-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 (max-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 (min-width:769.02px){.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:1.25rem;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:600;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 (min-width:992.02px){: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:600;text-transform:none}@media (max-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 (max-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 (max-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:600;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 (max-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.481f176f22ba0def.css.map*/

package/dist/client/styles-generic-about.481f176f22ba0def.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles-generic-about.481f176f22ba0def.css","sources":["webpack://@mdn/fred/./components/generic-about/server.css"],"sourcesContent":["/* variables local to the about page */\n.about-container {\n  --top-nav-height: var(--sticky-header-height);\n\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: 600;\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: 1.25rem;\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: 600;\n    }\n\n    mdn-about-tabs {\n      position: relative;\n      grid-column: 1/-1;\n      padding-top: 2rem;\n    }\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: 1.375rem;\n        font-weight: 600;\n\n        line-height: 1.5;\n\n        text-decoration-line: underline;\n\n        @media (--screen-medium-and-narrower) {\n          margin-bottom: -0.75em;\n          font-size: 1.25rem;\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: 600;\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: 1.25rem;\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: 600;\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: 600;\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: 600;\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.44405e7e3938a4b6.js

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

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

@@ -1,2 +0,0 @@
-.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:2rem;font-weight:600;margin-bottom:1rem}@media (max-width:769px){.community-container h2{font-size:1.375rem}}.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 (max-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 (max-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:2.5rem;margin-bottom:1rem}@media (max-width:769px){:is(.community-container>header) h1{font-size:2rem}}:is(.community-container>header) p{color:var(--header-text-secondary);margin-bottom:1.5rem}:is(.community-container>header)+section{margin-top:4.56rem}@media (max-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 (max-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:600;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 (max-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 (max-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 (max-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 (max-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:600;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 (max-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 (max-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 (max-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 (max-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:1.25rem;font-weight:500;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:600;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 (max-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:1.25rem;font-weight:500}@media (max-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 (max-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 (max-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:1.75rem;font-weight:600}@media (max-width:769px){:is([aria-labelledby=join_the_conversation]:is(.community-container>section) li) h3{font-size:1.25rem}}: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:600;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.ddbcb9e0488bf017.css.map*/

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles-generic-community.ddbcb9e0488bf017.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: 2rem;\n    font-weight: 600;\n\n    @media (--screen-small-and-narrower) {\n      font-size: 1.375rem;\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: 2.5rem;\n      color: var(--header-text-primary);\n\n      @media (--screen-small-and-narrower) {\n        font-size: 2rem;\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: 600;\n\n        color: var(--button-color);\n\n        text-align: center;\n        letter-spacing: normal;\n\n        text-decoration: none;\n\n        background-color: var(--button-bg);\n        border: 1px solid var(--button-border-color);\n        border-radius: var(--button-radius);\n\n        &.external::after {\n          display: none;\n        }\n\n        &:hover {\n          --button-border-color: var(--button-bg-hover);\n          --button-bg: var(--button-bg-hover);\n        }\n\n        &:active {\n          --button-bg: var(--button-bg-active);\n        }\n      }\n\n      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: 600;\n\n            color: var(--button-color);\n\n            text-align: center;\n            letter-spacing: normal;\n\n            text-decoration: none;\n\n            background-color: var(--button-bg);\n            border: 1px solid var(--button-border-color);\n            border-radius: var(--button-radius);\n\n            &.external::after {\n              display: none;\n            }\n\n            &:hover {\n              --button-border-color: var(--button-bg-hover);\n              --button-bg: var(--button-bg-hover);\n            }\n\n            &:active {\n              --button-bg: var(--button-bg-active);\n            }\n          }\n\n          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: 1.25rem;\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          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: 600;\n\n        color: var(--button-color);\n\n        text-align: center;\n        letter-spacing: normal;\n\n        text-decoration: none;\n\n        background-color: var(--button-bg);\n        border: 1px solid var(--button-border-color);\n        border-radius: var(--button-radius);\n\n        &.external::after {\n          display: none;\n        }\n\n        &:hover {\n          --button-border-color: var(--button-bg-hover);\n          --button-bg: var(--button-bg-hover);\n        }\n\n        &:active {\n          --button-bg: var(--button-bg-active);\n        }\n      }\n    }\n\n    &[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: 1.25rem;\n        font-weight: 500;\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: 1.75rem;\n          font-weight: 600;\n\n          @media (--screen-small-and-narrower) {\n            font-size: 1.25rem;\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: 600;\n\n          color: var(--button-color);\n\n          text-align: center;\n          letter-spacing: normal;\n\n          text-decoration: none;\n\n          background-color: var(--button-bg);\n          border: 1px solid var(--button-border-color);\n          border-radius: var(--button-radius);\n\n          &.external::after {\n            display: none;\n          }\n\n          &:hover {\n            --button-border-color: var(--button-bg-hover);\n            --button-bg: var(--button-bg-hover);\n          }\n\n          &:active {\n            --button-bg: var(--button-bg-active);\n          }\n        }\n\n        p {\n          margin: 0;\n        }\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/client/styles-generic-content.a2ddd6aac780a65f.js

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

package/dist/client/styles-generic-layout.55441b1a560f5c9f.css

@@ -1,2 +0,0 @@
-.generic-layout{display:grid;grid-template-areas:"sidebar . body . toc";grid-template-columns:var(--layout-2-sidebars);padding-inline:var(--layout-side-padding)}@media (max-width:64.999rem){.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 (max-width:48.999rem){.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.55441b1a560f5c9f.css.map*/

package/dist/client/styles-generic-layout.670f75c4f806be84.js

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