npm - @mdn/fred - Versions diffs - 0.0.1 - Mend

@mdn/fred 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3272) hide show

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

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

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

@@ -0,0 +1 @@

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

package/dist/client/styles-generic-about.e06415e7d0b644f8.js ADDED Viewed

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

package/dist/client/styles-generic-community.dc7a6a279c4156dd.js ADDED Viewed

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

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

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

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

@@ -0,0 +1 @@

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

package/dist/client/styles-generic-content.7960b980b98f1d3d.css ADDED Viewed

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

package/dist/client/styles-generic-content.7960b980b98f1d3d.css.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/client/styles-generic-content.c29785e714ffd1f5.js ADDED Viewed

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

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

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

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

@@ -0,0 +1 @@

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

package/dist/client/styles-generic-layout.a0b477c1597318fb.js ADDED Viewed

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

package/dist/client/styles-generic-sidebar.515ed6dc89aec542.css ADDED Viewed

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

package/dist/client/styles-generic-sidebar.515ed6dc89aec542.css.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/client/styles-generic-sidebar.7d35fed4f9bc1d3f.js ADDED Viewed

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

package/dist/client/styles-generic-toc.75b9d25451f88334.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export const __webpack_ids__=["9781"];export const __webpack_modules__={63295:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-generic-toc.75b9d25451f88334.js";s.C(o),s(s.s=63295);

package/dist/client/styles-generic-toc.88e45e1e72c77b73.css ADDED Viewed

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

package/dist/client/styles-generic-toc.88e45e1e72c77b73.css.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/client/styles-global.8b55f72d0e86db92.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .badge.inline.optional,.badge.inline.readonly,.badge.inline.secure{border:1px solid var(--color-border-primary);border-radius:1em;color:var(--color-text-secondary);font-size:var(--font-size-small);padding:.25em .5em;vertical-align:text-top;white-space:nowrap}mdn-code-example{display:block}mdn-button{display:inline-flex;vertical-align:middle}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle--0,var(--color-gray-60));--color-border-secondary:var(--csstools-light-dark-toggle--1,var(--color-gray-40));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-blue-20);--color-border-active:var(--csstools-light-dark-toggle--2,var(--color-blue-80))}@supports (color:light-dark(red,red)){:root{--color-border-primary:light-dark(var(--color-gray-60),var(--color-gray-40));--color-border-secondary:light-dark(var(--color-gray-40),var(--color-gray-60));--color-border-active:light-dark(var(--color-blue-80),var(--color-blue-20))}}@supports not (color:light-dark(tan,tan)){:root {--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle--0,var(--color-gray-60));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-border-secondary:var(--csstools-light-dark-toggle--1,var(--color-gray-40));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-blue-20);--color-border-active:var(--csstools-light-dark-toggle--2,var(--color-blue-80))}}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle--0,var(--color-white));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle--1,var(--color-gray-90));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle--2,var(--color-gray-80))}@supports (color:light-dark(red,red)){:root{--color-background-page:light-dark(var(--color-white),var(--color-gray-05));--color-background-primary:light-dark(var(--color-gray-90),var(--color-gray-10));--color-background-secondary:light-dark(var(--color-gray-80),var(--color-gray-20))}}@supports not (color:light-dark(tan,tan)){:root {--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle--0,var(--color-white));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle--1,var(--color-gray-90));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle--2,var(--color-gray-80))}}:root{--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle--3,var(--color-red-90));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle--4,var(--color-orange-90));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle--5,var(--color-yellow-90));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle--6,var(--color-green-90));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle--7,var(--color-blue-90));--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle--8,var(--color-purple-90))}@supports (color:light-dark(red,red)){:root{--color-background-red:light-dark(var(--color-red-90),var(--color-red-10));--color-background-orange:light-dark(var(--color-orange-90),var(--color-orange-10));--color-background-yellow:light-dark(var(--color-yellow-90),var(--color-yellow-10));--color-background-green:light-dark(var(--color-green-90),var(--color-green-10));--color-background-blue:light-dark(var(--color-blue-90),var(--color-blue-10));--color-background-purple:light-dark(var(--color-purple-90),var(--color-purple-10))}}@supports not (color:light-dark(tan,tan)){:root {--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle--3,var(--color-red-90));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle--4,var(--color-orange-90));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle--5,var(--color-yellow-90));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle--6,var(--color-green-90));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle--7,var(--color-blue-90));--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle--8,var(--color-purple-90))}}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle--0,var(--color-black));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle--1,var(--color-gray-40))}@supports (color:light-dark(red,red)){:root{--color-text-primary:light-dark(var(--color-black),var(--color-white));--color-text-secondary:light-dark(var(--color-gray-40),var(--color-gray-60))}}@supports not (color:light-dark(tan,tan)){:root {--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle--0,var(--color-black));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle--1,var(--color-gray-40))}}:root{--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle--2,var(--color-red-20));--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle--3,var(--color-orange-20));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle--4,var(--color-yellow-20));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle--5,var(--color-green-20));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle--6,var(--color-blue-20));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle--7,var(--color-purple-20))}@supports (color:light-dark(red,red)){:root{--color-text-red:light-dark(var(--color-red-20),var(--color-red-80));--color-text-orange:light-dark(var(--color-orange-20),var(--color-orange-80));--color-text-yellow:light-dark(var(--color-yellow-20),var(--color-yellow-80));--color-text-green:light-dark(var(--color-green-20),var(--color-green-80));--color-text-blue:light-dark(var(--color-blue-20),var(--color-blue-80));--color-text-purple:light-dark(var(--color-purple-20),var(--color-purple-80))}}@supports not (color:light-dark(tan,tan)){:root {--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle--2,var(--color-red-20));--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle--3,var(--color-orange-20));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle--4,var(--color-yellow-20));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle--5,var(--color-green-20));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle--6,var(--color-blue-20));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle--7,var(--color-purple-20))}}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle--0,var(--color-blue-20));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle--1,var(--color-purple-20))}@supports (color:light-dark(red,red)){:root{--color-link-normal:light-dark(var(--color-blue-20),var(--color-blue-80));--color-link-visited:light-dark(var(--color-purple-20),var(--color-purple-80))}}@supports not (color:light-dark(tan,tan)){:root {--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle--0,var(--color-blue-20));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle--1,var(--color-purple-20))}}:root{--color-scrollbar-track:#0000;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle--0,var(--color-black-alpha-25))}@supports (color:light-dark(red,red)){:root{--color-scrollbar-thumb:light-dark(var(--color-black-alpha-25),var(--color-white-alpha-25))}}@supports not (color:light-dark(tan,tan)){:root {--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle--0,var(--color-black-alpha-25))}}:root{--csstools-color-scheme--light:initial;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--csstools-color-scheme--light: }}:root{--color-white:#fff;--color-white-alpha-25:#ffffff40;--color-black:#000;--color-black-alpha-25:#00000040;--color-gray-90:#f7f7f8;--color-gray-80:#e9ebec;--color-gray-60:#c3c7cb;--color-gray-40:#51565d;--color-gray-20:#2d3034;--color-gray-10:#212426;--color-gray-05:#18191b;--color-red-90:#ffe6ea;--color-red-80:#f53d5c;--color-red-50:#d31232;--color-red-20:#b7102c;--color-red-10:#3d0f17;--color-orange-90:#fef0e7;--color-orange-80:#f89249;--color-orange-50:#e2782c;--color-orange-20:#b65916;--color-orange-10:#3b2311;--color-yellow-90:#fef9e6;--color-yellow-80:#f7d76e;--color-yellow-50:#e6b30a;--color-yellow-20:#aa8818;--color-yellow-10:#342a09;--color-green-90:#e6f4ec;--color-green-80:#4dcb82;--color-green-50:#089141;--color-green-20:#126836;--color-green-10:#0d2617;--color-blue-90:#e7f1fe;--color-blue-80:#509ef7;--color-blue-50:#0a5dbd;--color-blue-20:#115097;--color-blue-10:#0b1d32;--color-purple-90:#f4ebff;--color-purple-80:#b67bfe;--color-purple-50:#863ae4;--color-purple-20:#5f24a8;--color-purple-10:#221037}mdn-dropdown{display:contents}mdn-dropdown:not([loaded],:focus-within) [slot=dropdown]{display:none}.external:after{background-color:currentcolor;content:"";display:inline-block;height:1em;margin-left:.25em;-webkit-mask-image:url(/static/client/external-link.4f3a2dc8e402cae5.svg);mask-image:url(/static/client/external-link.4f3a2dc8e402cae5.svg);-webkit-mask-size:cover;mask-size:cover;width:1em}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(/static/client/inter.0336a89fb4e7fc1d.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic.c91adde9f78caceb.woff2) format("woff2")}@font-feature-values "Inter"{@styleset{disambiguation:2}}:root{--font-family-text:"Inter",sans-serif;--font-family-code:"Menlo","Consolas","Monaco","Liberation Mono","Lucida Console",monospace;--font-line-content:1.75;--font-line-normal:1.5;--font-line-ui:1;--font-size-largest:2.5rem;--font-size-larger:2rem;--font-size-large:1.5rem;--font-size-normal:1rem;--font-size-small:0.8rem},:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}img{height:auto;max-width:100%}[hidden]{display:none!important}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--color-background-page);color:var(--color-text-primary);font-family:var(--font-family-text);font-size:var(--font-size-normal);font-variant-alternates:styleset(disambiguation);line-height:var(--font-line-normal)}.icon.icon-deprecated,.icon.icon-experimental,.icon.icon-nonstandard{background-color:var(--color-text-secondary);display:inline-block;flex-shrink:0;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.icon.icon-deprecated{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.icon.icon-experimental{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.icon.icon-nonstandard{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}:root{--layout-side-padding-min:1rem;--layout-side-padding:max(var(--layout-side-padding-min),calc(50vw - 720px + 1rem));--layout-full-width:calc(100vw - var(--layout-side-padding)*2);--layout-sidebar-min:14rem;--layout-sidebar-gap:2rem;--layout-content-min:31rem;--layout-content-max:48rem;--layout-2-sidebars:[full-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end right-sidebar-end];--layout-1-sidebar-left:[full-start sidebar-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [sidebar-end left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [full-end content-end] minmax(0,1fr);--layout-1-sidebar-right:minmax(0,1fr) [full-start content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [sidebar-start right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end sidebar-end right-sidebar-end];--layout-no-sidebar:[full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end];--layout-no-sidebar-extended:[extended-full-start] var(--layout-side-padding) [full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end] var(--layout-side-padding) [extended-full-end]}mdn-live-sample-result{display:block}html a.only-in-en-us:after{content:"(en-US)";display:inline-block;font-size:.7rem;margin-left:.5ch;vertical-align:super}html[lang=de] a.only-in-en-us:after{content:"(engl.)"}html[lang=es] a.only-in-en-us:after{content:"(inglés)"}html[lang=fr] a.only-in-en-us:after{content:"(angl.)"}html[lang=ja] a.only-in-en-us:after{content:"(英語)"}html[lang=ko] a.only-in-en-us:after{content:"(영어)"}html[lang=ru] a.only-in-en-us:after{content:"(англ.)"}html[lang=pt-BR] a.only-in-en-us:after{content:"(inglês)"}html[lang=zh-CN] a.only-in-en-us:after{content:"（英语）";margin-left:unset;vertical-align:initial}html[lang=zh-TW] a.only-in-en-us:after{content:"（英語）";margin-left:unset;vertical-align:initial}.table-container{margin:0;overflow-x:auto}:root{--top-banner-height:3.375rem;--sticky-header-height:calc(var(--top-nav-height) + var(--breadcrumbs-bar-height));--z-index-sticky-header:100;--z-index-sidebar-mobile:90}.visually-hidden{border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important}@font-face{font-display:block;font-family:BarlowCondensed-SemiBold;font-weight:600;src:local("BarlowCondensed-SemiBold"),url(/static/client/BarlowCondensed-SemiBold.199288b668a15dc1.woff2) format("woff2")}
2	+ /# sourceMappingURL=styles-global.8b55f72d0e86db92.css.map/

package/dist/client/styles-global.8b55f72d0e86db92.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styles-global.8b55f72d0e86db92.css","sources":["webpack://@mdn/fred/./components/badge/global.css","webpack://@mdn/fred/./components/code-example/global.css","webpack://@mdn/fred/./components/button/global.css","webpack://@mdn/fred/./components/color/border.css","webpack://@mdn/fred/./components/color/background.css","webpack://@mdn/fred/./components/color/text.css","webpack://@mdn/fred/./components/color/link.css","webpack://@mdn/fred/./components/color/scrollbar.css","webpack://@mdn/fred/./components/color/global.css","webpack://@mdn/fred/./components/dropdown/global.css","webpack://@mdn/fred/./components/external-link/global.css","webpack://@mdn/fred/./components/font/global.css","webpack://@mdn/fred/./components/global/global.css","webpack://@mdn/fred/./components/icon/global.css","webpack://@mdn/fred/./components/layout/global.css","webpack://@mdn/fred/./components/live-sample-result/global.css","webpack://@mdn/fred/./components/only-in-en-us/global.css","webpack://@mdn/fred/./components/table-container/global.css","webpack://@mdn/fred/./components/vars/global.css","webpack://@mdn/fred/./components/visually-hidden/global.css","webpack://@mdn/fred/./components/scrim-inline/global.css"],"sourcesContent":["/*\n Badge legacy.\n\n To be removed when rari no longer renders these.\n\n Note: The selectors are intentionally explicit to discourage use.\n*/\n.badge.inline {\n /* See https://github.com/mdn/rari/blob/5a2ead64bb8d4f46f9c548b942072838fb686281/crates/rari-doc/src/templ/templs/inline_labels.rs#L16-L21 */\n &.optional,\n /* See https://github.com/mdn/rari/blob/5a2ead64bb8d4f46f9c548b942072838fb686281/crates/rari-doc/src/templ/templs/inline_labels.rs#L16-L21 */\n &.readonly,\n /* See https://github.com/mdn/rari/blob/5a2ead64bb8d4f46f9c548b942072838fb686281/crates/rari-doc/src/templ/templs/inline_labels.rs#L8-L13 */\n &.secure {\n padding: 0.25em 0.5em;\n\n font-size: var(--font-size-small);\n\n vertical-align: text-top;\n\n color: var(--color-text-secondary);\n\n white-space: nowrap;\n\n border: 1px solid var(--color-border-primary);\n border-radius: 1em;\n }\n}\n","mdn-code-example {\n display: block;\n}\n","mdn-button {\n display: inline-flex;\n vertical-align: middle;\n}\n","/* Border */\n\n:root {\n --color-border-primary: light-dark(\n var(--color-gray-60),\n var(--color-gray-40)\n );\n --color-border-secondary: light-dark(\n var(--color-gray-40),\n var(--color-gray-60)\n );\n --color-border-active: light-dark(var(--color-blue-80), var(--color-blue-20));\n}\n","/* Background */\n\n/* Basic */\n\n:root {\n --color-background-page: light-dark(var(--color-white), var(--color-gray-05));\n --color-background-primary: light-dark(\n var(--color-gray-90),\n var(--color-gray-10)\n );\n --color-background-secondary: light-dark(\n var(--color-gray-80),\n var(--color-gray-20)\n );\n}\n\n/* Tinted */\n\n:root {\n --color-background-red: light-dark(var(--color-red-90), var(--color-red-10));\n --color-background-orange: light-dark(\n var(--color-orange-90),\n var(--color-orange-10)\n );\n --color-background-yellow: light-dark(\n var(--color-yellow-90),\n var(--color-yellow-10)\n );\n --color-background-green: light-dark(\n var(--color-green-90),\n var(--color-green-10)\n );\n --color-background-blue: light-dark(\n var(--color-blue-90),\n var(--color-blue-10)\n );\n --color-background-purple: light-dark(\n var(--color-purple-90),\n var(--color-purple-10)\n );\n}\n","/* Text */\n\n/* Basic */\n\n:root {\n --color-text-primary: light-dark(var(--color-black), var(--color-white));\n --color-text-secondary: light-dark(\n var(--color-gray-40),\n var(--color-gray-60)\n );\n}\n\n/* Tinted */\n\n:root {\n --color-text-red: light-dark(var(--color-red-20), var(--color-red-80));\n --color-text-orange: light-dark(\n var(--color-orange-20),\n var(--color-orange-80)\n );\n --color-text-yellow: light-dark(\n var(--color-yellow-20),\n var(--color-yellow-80)\n );\n --color-text-green: light-dark(var(--color-green-20), var(--color-green-80));\n --color-text-blue: light-dark(var(--color-blue-20), var(--color-blue-80));\n --color-text-purple: light-dark(\n var(--color-purple-20),\n var(--color-purple-80)\n );\n}\n","/* Link */\n\n:root {\n --color-link-normal: light-dark(var(--color-blue-20), var(--color-blue-80));\n --color-link-visited: light-dark(\n var(--color-purple-20),\n var(--color-purple-80)\n );\n}\n","/* Scrollbar */\n\n:root {\n --color-scrollbar-track: transparent;\n --color-scrollbar-thumb: light-dark(\n var(--color-black-alpha-25),\n var(--color-white-alpha-25)\n );\n}\n","/* Color */\n\n@import url(\"border.css\");\n@import url(\"background.css\");\n@import url(\"text.css\");\n@import url(\"link.css\");\n@import url(\"scrollbar.css\");\n\n/* Light/dark */\n:root {\n color-scheme: light dark;\n}\n\n/* Basic */\n\n:root {\n --color-white: hsl(0deg 0% 100%);\n --color-white-alpha-25: hsl(0deg 0% 100% / 25%);\n\n --color-black: hsl(0deg 0% 0%);\n --color-black-alpha-25: hsl(0deg 0% 0% / 25%);\n}\n\n/* Gray */\n\n:root {\n --color-gray-90: hsl(212deg 7% 97%);\n --color-gray-80: hsl(212deg 7% 92%);\n --color-gray-60: hsl(212deg 7% 78%);\n --color-gray-40: hsl(212deg 7% 34%);\n --color-gray-20: hsl(212deg 7% 19%);\n --color-gray-10: hsl(212deg 7% 14%);\n --color-gray-05: hsl(212deg 7% 10%);\n}\n\n/* Tinted */\n\n:root {\n --color-red-90: hsl(350deg 100% 95%);\n --color-red-80: hsl(350deg 90% 60%);\n --color-red-50: hsl(350deg 84% 45%);\n --color-red-20: hsl(350deg 84% 39%);\n --color-red-10: hsl(350deg 60% 15%);\n\n --color-orange-90: hsl(25deg 92% 95%);\n --color-orange-80: hsl(25deg 93% 63%);\n --color-orange-50: hsl(25deg 76% 53%);\n --color-orange-20: hsl(25deg 78% 40%);\n --color-orange-10: hsl(25deg 55% 15%);\n\n --color-yellow-90: hsl(46deg 95% 95%);\n --color-yellow-80: hsl(46deg 90% 70%);\n --color-yellow-50: hsl(46deg 92% 47%);\n --color-yellow-20: hsl(46deg 75% 38%);\n --color-yellow-10: hsl(46deg 70% 12%);\n\n --color-green-90: hsl(145deg 40% 93%);\n --color-green-80: hsl(145deg 55% 55%);\n --color-green-50: hsl(145deg 90% 30%);\n --color-green-20: hsl(145deg 70% 24%);\n --color-green-10: hsl(145deg 50% 10%);\n\n --color-blue-90: hsl(212deg 91% 95%);\n --color-blue-80: hsl(212deg 91% 64%);\n --color-blue-50: hsl(212deg 90% 39%);\n --color-blue-20: hsl(212deg 80% 33%);\n --color-blue-10: hsl(212deg 65% 12%);\n\n --color-purple-90: hsl(267deg 99% 96%);\n --color-purple-80: hsl(267deg 99% 74%);\n --color-purple-50: hsl(267deg 76% 56%);\n --color-purple-20: hsl(267deg 65% 40%);\n --color-purple-10: hsl(267deg 55% 14%);\n}\n","mdn-dropdown {\n display: contents;\n\n &:not([loaded], :focus-within) {\n [slot=\"dropdown\"] {\n display: none;\n }\n }\n}\n",".external {\n &::after {\n display: inline-block;\n\n width: 1em;\n height: 1em;\n\n margin-left: 0.25em;\n\n content: \"\";\n\n background-color: currentcolor;\n\n mask-image: url(\"../icon/external-link.svg\");\n mask-size: cover;\n }\n}\n","@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n\n src: url(\"fonts/inter.woff2\") format(\"woff2\");\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 100 900;\n\n src: url(\"fonts/inter-italic.woff2\") format(\"woff2\");\n font-display: swap;\n}\n\n@font-feature-values \"Inter\" {\n @styleset {\n disambiguation: 2;\n }\n}\n\n:root {\n --font-family-text: \"Inter\", sans-serif;\n --font-family-code:\n \"Menlo\", \"Consolas\", \"Monaco\", \"Liberation Mono\", \"Lucida Console\",\n monospace;\n\n --font-line-content: 1.75;\n --font-line-normal: 1.5;\n --font-line-ui: 1;\n\n --font-size-largest: 2.5rem;\n --font-size-larger: 2rem;\n --font-size-large: 1.5rem;\n --font-size-normal: 1rem;\n --font-size-small: 0.8rem;\n}\n","/* Normalize */\n\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n\nbutton {\n cursor: pointer;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* Motion */\n\nhtml {\n scroll-behavior: smooth;\n\n @media (prefers-reduced-motion: reduce) {\n scroll-behavior: auto;\n }\n}\n\n/* Typography */\n\nbody {\n font-family: var(--font-family-text);\n font-size: var(--font-size-normal);\n font-variant-alternates: styleset(disambiguation);\n\n line-height: var(--font-line-normal);\n\n color: var(--color-text-primary);\n\n background-color: var(--color-background-page);\n}\n","/*\n Icon legacy.\n\n To be removed when rari no longer renders these.\n\n Note: The selectors are intentionally explicit to discourage use.\n*/\n.icon {\n &.icon-deprecated,\n &.icon-experimental,\n &.icon-nonstandard {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1em;\n height: 1em;\n\n vertical-align: middle;\n\n background-color: var(--color-text-secondary);\n\n mask-size: cover;\n }\n\n /* See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L43-L47 */\n &.icon-deprecated {\n mask-image: url(\"../icon/trash-2.svg\");\n }\n\n /* See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L36-L41 */\n &.icon-experimental {\n mask-image: url(\"../icon/flask-conical.svg\");\n }\n\n /* See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L43-L47 */\n &.icon-nonstandard {\n mask-image: url(\"../icon/triangle-alert.svg\");\n }\n}\n","/* --layout-side-padding-min * 2 + (--layout-sidebar-min + --layout-sidebar-gap) * 2 + --layout-content-min */\n@custom-media --screen-layout-1-sidebar-or-less (width < calc(1rem * 2 + (14rem + 2rem) * 2 + 31rem));\n\n/* --layout-side-padding-min * 2 + --layout-sidebar-min + --layout-sidebar-gap + --layout-content-min */\n@custom-media --screen-layout-no-sidebar (width < calc(1rem * 2 + 14rem + 2rem + 31rem));\n\n:root {\n --layout-side-padding-min: 1rem;\n --layout-side-padding: max(\n var(--layout-side-padding-min),\n calc((100vw - 1440px + (2rem)) / 2)\n );\n --layout-full-width: calc(100vw - 2 * var(--layout-side-padding));\n\n --layout-sidebar-min: 14rem;\n --layout-sidebar-gap: 2rem;\n --layout-content-min: 31rem;\n --layout-content-max: 48rem;\n\n /* WARNING: TODO: left/center/right cols widths will change */\n\n /* prettier-ignore */\n --layout-2-sidebars:\n [full-start left-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [left-sidebar-end]\n var(--layout-sidebar-gap)\n [content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n var(--layout-sidebar-gap)\n [right-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [full-end right-sidebar-end];\n\n /* prettier-ignore */\n --layout-1-sidebar-left:\n [full-start sidebar-start left-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [sidebar-end left-sidebar-end]\n var(--layout-sidebar-gap)\n [content-start]\n minmax(0, var(--layout-content-max))\n [full-end content-end]\n minmax(0, 1fr);\n\n /* prettier-ignore */\n --layout-1-sidebar-right:\n minmax(0, 1fr)\n [full-start content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n var(--layout-sidebar-gap)\n [sidebar-start right-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [full-end sidebar-end right-sidebar-end];\n\n /* prettier-ignore */\n --layout-no-sidebar:\n [full-start]\n 1fr\n [content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n 1fr\n [full-end];\n\n /* prettier-ignore */\n --layout-no-sidebar-extended:\n [extended-full-start]\n var(--layout-side-padding)\n [full-start]\n 1fr\n [content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n 1fr\n [full-end]\n var(--layout-side-padding)\n [extended-full-end];\n}\n","mdn-live-sample-result {\n display: block;\n}\n","html a.only-in-en-us::after {\n display: inline-block;\n\n margin-left: 0.5ch;\n\n font-size: 0.7rem;\n\n vertical-align: super;\n\n content: \"(en-US)\";\n}\n\nhtml[lang=\"de\"] a.only-in-en-us::after {\n content: \"(engl.)\";\n}\n\nhtml[lang=\"es\"] a.only-in-en-us::after {\n content: \"(inglés)\";\n}\n\nhtml[lang=\"fr\"] a.only-in-en-us::after {\n content: \"(angl.)\";\n}\n\nhtml[lang=\"ja\"] a.only-in-en-us::after {\n content: \"(英語)\";\n}\n\nhtml[lang=\"ko\"] a.only-in-en-us::after {\n content: \"(영어)\";\n}\n\nhtml[lang=\"ru\"] a.only-in-en-us::after {\n content: \"(англ.)\";\n}\n\nhtml[lang=\"pt-BR\"] a.only-in-en-us::after {\n content: \"(inglês)\";\n}\n\nhtml[lang=\"zh-CN\"] a.only-in-en-us::after {\n margin-left: unset;\n vertical-align: baseline;\n content: \"（英语）\";\n}\n\nhtml[lang=\"zh-TW\"] a.only-in-en-us::after {\n margin-left: unset;\n vertical-align: baseline;\n content: \"（英語）\";\n}\n",".table-container {\n margin: 0;\n overflow-x: auto;\n}\n",":root {\n --top-banner-height: 3.375rem;\n --sticky-header-height: calc(\n var(--top-nav-height) + var(--breadcrumbs-bar-height)\n );\n\n --z-index-sticky-header: 100;\n --z-index-sidebar-mobile: 90;\n}\n",".visually-hidden {\n position: absolute !important;\n\n width: 1px !important;\n height: 1px !important;\n\n padding: 0 !important;\n margin: -1px !important;\n\n overflow: hidden !important;\n\n white-space: nowrap !important;\n\n border: 0 !important;\n\n clip: rect(1px, 1px, 1px, 1px) !important;\n clip-path: inset(50%) !important;\n}\n","@font-face {\n font-family: \"BarlowCondensed-SemiBold\";\n font-weight: 600;\n\n src:\n local(\"BarlowCondensed-SemiBold\"),\n url(\"./assets/BarlowCondensed-SemiBold.woff2\") format(\"woff2\");\n font-display: block;\n}\n"],"names":[],"mappings":"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"}

package/dist/client/styles-global.b9628f4d3aaae98f.js ADDED Viewed

@@ -0,0 +1 @@

+ export const __webpack_ids__=["7646"];export const __webpack_modules__={20252:function(){},23552:function(){},54439:function(){},16140:function(){},15187:function(){},43978:function(){},91127:function(){},28306:function(){},21134:function(){},77689:function(){},82892:function(){},92418:function(){},86050:function(){},6896:function(){},89984:function(){},1700:function(){}};import n from"./styles.911adb13c338ef51.js";var o=function(o){return n(n.s=o)};import*as t from"./styles-global.b9628f4d3aaae98f.js";n.C(t),o(20252),o(54439),o(23552),o(16140),o(15187),o(43978),o(91127),o(28306),o(21134),o(77689),o(82892),o(92418),o(6896),o(89984),o(1700),o(86050);

package/dist/client/styles-heading-anchor.723d7995b359e9c5.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export const __webpack_ids__=["5437"];export const __webpack_modules__={92557:function(){}};import s from"./styles.911adb13c338ef51.js";import*as o from"./styles-heading-anchor.723d7995b359e9c5.js";s.C(o),s(s.s=92557);

package/dist/client/styles-heading-anchor.b82a8a1bdd9d4a09.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .heading:target{scroll-margin-top:var(--sticky-header-height)}.heading-anchor{color:inherit!important}.heading-anchor:before{color:var(--color-text-secondary);content:"#";display:inline-block;font-size:.75em;margin-left:-.8em;padding-right:.2em}@media (max-width:769px){.heading-anchor:before{font-size:.5em;padding-right:.1em}}.heading-anchor:not(:hover,:focus):before{visibility:hidden}
2	+ /# sourceMappingURL=styles-heading-anchor.b82a8a1bdd9d4a09.css.map/

package/dist/client/styles-heading-anchor.b82a8a1bdd9d4a09.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styles-heading-anchor.b82a8a1bdd9d4a09.css","sources":["webpack://@mdn/fred/./components/heading-anchor/server.css"],"sourcesContent":[".heading:target {\n scroll-margin-top: var(--sticky-header-height);\n}\n\n.heading-anchor {\n color: inherit !important;\n\n &::before {\n display: inline-block;\n\n padding-right: 0.2em;\n margin-left: -0.8em;\n\n font-size: 0.75em;\n\n color: var(--color-text-secondary);\n\n content: \"#\";\n\n @media (--screen-small-and-narrower) {\n padding-right: 0.1em;\n\n /** Avoid viewport overflow. */\n font-size: 0.5em;\n }\n }\n\n &:not(:hover, :focus)::before {\n visibility: hidden;\n }\n}\n"],"names":[],"mappings":"AAAA,gBACE,6CACF,CAEA,gBACE,uBAyBF,CAvBE,uBAQE,iCAAkC,CAElC,WAAY,CATZ,oBAAqB,CAKrB,eAAiB,CAFjB,iBAAmB,CADnB,kBAeF,CANE,yBAZF,uBAgBI,cAAgB,CAHhB,kBAKJ,CADE,CAGF,0CACE,iBACF"}

package/dist/client/styles-homepage-body.22274e9a4a78b7ae.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .homepage-body h2{font-size:var(--font-size-large);font-weight:500}
2	+ /# sourceMappingURL=styles-homepage-body.22274e9a4a78b7ae.css.map/

package/dist/client/styles-homepage-body.22274e9a4a78b7ae.css.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles-homepage-body.22274e9a4a78b7ae.css","sources":["webpack://@mdn/fred/./components/homepage-body/server.css"],"sourcesContent":[".homepage-body {\n h2 {\n font-size: var(--font-size-large);\n font-weight: 500;\n }\n}\n"],"names":[],"mappings":"AACE,kBACE,gCAAiC,CACjC,eACF"}

package/dist/client/styles-homepage-body.7804e89b5b1f5fb0.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export const __webpack_ids__=["4512"];export const __webpack_modules__={29202:function(){}};import o from"./styles.911adb13c338ef51.js";import*as s from"./styles-homepage-body.7804e89b5b1f5fb0.js";o.C(s),o(o.s=29202);

package/dist/client/styles-homepage-contributor-spotlight.4d44b4638d86e2e7.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export const __webpack_ids__=["8291"];export const __webpack_modules__={76819:function(){}};import e from"./styles.911adb13c338ef51.js";import*as o from"./styles-homepage-contributor-spotlight.4d44b4638d86e2e7.js";e.C(o),e(e.s=76819);

package/dist/client/styles-homepage-contributor-spotlight.f02bdd82c7536b72.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .homepage-contributor-spotlight{display:flex;flex-direction:column}.homepage-contributor-spotlight__spotlight{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;place-items:center}.homepage-contributor-spotlight__spotlight h2{margin:0}.homepage-contributor-spotlight__name{background-color:var(--color-text-primary);color:var(--color-background-primary);font-size:var(--font-size-large);font-weight:650;padding:.125em .25em;text-transform:uppercase;width:max-content}.homepage-contributor-spotlight__name:not(:hover){-webkit-text-decoration:none;text-decoration:none}.homepage-contributor-spotlight__quote{color:var(--color-text-secondary);display:flex;font-style:italic;gap:.5em;margin:.5em 0}.homepage-contributor-spotlight__quote:before{background-color:var(--color-text-primary);box-sizing:border-box;content:"";display:inline-block;flex-shrink:0;height:1em;margin-top:.25em;-webkit-mask-image:url(/static/client/quote.a314e8d24a902d8a.svg);mask-image:url(/static/client/quote.a314e8d24a902d8a.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;width:1em}.homepage-contributor-spotlight__logo{display:contents}.homepage-contributor-spotlight__logo img{max-height:8rem;place-self:center;width:max-content}@media (min-width:769.02px){.homepage-contributor-spotlight{flex-direction:row;gap:2rem}.homepage-contributor-spotlight__spotlight{align-items:start}.homepage-contributor-spotlight__quote:before{margin-left:-1.5em}}
2	+ /# sourceMappingURL=styles-homepage-contributor-spotlight.f02bdd82c7536b72.css.map/

package/dist/client/styles-homepage-contributor-spotlight.f02bdd82c7536b72.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styles-homepage-contributor-spotlight.f02bdd82c7536b72.css","sources":["webpack://@mdn/fred/./components/homepage-contributor-spotlight/server.css"],"sourcesContent":["@import url(\"../button/server.css\");\n\n.homepage-contributor-spotlight {\n display: flex;\n flex-direction: column;\n}\n\n.homepage-contributor-spotlight__spotlight {\n display: flex;\n\n flex-direction: column;\n\n gap: 0.5rem;\n place-items: center;\n\n margin: 1rem 0;\n\n h2 {\n margin: 0;\n }\n}\n\n.homepage-contributor-spotlight__name {\n width: max-content;\n\n padding: 0.125em 0.25em;\n\n font-size: var(--font-size-large);\n font-weight: 650;\n\n color: var(--color-background-primary);\n\n text-transform: uppercase;\n\n background-color: var(--color-text-primary);\n\n &:not(:hover) {\n text-decoration: none;\n }\n}\n\n.homepage-contributor-spotlight__quote {\n display: flex;\n\n gap: 0.5em;\n\n margin: 0.5em 0;\n\n font-style: italic;\n\n color: var(--color-text-secondary);\n\n &::before {\n box-sizing: border-box;\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1em;\n height: 1em;\n\n margin-top: 0.25em;\n\n content: \"\";\n\n background-color: var(--color-text-primary);\n\n mask-image: url(\"./quote.svg\");\n mask-repeat: no-repeat;\n mask-position: center right;\n mask-size: cover;\n }\n}\n\n.homepage-contributor-spotlight__logo {\n display: contents;\n\n img {\n place-self: center;\n width: max-content;\n max-height: 8rem;\n }\n}\n\n@media (--screen-medium-and-wider) {\n .homepage-contributor-spotlight {\n flex-direction: row;\n gap: 2rem;\n }\n\n .homepage-contributor-spotlight__spotlight {\n align-items: start;\n }\n\n .homepage-contributor-spotlight__quote::before {\n margin-left: -1.5em;\n }\n}\n"],"names":[],"mappings":"AAEA,gCACE,YAAa,CACb,qBACF,CAEA,2CACE,YAAa,CAEb,qBAAsB,CAEtB,SAAW,CAGX,aAAc,CAFd,kBAOF,CAHE,8CACE,QACF,CAGF,sCAYE,0CAA2C,CAJ3C,qCAAsC,CAHtC,gCAAiC,CACjC,eAAgB,CAHhB,oBAAuB,CAOvB,wBAAyB,CATzB,iBAgBF,CAHE,kDACE,4BAAqB,CAArB,oBACF,CAGF,uCASE,iCAAkC,CARlC,YAAa,CAMb,iBAAkB,CAJlB,QAAU,CAEV,aA0BF,CApBE,8CAaE,0CAA2C,CAZ3C,qBAAsB,CAUtB,UAAW,CATX,oBAAqB,CAErB,aAAc,CAGd,UAAW,CAEX,gBAAkB,CAMlB,iEAA8B,CAA9B,yDAA8B,CAE9B,kCAA2B,CAA3B,0BAA2B,CAD3B,6BAAsB,CAAtB,qBAAsB,CAEtB,uBAAgB,CAAhB,eAAgB,CAZhB,SAaF,CAGF,sCACE,gBAOF,CALE,0CAGE,eAAgB,CAFhB,iBAAkB,CAClB,iBAEF,CAGF,4BACE,gCACE,kBAAmB,CACnB,QACF,CAEA,2CACE,iBACF,CAEA,8CACE,kBACF,CACF"}

package/dist/client/styles-homepage-footer.5d6588cf8c9b4dc6.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .homepage-footer h2{font-size:var(--font-size-large);font-weight:500}
2	+ /# sourceMappingURL=styles-homepage-footer.5d6588cf8c9b4dc6.css.map/

package/dist/client/styles-homepage-footer.5d6588cf8c9b4dc6.css.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles-homepage-footer.5d6588cf8c9b4dc6.css","sources":["webpack://@mdn/fred/./components/homepage-footer/server.css"],"sourcesContent":[".homepage-footer {\n h2 {\n font-size: var(--font-size-large);\n font-weight: 500;\n }\n}\n"],"names":[],"mappings":"AACE,oBACE,gCAAiC,CACjC,eACF"}

package/dist/client/styles-homepage-footer.6110ddf33f932da9.js ADDED Viewed

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

package/dist/client/styles-homepage-header.64f2588e6f52cab3.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export const __webpack_ids__=["965"];export const __webpack_modules__={33299:function(){}};import e from"./styles.911adb13c338ef51.js";import*as s from"./styles-homepage-header.64f2588e6f52cab3.js";e.C(s),e(e.s=33299);