@mdn/fred 2.4.2 → 2.4.3

package/out/static/client/{styles-curriculum-landing.6700bec8f414e4d9.css → styles-curriculum-landing.9b5fbdd11a9d6c5b.css}

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

package/out/static/client/{styles-curriculum-landing.6700bec8f414e4d9.css.map → styles-curriculum-landing.9b5fbdd11a9d6c5b.css.map}

@@ -1 +1 @@
-{"version":3,"file":"styles-curriculum-landing.6700bec8f414e4d9.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":["\n    :is(.curriculum-content-container.curriculum-module .curriculum-content)  > 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    }:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) > header) .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      }:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) > header) .topic-icon)  + h1 {\n          grid-area: heading;\n          margin-bottom: 0;\n        }:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) > header) p.module-topic {\n        grid-area: category;\n\n        margin: 0;\n        margin-top: 0.5rem;\n\n        font-size: var(--font-size-normal);\n\n        color: var(--curriculum-color-topic);\n      }:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) > header) p.module-topic)::before {\n          content: \"Category: \";\n        }:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) > header) p.module-group {\n        grid-area: group;\n\n        align-self: center;\n\n        width: fit-content;\n        height: max-content;\n\n        padding: 0.125rem 0.5rem;\n        margin: 0;\n        margin-bottom: 0.25rem;\n\n        font-size: var(--font-size-normal);\n\n        color: var(--curriculum-module-label-color);\n\n        background-color: var(--curriculum-module-label-bg-color);\n        border-radius: var(--elem-radius);\n      }:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources {\n      margin-top: 2rem;\n      margin-bottom: 0.5rem;\n    }:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources)  + ul {\n        padding-left: 2rem;\n      }:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources) + ul)  > li {\n          list-style-image: var(--curriculum-module-mdn-resource);\n        }.curriculum-external-li:is(:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources) + ul) > li) {\n            list-style-image: url(\"./assets/curriculum-ext-resource.svg\");\n          }:is(:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources) + ul) > li) em {\n            display: inline-block;\n\n            padding: 0 0.4em;\n\n            font-size: 0.5rem;\n            font-weight: bold;\n\n            line-height: var(--font-line-content);\n            vertical-align: super;\n\n            color: var(--color-text-primary);\n\n            text-transform: uppercase;\n\n            background: var(--curriculum-bg-color);\n            border-radius: 1em;\n\n            text-rendering: optimizelegibility;\n          }\n","\n  .curriculum-partner-banner-container .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  }@media screen and (769px < width) {.curriculum-partner-banner-container .partner-banner {\n      grid-template-areas: \"copy image\";\n      grid-template-columns: 2fr minmax(24rem, 1fr);\n  }\n    }:is(.curriculum-partner-banner-container .partner-banner)  > 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    }@media screen and (769px < width) {:is(.curriculum-partner-banner-container .partner-banner)  > mdn-themed-image {\n        justify-self: end;\n        width: 100%;\n    }\n      }:is(.curriculum-partner-banner-container .partner-banner)  > section {\n      display: contents;\n      grid-area: copy;\n      padding: 2rem 4rem;\n    }@media screen and (769px < width) {:is(.curriculum-partner-banner-container .partner-banner)  > section {\n        display: block;\n    }\n      }:is(:is(.curriculum-partner-banner-container .partner-banner) > section)  > h2 {\n        grid-area: h2;\n        margin: 1rem 0 2rem;\n        text-align: center;\n      }@media screen and (769px < width) {:is(:is(.curriculum-partner-banner-container .partner-banner) > section)  > h2 {\n          margin: 0 0 1rem;\n          text-align: left;\n      }\n        }:is(:is(:is(.curriculum-partner-banner-container .partner-banner) > section) > h2)  > a {\n          display: inline-block;\n          min-width: max-content;\n          color: var(--curriculum-category-color);\n        }:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner) > section) > h2) > a):visited:not([href^=\"#\"]) {\n            color: var(--curriculum-category-color);\n          }:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner) > section) > h2) > a)::before {\n            position: absolute;\n            content: url(\"./assets/curriculum-partner-underline-small.svg\");\n            transform: translate3d(-0.1em, 0.4em, 0);\n          }@media screen and (769px < width) {:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner) > section) > h2) > a)::before {\n              content: url(\"./assets/curriculum-partner-underline-large.svg\");\n          }\n            }: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 {\n            -webkit-text-decoration: none;\n            text-decoration: none;\n          }: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 {\n              content: none;\n            }:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner) > section) > h2) > a)::after {\n            width: 0.625em;\n            height: 0.625em;\n            background-color: var(--curriculum-category-color);\n          }:is(:is(.curriculum-partner-banner-container .partner-banner) > section)  > p {\n        grid-area: p;\n        margin: 1.5rem 1rem;\n      }@media screen and (769px < width) {:is(:is(.curriculum-partner-banner-container .partner-banner) > section)  > p {\n          margin: 1rem 0 1.5rem;\n      }\n        }:is(:is(.curriculum-partner-banner-container .partner-banner) > section)  > a {\n        grid-area: a;\n        margin: 1rem;\n        color: var(--color-text-primary);\n      }@media screen and (769px < width) {:is(:is(.curriculum-partner-banner-container .partner-banner) > section)  > a {\n          margin: 1rem 0 0;\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\n:is(.curriculum-content-container.curriculum-landing article)  > header,:is(.curriculum-content-container.curriculum-landing article)  > 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.curriculum-content-container.curriculum-landing .curriculum-content {\n    padding-top: 0;\n\n    /* number of columns in module list depending on screen width */\n  }\n\n:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list {\n      grid-template-columns: 1fr 1fr 1fr 1fr;\n    }\n\n@media (width <= 426px) {\n\n:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list {\n        grid-template-columns: 1fr;\n    }\n      }\n\n@media (426px < width) {\n\n:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list {\n        grid-template-columns: 1fr 1fr;\n    }\n      }\n\n@media (992px < width) {\n\n:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list {\n        grid-template-columns: 1fr 1fr 1fr;\n    }\n      }\n\n@media (1200px < width) {\n\n:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list {\n        grid-template-columns: 1fr 1fr 1fr 1fr;\n    }\n      }\n\n.curriculum-content-container.curriculum-landing header.landing-header {\n    display: grid;\n    grid-template-areas: \"copy\" \"svg\";\n  }\n\n@media (769px < width) {\n\n.curriculum-content-container.curriculum-landing header.landing-header {\n      grid-template-areas: \"copy svg\";\n      grid-template-columns: 30rem auto;\n  }\n    }\n\n:is(.curriculum-content-container.curriculum-landing header.landing-header)  > 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\n@media (769px < width) {\n\n:is(.curriculum-content-container.curriculum-landing header.landing-header)  > svg {\n        margin-bottom: 0;\n    }\n      }\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > svg) #icons-bg {\n        fill: var(--curriculum-bg-color-landing-top-icon);\n      }\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > svg) .laptop {\n        fill: var(--curriculum-color-landing-laptop);\n      }\n\n:is(.curriculum-content-container.curriculum-landing header.landing-header)  > 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\n@media (769px < width) {\n\n:is(.curriculum-content-container.curriculum-landing header.landing-header)  > section {\n        margin-bottom: 4rem;\n    }\n      }\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > section) h1 {\n        margin-bottom: 0.5rem;\n        font-size: var(--font-size-larger);\n        color: var(--curriculum-color-topic);\n      }\n\n@media (769px < width) {\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > section) h1 {\n          font-size: var(--font-size-largest);\n      }\n        }\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > section) h2 {\n        margin-top: 0.5rem;\n        margin-bottom: 1.5rem;\n        font-size: var(--font-size-large);\n      }\n\n@media (769px < width) {\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > section) h2 {\n          margin-bottom: 2rem;\n          font-size: var(--font-size-larger);\n      }\n        }\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > section) p {\n        color: var(--color-text-secondary);\n      }\n\n.curriculum-content-container.curriculum-landing .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\n:is(.curriculum-content-container.curriculum-landing .landing-about-container) .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\n@media (992px < width) {\n\n:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about {\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\n:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) h2 {\n        grid-area: h2;\n        margin: 1rem 0;\n      }\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)  > div.about-content {\n        display: contents;\n      }\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) 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(--color-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\n@media (426px < width) {\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul {\n            gap: 1rem;\n            align-items: center;\n        }\n          }\n\n@media (769px < width) {\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul {\n            justify-content: start;\n        }\n          }\n\n@media (992px < width) {\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul {\n            justify-content: center;\n        }\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul)  > li {\n            margin: 0 0.5rem;\n            text-align: center;\n          }\n\n@media (426px < width) {\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul)  > li {\n              width: max-content;\n              margin: 0 1rem;\n          }\n            }\n\n@media (769px < width) {\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul)  > li {\n              display: inline-flex;\n              gap: 1rem;\n              align-items: center;\n          }\n            }\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul) > li)::before {\n              display: block;\n\n              width: 3rem;\n              height: 3rem;\n\n              margin: 0 auto;\n            }\n\n@media (769px < width) {\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul) > li)::before {\n                display: initial;\n                margin: 0;\n            }\n              }\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul) > li):nth-child(1)::before {\n              content: var(--curriculum-landing-about-beginner);\n            }\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul) > li):nth-child(2)::before {\n              content: var(--curriculum-landing-about-pace);\n            }\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul) > li):nth-child(3)::before {\n              content: var(--curriculum-landing-about-free);\n            }\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) 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(--color-text-secondary);\n        }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p)::before {\n            display: block;\n\n            align-self: start;\n\n            width: 4rem;\n            height: 4rem;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(2) {\n            grid-area: p1;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(2)::before {\n              content: var(--curriculum-landing-about-bullet);\n            }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(3) {\n            grid-area: p2;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(3)::before {\n              content: var(--curriculum-landing-about-bullet);\n            }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(4) {\n            grid-area: p3;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(4)::before {\n              content: var(--curriculum-landing-about-bullet);\n            }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(5) {\n            grid-area: p4;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(5) a {\n              margin-left: 4rem;\n              font-weight: var(--font-weight-bold);\n              -webkit-text-decoration: underline;\n              text-decoration: underline;\n            }\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(5) a):hover,:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(5) a):active {\n                -webkit-text-decoration: none;\n                text-decoration: none;\n              }\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)  > 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:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .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\n@media (992px < width) {\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper {\n          justify-self: end;\n          margin-top: 0;\n      }\n        }\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper) .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:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper) 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:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper) p {\n          padding: 1rem 0;\n          margin: 0;\n        }\n\n.curriculum-content-container.curriculum-landing .landing-stairway {\n    max-width: 100%;\n    margin: 0;\n    background-color: var(--color-background-secondary);\n  }\n\n:is(.curriculum-content-container.curriculum-landing .landing-stairway)  > 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(--color-text-secondary);\n    }\n\n@media (769px < width) {\n\n:is(.curriculum-content-container.curriculum-landing .landing-stairway)  > div {\n        grid-template-columns: min(100%, 34rem);\n    }\n      }\n\n@media (992px < width) {\n\n:is(.curriculum-content-container.curriculum-landing .landing-stairway)  > div {\n        grid-template-areas: \"a b\";\n        grid-template-columns: 1fr 1.4fr;\n    }\n      }\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) svg {\n        width: 100%;\n      }\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div)  > #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\n@media (992px < width) {\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div)  > #stairway1-container {\n          --fs: clamp(1rem, calc(2 * calc(100vw / 100)), 1.75rem);\n      }\n        }\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway1-container) #stairway1 {\n          position: absolute;\n          top: 18%;\n          left: 32%;\n\n          font-size: var(--fs);\n        }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway1-container) #stairway1)  > 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:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway1-container) #stairway1) .color {\n            color: var(--curriculum-color);\n          }\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div)  > #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\n@media (769px < width) {\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div)  > #stairway2-container {\n          --fs: clamp(0.75rem, calc(100vw / 100), 0.825rem);\n      }\n        }\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #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\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2)  > 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\n@media (769px < width) {\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2)  > span {\n              max-width: initial;\n              text-wrap: nowrap;\n          }\n            }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-1 {\n            top: 36%;\n            left: 47%;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-2 {\n            top: 52%;\n            left: 33%;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-3 {\n            top: 71%;\n            left: 23%;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-4 {\n            top: 86%;\n            left: 8%;\n          }\n\n@media (769px < width) {\n            :is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-1 {\n              top: 53%;\n              left: 35%;\n            }\n\n            :is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-2 {\n              top: 65%;\n              left: 27%;\n            }\n\n            :is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-3 {\n              top: 77%;\n              left: 13%;\n            }\n\n            :is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-4 {\n              top: 90%;\n              left: 0%;\n            }\n          }\n\n#stairway2large:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) > svg) {\n            display: none;\n            grid-area: b;\n          }\n\n@media (769px < width) {\n\n#stairway2large:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) > svg) {\n              display: initial;\n          }\n            }\n\n#stairway2small:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) > svg) {\n            grid-area: b;\n            max-width: 100%;\n          }\n\n@media (769px < width) {\n\n#stairway2small:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) > svg) {\n              display: none;\n          }\n            }\n\n.curriculum-content-container.curriculum-landing #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\n:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)::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:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div)  > 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\n@media (769px < width) {\n\n:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div)  > ul {\n          grid-template-areas:\n            \"beginner advanced\"\n            \"employ educator\";\n          grid-template-columns: auto auto;\n          gap: 5rem 4rem;\n      }\n        }\n\n@media (992px < width) {\n\n:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div)  > ul {\n          gap: 5rem 8rem;\n      }\n        }\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul)  > li {\n          display: grid;\n\n          grid-template-areas:\n            \"i h\"\n            \"p p\"\n            \"c c\";\n          grid-template-rows: 4rem minmax(2rem, max-content) max-content;\n          grid-template-columns: 3rem 1fr;\n\n          gap: 1rem;\n          align-items: center;\n\n          height: max-content;\n\n          padding: 1rem 0.5rem;\n\n          color: var(--color-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\n@media (769px < width) {\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul)  > li {\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\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li)::before {\n            display: inline-block;\n\n            align-self: start;\n\n            width: 3rem;\n            height: 3rem;\n          }\n\n@media (769px < width) {\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li)::before {\n              grid-area: i;\n              width: 5rem;\n              height: 5rem;\n          }\n            }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li):nth-child(1)::before {\n            content: var(--curriculum-landing-started-beginner);\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li):nth-child(2)::before {\n            content: var(--curriculum-landing-started-advanced);\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li):nth-child(3)::before {\n            content: var(--curriculum-landing-started-employment);\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li):nth-child(4)::before {\n            content: var(--curriculum-landing-started-educator);\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) h3 {\n            grid-area: h;\n\n            margin-top: 0;\n\n            font-weight: var(--font-weight-bold);\n\n            line-height: var(--font-line-normal);\n\n            color: var(--color-text-primary);\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) p:nth-child(2) {\n            grid-area: p;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) p:nth-child(3) {\n            grid-area: c;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) em {\n            grid-area: p;\n            align-self: start;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) a {\n            --csstools-light-dark-toggle-35d37db9-0: var(--csstools-color-scheme--light) #ffffff;\n            --button-bg--default: var(--csstools-light-dark-toggle-35d37db9-0, #1b1b1b);\n            --csstools-light-dark-toggle-35d37db9-1: var(--csstools-color-scheme--light) #cdcdcd;\n            --button-bg-hover--default: var(--csstools-light-dark-toggle-35d37db9-1, #696969);\n            --csstools-light-dark-toggle-35d37db9-2: var(--csstools-color-scheme--light) #9e9e9e;\n            --button-bg-active--default: var(--csstools-light-dark-toggle-35d37db9-2, #9e9e9e);\n            --csstools-light-dark-toggle-35d37db9-3: var(--csstools-color-scheme--light) #ffffff;\n            --button-border-color--default: var(--csstools-light-dark-toggle-35d37db9-3, #1d1d1d);\n            --button-color--default: var(--color-background-primary);\n\n            --button-bg: var(--button-bg--default);\n            --button-bg-hover: var(--button-bg-hover--default);\n            --button-bg-active: var(--button-bg-active--default);\n            --button-border-color: var(--button-border-color--default);\n            --button-height: 2rem;\n            --button-color: var(--button-color--default);\n            --button-radius: var(--elem-radius, 0.25rem);\n            position: relative;\n\n            display: flex;\n\n            grid-area: c;\n\n            gap: 0.25rem;\n            align-items: center;\n            justify-content: center;\n            justify-self: center;\n\n            width: fit-content;\n            min-height: var(--button-height);\n\n            padding: 0.5rem;\n            padding-right: var(--button-padding);\n            padding-left: var(--button-padding);\n\n            font-size: var(--font-size-small);\n            font-weight: var(--font-weight-bold);\n\n            color: var(--button-color);\n\n            text-align: center;\n\n            -webkit-text-decoration: none;\n\n            -webkit-text-decoration: none;\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\n@supports (color: light-dark(red, red)){\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) 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          }\n}\n\n@supports not (color: light-dark(tan, tan)){\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) a) *{\n            --csstools-light-dark-toggle-35d37db9-0: var(--csstools-color-scheme--light) #ffffff;\n            --button-bg--default: var(--csstools-light-dark-toggle-35d37db9-0, #1b1b1b);\n            --csstools-light-dark-toggle-35d37db9-1: var(--csstools-color-scheme--light) #cdcdcd;\n            --button-bg-hover--default: var(--csstools-light-dark-toggle-35d37db9-1, #696969);\n            --csstools-light-dark-toggle-35d37db9-2: var(--csstools-color-scheme--light) #9e9e9e;\n            --button-bg-active--default: var(--csstools-light-dark-toggle-35d37db9-2, #9e9e9e);\n            --csstools-light-dark-toggle-35d37db9-3: var(--csstools-color-scheme--light) #ffffff;\n            --button-border-color--default: var(--csstools-light-dark-toggle-35d37db9-3, #1d1d1d);\n  }\n}\n\n@media (769px < width) {\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) a {\n              justify-self: start;\n          }\n            }\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) a):hover {\n              background-color: var(--button-bg-hover, var(--button-bg));\n            }\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles-curriculum-landing.9b5fbdd11a9d6c5b.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":["\n    :is(.curriculum-content-container.curriculum-module .curriculum-content)  > 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    }:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) > header) .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      }:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) > header) .topic-icon)  + h1 {\n          grid-area: heading;\n          margin-bottom: 0;\n        }:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) > header) p.module-topic {\n        grid-area: category;\n\n        margin: 0;\n        margin-top: 0.5rem;\n\n        font-size: var(--font-size-normal);\n\n        color: var(--curriculum-color-topic);\n      }:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) > header) p.module-topic)::before {\n          content: \"Category: \";\n        }:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) > header) p.module-group {\n        grid-area: group;\n\n        align-self: center;\n\n        width: fit-content;\n        height: max-content;\n\n        padding: 0.125rem 0.5rem;\n        margin: 0;\n        margin-bottom: 0.25rem;\n\n        font-size: var(--font-size-normal);\n\n        color: var(--curriculum-module-label-color);\n\n        background-color: var(--curriculum-module-label-bg-color);\n        border-radius: var(--elem-radius);\n      }:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources {\n      margin-top: 2rem;\n      margin-bottom: 0.5rem;\n    }:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources)  + ul {\n        padding-left: 2rem;\n      }:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources) + ul)  > li {\n          list-style-image: var(--curriculum-module-mdn-resource);\n        }.curriculum-external-li:is(:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources) + ul) > li) {\n            list-style-image: url(\"./assets/curriculum-ext-resource.svg\");\n          }:is(:is(:is(:is(.curriculum-content-container.curriculum-module .curriculum-content) p.curriculum-resources) + ul) > li) em {\n            display: inline-block;\n\n            padding: 0 0.4em;\n\n            font-size: 0.5rem;\n            font-weight: bold;\n\n            line-height: var(--font-line-content);\n            vertical-align: super;\n\n            color: var(--color-text-primary);\n\n            text-transform: uppercase;\n\n            background: var(--curriculum-bg-color);\n            border-radius: 1em;\n\n            text-rendering: optimizelegibility;\n          }\n","\n  .curriculum-partner-banner-container .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  }@media screen and (width > 769px) {.curriculum-partner-banner-container .partner-banner {\n      grid-template-areas: \"copy image\";\n      grid-template-columns: 2fr minmax(24rem, 1fr);\n  }\n    }:is(.curriculum-partner-banner-container .partner-banner)  > 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    }@media screen and (width > 769px) {:is(.curriculum-partner-banner-container .partner-banner)  > mdn-themed-image {\n        justify-self: end;\n        width: 100%;\n    }\n      }:is(.curriculum-partner-banner-container .partner-banner)  > section {\n      display: contents;\n      grid-area: copy;\n      padding: 2rem 4rem;\n    }@media screen and (width > 769px) {:is(.curriculum-partner-banner-container .partner-banner)  > section {\n        display: block;\n    }\n      }:is(:is(.curriculum-partner-banner-container .partner-banner) > section)  > h2 {\n        grid-area: h2;\n        margin: 1rem 0 2rem;\n        text-align: center;\n      }@media screen and (width > 769px) {:is(:is(.curriculum-partner-banner-container .partner-banner) > section)  > h2 {\n          margin: 0 0 1rem;\n          text-align: left;\n      }\n        }:is(:is(:is(.curriculum-partner-banner-container .partner-banner) > section) > h2)  > a {\n          display: inline-block;\n          min-width: max-content;\n          color: var(--curriculum-category-color);\n        }:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner) > section) > h2) > a):visited:not([href^=\"#\"]) {\n            color: var(--curriculum-category-color);\n          }:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner) > section) > h2) > a)::before {\n            position: absolute;\n            content: url(\"./assets/curriculum-partner-underline-small.svg\");\n            transform: translate3d(-0.1em, 0.4em, 0);\n          }@media screen and (width > 769px) {:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner) > section) > h2) > a)::before {\n              content: url(\"./assets/curriculum-partner-underline-large.svg\");\n          }\n            }: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 {\n            -webkit-text-decoration: none;\n            text-decoration: none;\n          }: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 {\n              content: none;\n            }:is(:is(:is(:is(.curriculum-partner-banner-container .partner-banner) > section) > h2) > a)::after {\n            width: 0.625em;\n            height: 0.625em;\n            background-color: var(--curriculum-category-color);\n          }:is(:is(.curriculum-partner-banner-container .partner-banner) > section)  > p {\n        grid-area: p;\n        margin: 1.5rem 1rem;\n      }@media screen and (width > 769px) {:is(:is(.curriculum-partner-banner-container .partner-banner) > section)  > p {\n          margin: 1rem 0 1.5rem;\n      }\n        }:is(:is(.curriculum-partner-banner-container .partner-banner) > section)  > a {\n        grid-area: a;\n        margin: 1rem;\n        color: var(--color-text-primary);\n      }@media screen and (width > 769px) {:is(:is(.curriculum-partner-banner-container .partner-banner) > section)  > a {\n          margin: 1rem 0 0;\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\n:is(.curriculum-content-container.curriculum-landing article)  > header,:is(.curriculum-content-container.curriculum-landing article)  > 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.curriculum-content-container.curriculum-landing .curriculum-content {\n    padding-top: 0;\n\n    /* number of columns in module list depending on screen width */\n  }\n\n:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list {\n      grid-template-columns: 1fr 1fr 1fr 1fr;\n    }\n\n@media (width <= 426px) {\n\n:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list {\n        grid-template-columns: 1fr;\n    }\n      }\n\n@media (width > 426px) {\n\n:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list {\n        grid-template-columns: 1fr 1fr;\n    }\n      }\n\n@media (width > 992px) {\n\n:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list {\n        grid-template-columns: 1fr 1fr 1fr;\n    }\n      }\n\n@media (width > 1200px) {\n\n:is(.curriculum-content-container.curriculum-landing .curriculum-content) ol.modules-list {\n        grid-template-columns: 1fr 1fr 1fr 1fr;\n    }\n      }\n\n.curriculum-content-container.curriculum-landing header.landing-header {\n    display: grid;\n    grid-template-areas: \"copy\" \"svg\";\n  }\n\n@media (width > 769px) {\n\n.curriculum-content-container.curriculum-landing header.landing-header {\n      grid-template-areas: \"copy svg\";\n      grid-template-columns: 30rem auto;\n  }\n    }\n\n:is(.curriculum-content-container.curriculum-landing header.landing-header)  > 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\n@media (width > 769px) {\n\n:is(.curriculum-content-container.curriculum-landing header.landing-header)  > svg {\n        margin-bottom: 0;\n    }\n      }\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > svg) #icons-bg {\n        fill: var(--curriculum-bg-color-landing-top-icon);\n      }\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > svg) .laptop {\n        fill: var(--curriculum-color-landing-laptop);\n      }\n\n:is(.curriculum-content-container.curriculum-landing header.landing-header)  > 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\n@media (width > 769px) {\n\n:is(.curriculum-content-container.curriculum-landing header.landing-header)  > section {\n        margin-bottom: 4rem;\n    }\n      }\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > section) h1 {\n        margin-bottom: 0.5rem;\n        font-size: var(--font-size-larger);\n        color: var(--curriculum-color-topic);\n      }\n\n@media (width > 769px) {\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > section) h1 {\n          font-size: var(--font-size-largest);\n      }\n        }\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > section) h2 {\n        margin-top: 0.5rem;\n        margin-bottom: 1.5rem;\n        font-size: var(--font-size-large);\n      }\n\n@media (width > 769px) {\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > section) h2 {\n          margin-bottom: 2rem;\n          font-size: var(--font-size-larger);\n      }\n        }\n\n:is(:is(.curriculum-content-container.curriculum-landing header.landing-header) > section) p {\n        color: var(--color-text-secondary);\n      }\n\n.curriculum-content-container.curriculum-landing .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\n:is(.curriculum-content-container.curriculum-landing .landing-about-container) .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\n@media (width > 992px) {\n\n:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about {\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\n:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) h2 {\n        grid-area: h2;\n        margin: 1rem 0;\n      }\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)  > div.about-content {\n        display: contents;\n      }\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) 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(--color-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\n@media (width > 426px) {\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul {\n            gap: 1rem;\n            align-items: center;\n        }\n          }\n\n@media (width > 769px) {\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul {\n            justify-content: start;\n        }\n          }\n\n@media (width > 992px) {\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul {\n            justify-content: center;\n        }\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul)  > li {\n            margin: 0 0.5rem;\n            text-align: center;\n          }\n\n@media (width > 426px) {\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul)  > li {\n              width: max-content;\n              margin: 0 1rem;\n          }\n            }\n\n@media (width > 769px) {\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul)  > li {\n              display: inline-flex;\n              gap: 1rem;\n              align-items: center;\n          }\n            }\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul) > li)::before {\n              display: block;\n\n              width: 3rem;\n              height: 3rem;\n\n              margin: 0 auto;\n            }\n\n@media (width > 769px) {\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul) > li)::before {\n                display: initial;\n                margin: 0;\n            }\n              }\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul) > li):nth-child(1)::before {\n              content: var(--curriculum-landing-about-beginner);\n            }\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul) > li):nth-child(2)::before {\n              content: var(--curriculum-landing-about-pace);\n            }\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) ul) > li):nth-child(3)::before {\n              content: var(--curriculum-landing-about-free);\n            }\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) 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(--color-text-secondary);\n        }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p)::before {\n            display: block;\n\n            align-self: start;\n\n            width: 4rem;\n            height: 4rem;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(2) {\n            grid-area: p1;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(2)::before {\n              content: var(--curriculum-landing-about-bullet);\n            }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(3) {\n            grid-area: p2;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(3)::before {\n              content: var(--curriculum-landing-about-bullet);\n            }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(4) {\n            grid-area: p3;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(4)::before {\n              content: var(--curriculum-landing-about-bullet);\n            }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(5) {\n            grid-area: p4;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(5) a {\n              margin-left: 4rem;\n              font-weight: var(--font-weight-bold);\n              -webkit-text-decoration: underline;\n              text-decoration: underline;\n            }\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(5) a):hover,:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) > div.about-content) p):nth-child(5) a):active {\n                -webkit-text-decoration: none;\n                text-decoration: none;\n              }\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about)  > 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:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .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\n@media (width > 992px) {\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper {\n          justify-self: end;\n          margin-top: 0;\n      }\n        }\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper) .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:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper) 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:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-about-container) .landing-about) .scrim-wrapper) p {\n          padding: 1rem 0;\n          margin: 0;\n        }\n\n.curriculum-content-container.curriculum-landing .landing-stairway {\n    max-width: 100%;\n    margin: 0;\n    background-color: var(--color-background-secondary);\n  }\n\n:is(.curriculum-content-container.curriculum-landing .landing-stairway)  > 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(--color-text-secondary);\n    }\n\n@media (width > 769px) {\n\n:is(.curriculum-content-container.curriculum-landing .landing-stairway)  > div {\n        grid-template-columns: min(100%, 34rem);\n    }\n      }\n\n@media (width > 992px) {\n\n:is(.curriculum-content-container.curriculum-landing .landing-stairway)  > div {\n        grid-template-areas: \"a b\";\n        grid-template-columns: 1fr 1.4fr;\n    }\n      }\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) svg {\n        width: 100%;\n      }\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div)  > #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\n@media (width > 992px) {\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div)  > #stairway1-container {\n          --fs: clamp(1rem, calc(2 * calc(100vw / 100)), 1.75rem);\n      }\n        }\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway1-container) #stairway1 {\n          position: absolute;\n          top: 18%;\n          left: 32%;\n\n          font-size: var(--fs);\n        }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway1-container) #stairway1)  > 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:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway1-container) #stairway1) .color {\n            color: var(--curriculum-color);\n          }\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div)  > #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\n@media (width > 769px) {\n\n:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div)  > #stairway2-container {\n          --fs: clamp(0.75rem, calc(100vw / 100), 0.825rem);\n      }\n        }\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #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\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2)  > 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\n@media (width > 769px) {\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2)  > span {\n              max-width: initial;\n              text-wrap: nowrap;\n          }\n            }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-1 {\n            top: 36%;\n            left: 47%;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-2 {\n            top: 52%;\n            left: 33%;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-3 {\n            top: 71%;\n            left: 23%;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-4 {\n            top: 86%;\n            left: 8%;\n          }\n\n@media (width > 769px) {\n            :is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-1 {\n              top: 53%;\n              left: 35%;\n            }\n\n            :is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-2 {\n              top: 65%;\n              left: 27%;\n            }\n\n            :is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-3 {\n              top: 77%;\n              left: 13%;\n            }\n\n            :is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) #stairway2) #stair-4 {\n              top: 90%;\n              left: 0%;\n            }\n          }\n\n#stairway2large:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) > svg) {\n            display: none;\n            grid-area: b;\n          }\n\n@media (width > 769px) {\n\n#stairway2large:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) > svg) {\n              display: initial;\n          }\n            }\n\n#stairway2small:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) > svg) {\n            grid-area: b;\n            max-width: 100%;\n          }\n\n@media (width > 769px) {\n\n#stairway2small:is(:is(:is(:is(.curriculum-content-container.curriculum-landing .landing-stairway) > div) > #stairway2-container) > svg) {\n              display: none;\n          }\n            }\n\n.curriculum-content-container.curriculum-landing #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\n:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started)::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:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div)  > 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\n@media (width > 769px) {\n\n:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div)  > ul {\n          grid-template-areas:\n            \"beginner advanced\"\n            \"employ educator\";\n          grid-template-columns: auto auto;\n          gap: 5rem 4rem;\n      }\n        }\n\n@media (width > 992px) {\n\n:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div)  > ul {\n          gap: 5rem 8rem;\n      }\n        }\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul)  > li {\n          display: grid;\n\n          grid-template-areas:\n            \"i h\"\n            \"p p\"\n            \"c c\";\n          grid-template-rows: 4rem minmax(2rem, max-content) max-content;\n          grid-template-columns: 3rem 1fr;\n\n          gap: 1rem;\n          align-items: center;\n\n          height: max-content;\n\n          padding: 1rem 0.5rem;\n\n          color: var(--color-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\n@media (width > 769px) {\n\n:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul)  > li {\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\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li)::before {\n            display: inline-block;\n\n            align-self: start;\n\n            width: 3rem;\n            height: 3rem;\n          }\n\n@media (width > 769px) {\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li)::before {\n              grid-area: i;\n              width: 5rem;\n              height: 5rem;\n          }\n            }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li):nth-child(1)::before {\n            content: var(--curriculum-landing-started-beginner);\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li):nth-child(2)::before {\n            content: var(--curriculum-landing-started-advanced);\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li):nth-child(3)::before {\n            content: var(--curriculum-landing-started-employment);\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li):nth-child(4)::before {\n            content: var(--curriculum-landing-started-educator);\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) h3 {\n            grid-area: h;\n\n            margin-top: 0;\n\n            font-weight: var(--font-weight-bold);\n\n            line-height: var(--font-line-normal);\n\n            color: var(--color-text-primary);\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) p:nth-child(2) {\n            grid-area: p;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) p:nth-child(3) {\n            grid-area: c;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) em {\n            grid-area: p;\n            align-self: start;\n          }\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) a {\n            --csstools-light-dark-toggle-35d37db9-0: var(--csstools-color-scheme--light) #ffffff;\n            --button-bg--default: var(--csstools-light-dark-toggle-35d37db9-0, #1b1b1b);\n            --csstools-light-dark-toggle-35d37db9-1: var(--csstools-color-scheme--light) #cdcdcd;\n            --button-bg-hover--default: var(--csstools-light-dark-toggle-35d37db9-1, #696969);\n            --csstools-light-dark-toggle-35d37db9-2: var(--csstools-color-scheme--light) #9e9e9e;\n            --button-bg-active--default: var(--csstools-light-dark-toggle-35d37db9-2, #9e9e9e);\n            --csstools-light-dark-toggle-35d37db9-3: var(--csstools-color-scheme--light) #ffffff;\n            --button-border-color--default: var(--csstools-light-dark-toggle-35d37db9-3, #1d1d1d);\n            --button-color--default: var(--color-background-primary);\n\n            --button-bg: var(--button-bg--default);\n            --button-bg-hover: var(--button-bg-hover--default);\n            --button-bg-active: var(--button-bg-active--default);\n            --button-border-color: var(--button-border-color--default);\n            --button-height: 2rem;\n            --button-color: var(--button-color--default);\n            --button-radius: var(--elem-radius, 0.25rem);\n            position: relative;\n\n            display: flex;\n\n            grid-area: c;\n\n            gap: 0.25rem;\n            align-items: center;\n            justify-content: center;\n            justify-self: center;\n\n            width: fit-content;\n            min-height: var(--button-height);\n\n            padding: 0.5rem;\n            padding-right: var(--button-padding);\n            padding-left: var(--button-padding);\n\n            font-size: var(--font-size-small);\n            font-weight: var(--font-weight-bold);\n\n            color: var(--button-color);\n\n            text-align: center;\n\n            -webkit-text-decoration: none;\n\n            -webkit-text-decoration: none;\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\n@supports (color: light-dark(red, red)){\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) 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          }\n}\n\n@supports not (color: light-dark(tan, tan)){\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) a) *{\n            --csstools-light-dark-toggle-35d37db9-0: var(--csstools-color-scheme--light) #ffffff;\n            --button-bg--default: var(--csstools-light-dark-toggle-35d37db9-0, #1b1b1b);\n            --csstools-light-dark-toggle-35d37db9-1: var(--csstools-color-scheme--light) #cdcdcd;\n            --button-bg-hover--default: var(--csstools-light-dark-toggle-35d37db9-1, #696969);\n            --csstools-light-dark-toggle-35d37db9-2: var(--csstools-color-scheme--light) #9e9e9e;\n            --button-bg-active--default: var(--csstools-light-dark-toggle-35d37db9-2, #9e9e9e);\n            --csstools-light-dark-toggle-35d37db9-3: var(--csstools-color-scheme--light) #ffffff;\n            --button-border-color--default: var(--csstools-light-dark-toggle-35d37db9-3, #1d1d1d);\n  }\n}\n\n@media (width > 769px) {\n\n:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) a {\n              justify-self: start;\n          }\n            }\n\n:is(:is(:is(:is(:is(.curriculum-content-container.curriculum-landing #dont_know_where_toget_started) ~ div) > ul) > li) a):hover {\n              background-color: var(--button-bg-hover, var(--button-bg));\n            }\n"],"names":[],"mappings":"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"}

package/out/static/client/{styles-featured-articles.b4ecc71ab736bd5b.css → styles-featured-articles.a2c1f1fd278c9256.css}

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

package/out/static/client/{styles-featured-articles.b4ecc71ab736bd5b.css.map → styles-featured-articles.a2c1f1fd278c9256.css.map}

@@ -1 +1 @@
-{"version":3,"file":"styles-featured-articles.b4ecc71ab736bd5b.css","sources":["webpack://@mdn/fred/./components/featured-articles/server.css"],"sourcesContent":["/**\n  Featured articles (homepage).\n\n  Important: Shares design with latest news.\n*/\n\n.featured-articles {\n  --base-line-height: 1.2;\n\n  display: grid;\n\n  grid-auto-flow: row;\n\n  gap: 1rem;\n\n  padding: 0;\n}\n\n@media (769px < width) {\n\n.featured-articles {\n    grid-template-columns: repeat(2, 1fr);\n}\n  }\n\n.featured-articles  > li {\n    display: contents;\n  }\n\n:is(.featured-articles a):link {\n      color: var(--color-text-primary);\n    }\n\n:is(.featured-articles a):visited {\n      color: var(--color-text-secondary);\n    }\n\n:is(.featured-articles a):not(:hover) {\n      -webkit-text-decoration: none;\n      text-decoration: none;\n    }\n\n.featured-articles__article {\n  display: flex;\n\n  flex-direction: column;\n\n  padding: 1rem;\n\n  border: 1px solid var(--color-border-primary);\n  border-radius: 0.5rem;\n}\n\n.featured-articles__tag {\n  font-size: var(--font-size-small);\n  font-weight: 500;\n}\n\n.featured-articles__title {\n  display: flex;\n\n  flex-grow: 1;\n\n  align-items: flex-start;\n\n  margin: 0 0 1em;\n\n  font-size: var(--font-size-normal);\n  font-weight: 500;\n\n  line-height: var(--font-line-normal);\n}\n\n.featured-articles__summary {\n  position: relative;\n\n  min-height: calc(3em * var(--base-line-height));\n  max-height: calc(3em * var(--base-line-height));\n\n  margin: 0;\n\n  overflow: hidden;\n\n  font-size: var(--font-size-small);\n\n  line-height: var(--base-line-height);\n}\n\n.featured-articles__summary::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    -webkit-mask-image: linear-gradient(90deg, #00000000, #000000 75%);\n\n            mask-image: linear-gradient(90deg, #00000000, #000000 75%);\n  }\n"],"names":[],"mappings":"AAMA,mBACE,sBAAuB,CAEvB,YAAa,CAIb,QAAS,CAFT,kBAAmB,CAInB,SACF,CAEA,uBAEA,mBACI,mCACJ,CACE,CAEF,sBACI,gBACF,CAEF,+BACM,+BACF,CAEJ,kCACM,iCACF,CAEJ,sCACM,4BAA6B,CAC7B,oBACF,CAEJ,4BAOE,4CAA6C,CAC7C,mBAAqB,CAPrB,YAAa,CAEb,qBAAsB,CAEtB,YAIF,CAEA,wBACE,gCAAiC,CACjC,eACF,CAEA,0BAKE,sBAAuB,CAJvB,YAAa,CAEb,WAAY,CAMZ,iCAAkC,CAClC,eAAgB,CAEhB,mCAAoC,CALpC,cAMF,CAEA,4BAUE,gCAAiC,CAEjC,mCAAoC,CANpC,QAAS,CAFT,4CAA+C,CAD/C,4CAA+C,CAK/C,eAAgB,CAPhB,iBAYF,CAEA,kCAcI,uCAAwC,CAFxC,UAAW,CAPX,aAAc,CAGd,wCAA2C,CAQ3C,wDAAkE,CAE1D,gDAA0D,CARlE,mBAAoB,CATpB,iBAAkB,CAElB,OAAQ,CADR,qCAAwC,CAKxC,UAYF"}
+{"version":3,"file":"styles-featured-articles.a2c1f1fd278c9256.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\n@media (width > 769px) {\n\n.featured-articles {\n    grid-template-columns: repeat(2, 1fr);\n}\n  }\n\n.featured-articles  > li {\n    display: contents;\n  }\n\n:is(.featured-articles a):link {\n      color: var(--color-text-primary);\n    }\n\n:is(.featured-articles a):visited {\n      color: var(--color-text-secondary);\n    }\n\n:is(.featured-articles a):not(:hover) {\n      -webkit-text-decoration: none;\n      text-decoration: none;\n    }\n\n.featured-articles__article {\n  display: flex;\n\n  flex-direction: column;\n\n  padding: 1rem;\n\n  border: 1px solid var(--color-border-primary);\n  border-radius: 0.5rem;\n}\n\n.featured-articles__tag {\n  font-size: var(--font-size-small);\n  font-weight: 500;\n}\n\n.featured-articles__title {\n  display: flex;\n\n  flex-grow: 1;\n\n  align-items: flex-start;\n\n  margin: 0 0 1em;\n\n  font-size: var(--font-size-normal);\n  font-weight: 500;\n\n  line-height: var(--font-line-normal);\n}\n\n.featured-articles__summary {\n  position: relative;\n\n  min-height: calc(3em * var(--base-line-height));\n  max-height: calc(3em * var(--base-line-height));\n\n  margin: 0;\n\n  overflow: hidden;\n\n  font-size: var(--font-size-small);\n\n  line-height: var(--base-line-height);\n}\n\n.featured-articles__summary::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    -webkit-mask-image: linear-gradient(90deg, #00000000, #000000 75%);\n\n            mask-image: linear-gradient(90deg, #00000000, #000000 75%);\n  }\n"],"names":[],"mappings":"AAMA,mBACE,sBAAuB,CAEvB,YAAa,CAIb,QAAS,CAFT,kBAAmB,CAInB,SACF,CAEA,uBAEA,mBACI,mCACJ,CACE,CAEF,sBACI,gBACF,CAEF,+BACM,+BACF,CAEJ,kCACM,iCACF,CAEJ,sCACM,4BAA6B,CAC7B,oBACF,CAEJ,4BAOE,4CAA6C,CAC7C,mBAAqB,CAPrB,YAAa,CAEb,qBAAsB,CAEtB,YAIF,CAEA,wBACE,gCAAiC,CACjC,eACF,CAEA,0BAKE,sBAAuB,CAJvB,YAAa,CAEb,WAAY,CAMZ,iCAAkC,CAClC,eAAgB,CAEhB,mCAAoC,CALpC,cAMF,CAEA,4BAUE,gCAAiC,CAEjC,mCAAoC,CANpC,QAAS,CAFT,4CAA+C,CAD/C,4CAA+C,CAK/C,eAAgB,CAPhB,iBAYF,CAEA,kCAcI,uCAAwC,CAFxC,UAAW,CAPX,aAAc,CAGd,wCAA2C,CAQ3C,wDAAkE,CAE1D,gDAA0D,CARlE,mBAAoB,CATpB,iBAAkB,CAElB,OAAQ,CADR,qCAAwC,CAKxC,UAYF"}

package/out/static/client/{styles-generic-about.8fb97dff70bba559.css → styles-generic-about.8856856e6f4b7e46.css}

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