@mdn/fred 2.4.2 → 2.5.0

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 (84) hide show
  1. package/.nvmrc +1 -1
  2. package/CHANGELOG.md +39 -0
  3. package/README.md +2 -0
  4. package/components/baseline-indicator/server.js +86 -32
  5. package/components/compat-section/server.js +45 -0
  6. package/components/compat-table/utils.js +10 -0
  7. package/components/compat-table-lazy/element.js +2 -5
  8. package/components/content-section/server.js +4 -22
  9. package/components/curriculum/sidebar.css +1 -1
  10. package/components/env/index.js +1 -1
  11. package/components/left-sidebar/server.css +1 -1
  12. package/components/media/index.css +5 -5
  13. package/components/menu/missing-docs.json +0 -1
  14. package/components/outer-layout/server.js +3 -3
  15. package/components/server/index.js +4 -0
  16. package/components/sidebar-filter/sidebar-filterer.js +4 -2
  17. package/components/specifications-list/server.js +72 -0
  18. package/out/service-worker.js +1 -1
  19. package/out/static/client/{251.db6a4b10ef58ad3a.js → 251.f498960ce719d884.js} +6 -6
  20. package/out/static/client/251.f498960ce719d884.js.map +1 -0
  21. package/out/static/client/{3259.767db1f79a406e65.js → 3259.ac8a5539251c647a.js} +2 -2
  22. package/out/static/client/{3259.767db1f79a406e65.js.map → 3259.ac8a5539251c647a.js.map} +1 -1
  23. package/out/static/client/{5408.a0622390fa1726dc.css → 5408.77c9b71d6a5df982.css} +2 -2
  24. package/out/static/client/{5408.a0622390fa1726dc.css.map → 5408.77c9b71d6a5df982.css.map} +1 -1
  25. package/out/static/client/6002.60280d36f6ea71ff.js +167 -0
  26. package/out/static/client/6002.60280d36f6ea71ff.js.map +1 -0
  27. package/out/static/client/6216.2a29b5ce2a1bf6f6.js +2 -0
  28. package/out/static/client/6216.2a29b5ce2a1bf6f6.js.map +1 -0
  29. package/out/static/client/{9127.4debc5342015b0ec.js → 9127.08c4f752c4186007.js} +2 -2
  30. package/out/static/client/{9127.4debc5342015b0ec.js.map → 9127.08c4f752c4186007.js.map} +1 -1
  31. package/out/static/client/{9204.515db9110e143075.js → 9204.f8aa5d9f8a79f3d4.js} +2 -2
  32. package/out/static/client/{9204.515db9110e143075.js.map → 9204.f8aa5d9f8a79f3d4.js.map} +1 -1
  33. package/out/static/client/9324.61778c81f15bcebc.js +26 -0
  34. package/out/static/client/9324.61778c81f15bcebc.js.map +1 -0
  35. package/out/static/client/{9326.6a60853854f7ec9b.css → 9326.431ef0e548c5f096.css} +2 -2
  36. package/out/static/client/{9326.6a60853854f7ec9b.css.map → 9326.431ef0e548c5f096.css.map} +1 -1
  37. package/out/static/client/{index.2d8f328c434a5768.js → index.ae68bec0e2489b62.js} +4 -4
  38. package/out/static/client/index.ae68bec0e2489b62.js.map +1 -0
  39. package/out/static/client/{runtime.fa41b0d4fa762325.js → runtime.5a92d4f860d6d798.js} +2 -2
  40. package/out/static/client/{runtime.fa41b0d4fa762325.js.map → runtime.5a92d4f860d6d798.js.map} +1 -1
  41. package/out/static/client/stats.json +143 -143
  42. package/out/static/client/{styles-blog-post.c03ec8a22f8d4ff6.css → styles-blog-post.d0b92f36d3ccd2ae.css} +2 -2
  43. package/out/static/client/{styles-blog-post.c03ec8a22f8d4ff6.css.map → styles-blog-post.d0b92f36d3ccd2ae.css.map} +1 -1
  44. package/out/static/client/{styles-curriculum-landing.6700bec8f414e4d9.css → styles-curriculum-landing.9b5fbdd11a9d6c5b.css} +2 -2
  45. package/out/static/client/{styles-curriculum-landing.6700bec8f414e4d9.css.map → styles-curriculum-landing.9b5fbdd11a9d6c5b.css.map} +1 -1
  46. package/out/static/client/{styles-featured-articles.b4ecc71ab736bd5b.css → styles-featured-articles.a2c1f1fd278c9256.css} +2 -2
  47. package/out/static/client/{styles-featured-articles.b4ecc71ab736bd5b.css.map → styles-featured-articles.a2c1f1fd278c9256.css.map} +1 -1
  48. package/out/static/client/{styles-generic-about.8fb97dff70bba559.css → styles-generic-about.8856856e6f4b7e46.css} +2 -2
  49. package/out/static/client/{styles-generic-about.8fb97dff70bba559.css.map → styles-generic-about.8856856e6f4b7e46.css.map} +1 -1
  50. package/out/static/client/styles-global.274bf4a7ba3e88ae.css +2 -0
  51. package/out/static/client/{styles-global.356d25ef0f954fc4.css.map → styles-global.274bf4a7ba3e88ae.css.map} +1 -1
  52. package/out/static/client/{styles-global.8b4b213c704a703e.js → styles-global.64aa0c760d2688b4.js} +1 -1
  53. package/out/static/client/{styles-homepage-contributor-spotlight.2bcbb1476c70410c.css → styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css} +2 -2
  54. package/out/static/client/{styles-homepage-contributor-spotlight.2bcbb1476c70410c.css.map → styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css.map} +1 -1
  55. package/out/static/client/{styles-latest-news.ef3b9e57333a87bc.css → styles-latest-news.afe0cccaa067269f.css} +2 -2
  56. package/out/static/client/{styles-latest-news.ef3b9e57333a87bc.css.map → styles-latest-news.afe0cccaa067269f.css.map} +1 -1
  57. package/out/static/client/{styles-left-sidebar.6f954e8939555f77.css → styles-left-sidebar.517b9efefbdeed1d.css} +2 -2
  58. package/out/static/client/{styles-left-sidebar.6f954e8939555f77.css.map → styles-left-sidebar.517b9efefbdeed1d.css.map} +1 -1
  59. package/out/static/legacy/6753.072394f4f09652a0.js +27 -0
  60. package/out/static/legacy/6753.072394f4f09652a0.js.map +1 -0
  61. package/out/static/legacy/asset-manifest.json +5 -5
  62. package/out/static/legacy/{index.85161ba7fe682ee8.html → index.c05c933009dda5b3.html} +1 -1
  63. package/out/static/legacy/stats.json +9 -9
  64. package/out/static/legacy/{yari.01d97d56e30935ec.js → yari.e457418f21984506.js} +3 -3
  65. package/out/static/legacy/{yari.01d97d56e30935ec.js.map → yari.e457418f21984506.js.map} +1 -1
  66. package/out/static/ssr/index.js +160 -144
  67. package/out/static/ssr/index.js.map +1 -1
  68. package/out/static/ssr/stats.json +4 -4
  69. package/package.json +16 -10
  70. package/components/specifications-list/index.js +0 -60
  71. package/out/static/client/251.db6a4b10ef58ad3a.js.map +0 -1
  72. package/out/static/client/6216.f526aaf8b3dedd72.js +0 -2
  73. package/out/static/client/6216.f526aaf8b3dedd72.js.map +0 -1
  74. package/out/static/client/718.071765b571e2315c.js +0 -167
  75. package/out/static/client/718.071765b571e2315c.js.map +0 -1
  76. package/out/static/client/9324.9bb064ea7377127e.js +0 -26
  77. package/out/static/client/9324.9bb064ea7377127e.js.map +0 -1
  78. package/out/static/client/index.2d8f328c434a5768.js.map +0 -1
  79. package/out/static/client/styles-global.356d25ef0f954fc4.css +0 -2
  80. package/out/static/legacy/6753.811fcf40c897d487.js +0 -27
  81. package/out/static/legacy/6753.811fcf40c897d487.js.map +0 -1
  82. /package/out/static/client/{index.2d8f328c434a5768.js.LICENSE.txt → index.ae68bec0e2489b62.js.LICENSE.txt} +0 -0
  83. /package/out/static/legacy/{6753.811fcf40c897d487.js.LICENSE.txt → 6753.072394f4f09652a0.js.LICENSE.txt} +0 -0
  84. /package/out/static/legacy/{yari.01d97d56e30935ec.js.LICENSE.txt → yari.e457418f21984506.js.LICENSE.txt} +0 -0
package/out/static/client/{styles-generic-about.8fb97dff70bba559.css → styles-generic-about.8856856e6f4b7e46.css} RENAMED
@@ -1,2 +1,2 @@
1
- .about-container{--max-width:74rem;--gutter:1rem;--about-stats-height:5.75rem;--about-section-gap:5rem;--inner-width:calc(min(var(--max-width), 100vw) - var(--gutter)*2);--about-join-us-image:url(/static/client/building.5aff194cf1f11571.svg)}@media (prefers-color-scheme:dark){.about-container{--about-join-us-image:url(/static/client/building-dark.0e2b3b21bb9e46fa.svg)}}[data-theme=light] .about-container{--about-join-us-image:url(/static/client/building.5aff194cf1f11571.svg)}[data-theme=dark] .about-container{--about-join-us-image:url(/static/client/building-dark.0e2b3b21bb9e46fa.svg)}.about-container{--about-journey-dot:url(/static/client/dot.8ab417e01a1f6ecb.svg)}@media (prefers-color-scheme:dark){.about-container{--about-journey-dot:url(/static/client/dot-dark.a643aa98122ac802.svg)}}[data-theme=light] .about-container{--about-journey-dot:url(/static/client/dot.8ab417e01a1f6ecb.svg)}[data-theme=dark] .about-container{--about-journey-dot:url(/static/client/dot-dark.a643aa98122ac802.svg)}.about-container{--about-global-impact-image:url(/static/client/global-impact.0b98117c9fee2276.svg)}@media (prefers-color-scheme:dark){.about-container{--about-global-impact-image:url(/static/client/global-impact-dark.2a29aab73e2c97c7.svg)}}[data-theme=light] .about-container{--about-global-impact-image:url(/static/client/global-impact.0b98117c9fee2276.svg)}[data-theme=dark] .about-container{--about-global-impact-image:url(/static/client/global-impact-dark.2a29aab73e2c97c7.svg)}.about-container{--csstools-light-dark-toggle-91c0a5f6-0:var(--csstools-color-scheme--light) #26262633;--csstools-light-dark-toggle-91c0a5f6-1:var(--csstools-color-scheme--light) #26262626;--stats-box-shadow:4px -2px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-0,#b3b3b333),4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-1,#b3b3b326);--csstools-light-dark-toggle-91c0a5f6-2:var(--csstools-color-scheme--light) #0000;--csstools-light-dark-toggle-91c0a5f6-3:var(--csstools-color-scheme--light) #0000;--boxes-shadow:-4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-2,#b3b3b326),4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-3,#b3b3b32e);--csstools-light-dark-toggle-91c0a5f6-4:var(--csstools-color-scheme--light) #b3b3b333;--about-core-values-shadow:0 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-4,#b3b3b333);--csstools-light-dark-toggle-91c0a5f6-5:var(--csstools-color-scheme--light) #b3b3b333;--about-team-shadow:0 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-5,#b3b3b333);--csstools-light-dark-toggle-91c0a5f6-6:var(--csstools-color-scheme--light) #b3b3b340;--csstools-light-dark-toggle-91c0a5f6-7:var(--csstools-color-scheme--light) #b3b3b340;--about-journey-shadow:4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-6,#b3b3b340),4px 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-7,#b3b3b340);--csstools-light-dark-toggle-91c0a5f6-8:var(--csstools-color-scheme--light) #4e4e4e;--about-join-us-border:1px solid var(--csstools-light-dark-toggle-91c0a5f6-8,#0000);--csstools-light-dark-toggle-91c0a5f6-9:var(--csstools-color-scheme--light) #1b1b1b;--header-next-section-bg:var(--csstools-light-dark-toggle-91c0a5f6-9,#f2f2f5);--csstools-light-dark-toggle-91c0a5f6-10:var(--csstools-color-scheme--light) #fff;--header-text-primary:var(--csstools-light-dark-toggle-91c0a5f6-10,#000);--csstools-light-dark-toggle-91c0a5f6-11:var(--csstools-color-scheme--light) #b3b3b3;--header-text-secondary:var(--csstools-light-dark-toggle-91c0a5f6-11,#343434);--csstools-light-dark-toggle-91c0a5f6-12:var(--csstools-color-scheme--light) #101010;--header-bg:var(--csstools-light-dark-toggle-91c0a5f6-12,#fff);--csstools-light-dark-toggle-91c0a5f6-13:var(--csstools-color-scheme--light) #000;--stats-bg:var(--csstools-light-dark-toggle-91c0a5f6-13,#fff);--csstools-light-dark-toggle-91c0a5f6-14:var(--csstools-color-scheme--light) #b3b3b3;--stats-text-primary:var(--csstools-light-dark-toggle-91c0a5f6-14,#000);--csstools-light-dark-toggle-91c0a5f6-15:var(--csstools-color-scheme--light) #394035;--stats-stat-bg:var(--csstools-light-dark-toggle-91c0a5f6-15,#d7f5dc);--csstools-light-dark-toggle-91c0a5f6-16:var(--csstools-color-scheme--light) #8ff295;--stats-stat-text:var(--csstools-light-dark-toggle-91c0a5f6-16,#007936);--csstools-light-dark-toggle-91c0a5f6-17:var(--csstools-color-scheme--light) #000;--boxes-bg:var(--csstools-light-dark-toggle-91c0a5f6-17,#fff);--csstools-light-dark-toggle-91c0a5f6-18:var(--csstools-color-scheme--light) #4e4e4e;--boxes-border:var(--csstools-light-dark-toggle-91c0a5f6-18,none);--csstools-light-dark-toggle-91c0a5f6-19:var(--csstools-color-scheme--light) #141e34;--boxes-header-bg-1:var(--csstools-light-dark-toggle-91c0a5f6-19,#d5e8fb);--csstools-light-dark-toggle-91c0a5f6-20:var(--csstools-color-scheme--light) #9bb6f2;--boxes-header-color-1:var(--csstools-light-dark-toggle-91c0a5f6-20,inherit);--csstools-light-dark-toggle-91c0a5f6-21:var(--csstools-color-scheme--light) #321d13;--boxes-header-bg-2:var(--csstools-light-dark-toggle-91c0a5f6-21,#fbe3d5);--csstools-light-dark-toggle-91c0a5f6-22:var(--csstools-color-scheme--light) #e3642a;--boxes-header-color-2:var(--csstools-light-dark-toggle-91c0a5f6-22,inherit);--csstools-light-dark-toggle-91c0a5f6-23:var(--csstools-color-scheme--light) #343114;--boxes-header-bg-3:var(--csstools-light-dark-toggle-91c0a5f6-23,#fbf7d5);--csstools-light-dark-toggle-91c0a5f6-24:var(--csstools-color-scheme--light) #d4c53b;--boxes-header-color-3:var(--csstools-light-dark-toggle-91c0a5f6-24,inherit);--csstools-light-dark-toggle-91c0a5f6-25:var(--csstools-color-scheme--light) #341419;--boxes-header-bg-4:var(--csstools-light-dark-toggle-91c0a5f6-25,#fbd5d5);--csstools-light-dark-toggle-91c0a5f6-26:var(--csstools-color-scheme--light) #f19ca1;--boxes-header-color-4:var(--csstools-light-dark-toggle-91c0a5f6-26,inherit);--csstools-light-dark-toggle-91c0a5f6-27:var(--csstools-color-scheme--light) #1d1434;--boxes-header-bg-5:var(--csstools-light-dark-toggle-91c0a5f6-27,#dfd5fb);--csstools-light-dark-toggle-91c0a5f6-28:var(--csstools-color-scheme--light) #bf94ec;--boxes-header-color-5:var(--csstools-light-dark-toggle-91c0a5f6-28,inherit);--csstools-light-dark-toggle-91c0a5f6-29:var(--csstools-color-scheme--light) #b3b3b3;--boxes-main-color:var(--csstools-light-dark-toggle-91c0a5f6-29,#000);--csstools-light-dark-toggle-91c0a5f6-30:var(--csstools-color-scheme--light) #8ff295;--stairs-color:var(--csstools-light-dark-toggle-91c0a5f6-30,#007936);--csstools-light-dark-toggle-91c0a5f6-31:var(--csstools-color-scheme--light) #1b1b1b;--about-bg-primary:var(--csstools-light-dark-toggle-91c0a5f6-31,#fff);--csstools-light-dark-toggle-91c0a5f6-32:var(--csstools-color-scheme--light) #1b1b1b;--about-bg-secondary:var(--csstools-light-dark-toggle-91c0a5f6-32,#f2f2f5);--csstools-light-dark-toggle-91c0a5f6-33:var(--csstools-color-scheme--light) #000;--about-join-us-bg:var(--csstools-light-dark-toggle-91c0a5f6-33,#f2f2f5);--csstools-light-dark-toggle-91c0a5f6-34:var(--csstools-color-scheme--light) #b3b3b3;--about-join-us-color:var(--csstools-light-dark-toggle-91c0a5f6-34,#343434);--csstools-light-dark-toggle-91c0a5f6-35:var(--csstools-color-scheme--light) #858585;--about-tablist-border:var(--csstools-light-dark-toggle-91c0a5f6-35,#858585);--csstools-light-dark-toggle-91c0a5f6-36:var(--csstools-color-scheme--light) #b3b3b3;--about-tablist-color:var(--csstools-light-dark-toggle-91c0a5f6-36,#0009);--csstools-light-dark-toggle-91c0a5f6-37:var(--csstools-color-scheme--light) #8ff295;--about-tablist-active-border:var(--csstools-light-dark-toggle-91c0a5f6-37,#007936);--csstools-light-dark-toggle-91c0a5f6-38:var(--csstools-color-scheme--light) #fff;--about-tablist-active-color:var(--csstools-light-dark-toggle-91c0a5f6-38,#000);--csstools-light-dark-toggle-91c0a5f6-39:var(--csstools-color-scheme--light) #b3b3b3;--about-color:var(--csstools-light-dark-toggle-91c0a5f6-39,#000);--csstools-light-dark-toggle-91c0a5f6-40:var(--csstools-color-scheme--light) #fff;--about-heading-color:var(--csstools-light-dark-toggle-91c0a5f6-40,#000);--csstools-light-dark-toggle-91c0a5f6-41:var(--csstools-color-scheme--light) #000;--about-core-values-bg:var(--csstools-light-dark-toggle-91c0a5f6-41,#fff);--csstools-light-dark-toggle-91c0a5f6-42:var(--csstools-color-scheme--light) #007936;--about-core-values-bg-secondary:var(--csstools-light-dark-toggle-91c0a5f6-42,#d7f5dc);--csstools-light-dark-toggle-91c0a5f6-43:var(--csstools-color-scheme--light) #fff;--about-core-values-color:var(--csstools-light-dark-toggle-91c0a5f6-43,#000);--csstools-light-dark-toggle-91c0a5f6-44:var(--csstools-color-scheme--light) #8ff295;--about-team-title-color:var(--csstools-light-dark-toggle-91c0a5f6-44,#007936);--csstools-light-dark-toggle-91c0a5f6-45:var(--csstools-color-scheme--light) #000;--about-team-bg:var(--csstools-light-dark-toggle-91c0a5f6-45,#fff);--csstools-light-dark-toggle-91c0a5f6-46:var(--csstools-color-scheme--light) #000000b3;--about-team-github-bg:var(--csstools-light-dark-toggle-91c0a5f6-46,#ffffffbf);--csstools-light-dark-toggle-91c0a5f6-47:var(--csstools-color-scheme--light) #fff;--about-team-color:var(--csstools-light-dark-toggle-91c0a5f6-47,#000);--csstools-light-dark-toggle-91c0a5f6-48:var(--csstools-color-scheme--light) #8ff295;--about-journey-line-color:var(--csstools-light-dark-toggle-91c0a5f6-48,#007936);--csstools-light-dark-toggle-91c0a5f6-49:var(--csstools-color-scheme--light) #000;--about-journey-image-border:var(--csstools-light-dark-toggle-91c0a5f6-49,#fff);--center-padding:max(calc((100vw - var(--max-width))/2 + var(--gutter)),var(--gutter));background:var(--color-background-primary);color:var(--color-text-primary);display:flow-root;flex-direction:column;line-height:var(--font-line-content);scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track)}@supports (color:light-dark(red,red)) and (color:rgb(0 0 0/0)){.about-container{--stats-box-shadow:4px -2px 15px 0 light-dark(#b3b3b333,#26262633),4px -4px 15px 0 light-dark(#b3b3b326,#26262626);--boxes-shadow:-4px 4px 8px 0 light-dark(#b3b3b326,#0000),4px 4px 8px 0 light-dark(#b3b3b32e,#0000);--about-core-values-shadow:0 4px 15px 0 light-dark(#b3b3b333,#b3b3b333);--about-team-shadow:0 4px 15px 0 light-dark(#b3b3b333,#b3b3b333);--about-journey-shadow:4px -4px 15px 0 light-dark(#b3b3b340,#b3b3b340),4px 4px 15px 0 light-dark(#b3b3b340,#b3b3b340)}}@supports (color:light-dark(red,red)){.about-container{--about-join-us-border:1px solid light-dark(#0000,#4e4e4e);--header-next-section-bg:light-dark(#f2f2f5,#1b1b1b);--header-text-primary:light-dark(#000,#fff);--header-text-secondary:light-dark(#343434,#b3b3b3);--header-bg:light-dark(#fff,#101010);--stats-bg:light-dark(#fff,#000);--stats-text-primary:light-dark(#000,#b3b3b3);--stats-stat-bg:light-dark(#d7f5dc,#394035);--stats-stat-text:light-dark(#007936,#8ff295);--boxes-bg:light-dark(#fff,#000);--boxes-border:light-dark(none,#4e4e4e);--boxes-header-bg-1:light-dark(#d5e8fb,#141e34);--boxes-header-color-1:light-dark(inherit,#9bb6f2);--boxes-header-bg-2:light-dark(#fbe3d5,#321d13);--boxes-header-color-2:light-dark(inherit,#e3642a);--boxes-header-bg-3:light-dark(#fbf7d5,#343114);--boxes-header-color-3:light-dark(inherit,#d4c53b);--boxes-header-bg-4:light-dark(#fbd5d5,#341419);--boxes-header-color-4:light-dark(inherit,#f19ca1);--boxes-header-bg-5:light-dark(#dfd5fb,#1d1434);--boxes-header-color-5:light-dark(inherit,#bf94ec);--boxes-main-color:light-dark(#000,#b3b3b3);--stairs-color:light-dark(#007936,#8ff295);--about-bg-primary:light-dark(#fff,#1b1b1b);--about-bg-secondary:light-dark(#f2f2f5,#1b1b1b);--about-join-us-bg:light-dark(#f2f2f5,#000);--about-join-us-color:light-dark(#343434,#b3b3b3);--about-tablist-border:light-dark(#858585,#858585)}}@supports (color:light-dark(red,red)) and (color:rgb(0 0 0/0)){.about-container{--about-tablist-color:light-dark(#0009,#b3b3b3)}}@supports (color:light-dark(red,red)){.about-container{--about-tablist-active-border:light-dark(#007936,#8ff295);--about-tablist-active-color:light-dark(#000,#fff);--about-color:light-dark(#000,#b3b3b3);--about-heading-color:light-dark(#000,#fff);--about-core-values-bg:light-dark(#fff,#000);--about-core-values-bg-secondary:light-dark(#d7f5dc,#007936);--about-core-values-color:light-dark(#000,#fff);--about-team-title-color:light-dark(#007936,#8ff295);--about-team-bg:light-dark(#fff,#000)}}@supports (color:light-dark(red,red)) and (color:rgb(0 0 0/0)){.about-container{--about-team-github-bg:light-dark(#ffffffbf,#000000b3)}}@supports (color:light-dark(red,red)){.about-container{--about-team-color:light-dark(#000,#fff);--about-journey-line-color:light-dark(#007936,#8ff295);--about-journey-image-border:light-dark(#fff,#000)}}@supports not (color:light-dark(tan,tan)){.about-container *{--csstools-light-dark-toggle-91c0a5f6-0:var(--csstools-color-scheme--light) #26262633;--csstools-light-dark-toggle-91c0a5f6-1:var(--csstools-color-scheme--light) #26262626;--stats-box-shadow:4px -2px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-0,#b3b3b333),4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-1,#b3b3b326);--csstools-light-dark-toggle-91c0a5f6-2:var(--csstools-color-scheme--light) #0000;--csstools-light-dark-toggle-91c0a5f6-3:var(--csstools-color-scheme--light) #0000;--boxes-shadow:-4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-2,#b3b3b326),4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-3,#b3b3b32e);--csstools-light-dark-toggle-91c0a5f6-4:var(--csstools-color-scheme--light) #b3b3b333;--about-core-values-shadow:0 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-4,#b3b3b333);--csstools-light-dark-toggle-91c0a5f6-5:var(--csstools-color-scheme--light) #b3b3b333;--about-team-shadow:0 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-5,#b3b3b333);--csstools-light-dark-toggle-91c0a5f6-6:var(--csstools-color-scheme--light) #b3b3b340;--csstools-light-dark-toggle-91c0a5f6-7:var(--csstools-color-scheme--light) #b3b3b340;--about-journey-shadow:4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-6,#b3b3b340),4px 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-7,#b3b3b340);--csstools-light-dark-toggle-91c0a5f6-8:var(--csstools-color-scheme--light) #4e4e4e;--about-join-us-border:1px solid var(--csstools-light-dark-toggle-91c0a5f6-8,#0000);--csstools-light-dark-toggle-91c0a5f6-9:var(--csstools-color-scheme--light) #1b1b1b;--header-next-section-bg:var(--csstools-light-dark-toggle-91c0a5f6-9,#f2f2f5);--csstools-light-dark-toggle-91c0a5f6-10:var(--csstools-color-scheme--light) #fff;--header-text-primary:var(--csstools-light-dark-toggle-91c0a5f6-10,#000);--csstools-light-dark-toggle-91c0a5f6-11:var(--csstools-color-scheme--light) #b3b3b3;--header-text-secondary:var(--csstools-light-dark-toggle-91c0a5f6-11,#343434);--csstools-light-dark-toggle-91c0a5f6-12:var(--csstools-color-scheme--light) #101010;--header-bg:var(--csstools-light-dark-toggle-91c0a5f6-12,#fff);--csstools-light-dark-toggle-91c0a5f6-13:var(--csstools-color-scheme--light) #000;--stats-bg:var(--csstools-light-dark-toggle-91c0a5f6-13,#fff);--csstools-light-dark-toggle-91c0a5f6-14:var(--csstools-color-scheme--light) #b3b3b3;--stats-text-primary:var(--csstools-light-dark-toggle-91c0a5f6-14,#000);--csstools-light-dark-toggle-91c0a5f6-15:var(--csstools-color-scheme--light) #394035;--stats-stat-bg:var(--csstools-light-dark-toggle-91c0a5f6-15,#d7f5dc);--csstools-light-dark-toggle-91c0a5f6-16:var(--csstools-color-scheme--light) #8ff295;--stats-stat-text:var(--csstools-light-dark-toggle-91c0a5f6-16,#007936);--csstools-light-dark-toggle-91c0a5f6-17:var(--csstools-color-scheme--light) #000;--boxes-bg:var(--csstools-light-dark-toggle-91c0a5f6-17,#fff);--csstools-light-dark-toggle-91c0a5f6-18:var(--csstools-color-scheme--light) #4e4e4e;--boxes-border:var(--csstools-light-dark-toggle-91c0a5f6-18,none);--csstools-light-dark-toggle-91c0a5f6-19:var(--csstools-color-scheme--light) #141e34;--boxes-header-bg-1:var(--csstools-light-dark-toggle-91c0a5f6-19,#d5e8fb);--csstools-light-dark-toggle-91c0a5f6-20:var(--csstools-color-scheme--light) #9bb6f2;--boxes-header-color-1:var(--csstools-light-dark-toggle-91c0a5f6-20,inherit);--csstools-light-dark-toggle-91c0a5f6-21:var(--csstools-color-scheme--light) #321d13;--boxes-header-bg-2:var(--csstools-light-dark-toggle-91c0a5f6-21,#fbe3d5);--csstools-light-dark-toggle-91c0a5f6-22:var(--csstools-color-scheme--light) #e3642a;--boxes-header-color-2:var(--csstools-light-dark-toggle-91c0a5f6-22,inherit);--csstools-light-dark-toggle-91c0a5f6-23:var(--csstools-color-scheme--light) #343114;--boxes-header-bg-3:var(--csstools-light-dark-toggle-91c0a5f6-23,#fbf7d5);--csstools-light-dark-toggle-91c0a5f6-24:var(--csstools-color-scheme--light) #d4c53b;--boxes-header-color-3:var(--csstools-light-dark-toggle-91c0a5f6-24,inherit);--csstools-light-dark-toggle-91c0a5f6-25:var(--csstools-color-scheme--light) #341419;--boxes-header-bg-4:var(--csstools-light-dark-toggle-91c0a5f6-25,#fbd5d5);--csstools-light-dark-toggle-91c0a5f6-26:var(--csstools-color-scheme--light) #f19ca1;--boxes-header-color-4:var(--csstools-light-dark-toggle-91c0a5f6-26,inherit);--csstools-light-dark-toggle-91c0a5f6-27:var(--csstools-color-scheme--light) #1d1434;--boxes-header-bg-5:var(--csstools-light-dark-toggle-91c0a5f6-27,#dfd5fb);--csstools-light-dark-toggle-91c0a5f6-28:var(--csstools-color-scheme--light) #bf94ec;--boxes-header-color-5:var(--csstools-light-dark-toggle-91c0a5f6-28,inherit);--csstools-light-dark-toggle-91c0a5f6-29:var(--csstools-color-scheme--light) #b3b3b3;--boxes-main-color:var(--csstools-light-dark-toggle-91c0a5f6-29,#000);--csstools-light-dark-toggle-91c0a5f6-30:var(--csstools-color-scheme--light) #8ff295;--stairs-color:var(--csstools-light-dark-toggle-91c0a5f6-30,#007936);--csstools-light-dark-toggle-91c0a5f6-31:var(--csstools-color-scheme--light) #1b1b1b;--about-bg-primary:var(--csstools-light-dark-toggle-91c0a5f6-31,#fff);--csstools-light-dark-toggle-91c0a5f6-32:var(--csstools-color-scheme--light) #1b1b1b;--about-bg-secondary:var(--csstools-light-dark-toggle-91c0a5f6-32,#f2f2f5);--csstools-light-dark-toggle-91c0a5f6-33:var(--csstools-color-scheme--light) #000;--about-join-us-bg:var(--csstools-light-dark-toggle-91c0a5f6-33,#f2f2f5);--csstools-light-dark-toggle-91c0a5f6-34:var(--csstools-color-scheme--light) #b3b3b3;--about-join-us-color:var(--csstools-light-dark-toggle-91c0a5f6-34,#343434);--csstools-light-dark-toggle-91c0a5f6-35:var(--csstools-color-scheme--light) #858585;--about-tablist-border:var(--csstools-light-dark-toggle-91c0a5f6-35,#858585);--csstools-light-dark-toggle-91c0a5f6-36:var(--csstools-color-scheme--light) #b3b3b3;--about-tablist-color:var(--csstools-light-dark-toggle-91c0a5f6-36,#0009);--csstools-light-dark-toggle-91c0a5f6-37:var(--csstools-color-scheme--light) #8ff295;--about-tablist-active-border:var(--csstools-light-dark-toggle-91c0a5f6-37,#007936);--csstools-light-dark-toggle-91c0a5f6-38:var(--csstools-color-scheme--light) #fff;--about-tablist-active-color:var(--csstools-light-dark-toggle-91c0a5f6-38,#000);--csstools-light-dark-toggle-91c0a5f6-39:var(--csstools-color-scheme--light) #b3b3b3;--about-color:var(--csstools-light-dark-toggle-91c0a5f6-39,#000);--csstools-light-dark-toggle-91c0a5f6-40:var(--csstools-color-scheme--light) #fff;--about-heading-color:var(--csstools-light-dark-toggle-91c0a5f6-40,#000);--csstools-light-dark-toggle-91c0a5f6-41:var(--csstools-color-scheme--light) #000;--about-core-values-bg:var(--csstools-light-dark-toggle-91c0a5f6-41,#fff);--csstools-light-dark-toggle-91c0a5f6-42:var(--csstools-color-scheme--light) #007936;--about-core-values-bg-secondary:var(--csstools-light-dark-toggle-91c0a5f6-42,#d7f5dc);--csstools-light-dark-toggle-91c0a5f6-43:var(--csstools-color-scheme--light) #fff;--about-core-values-color:var(--csstools-light-dark-toggle-91c0a5f6-43,#000);--csstools-light-dark-toggle-91c0a5f6-44:var(--csstools-color-scheme--light) #8ff295;--about-team-title-color:var(--csstools-light-dark-toggle-91c0a5f6-44,#007936);--csstools-light-dark-toggle-91c0a5f6-45:var(--csstools-color-scheme--light) #000;--about-team-bg:var(--csstools-light-dark-toggle-91c0a5f6-45,#fff);--csstools-light-dark-toggle-91c0a5f6-46:var(--csstools-color-scheme--light) #000000b3;--about-team-github-bg:var(--csstools-light-dark-toggle-91c0a5f6-46,#ffffffbf);--csstools-light-dark-toggle-91c0a5f6-47:var(--csstools-color-scheme--light) #fff;--about-team-color:var(--csstools-light-dark-toggle-91c0a5f6-47,#000);--csstools-light-dark-toggle-91c0a5f6-48:var(--csstools-color-scheme--light) #8ff295;--about-journey-line-color:var(--csstools-light-dark-toggle-91c0a5f6-48,#007936);--csstools-light-dark-toggle-91c0a5f6-49:var(--csstools-color-scheme--light) #000;--about-journey-image-border:var(--csstools-light-dark-toggle-91c0a5f6-49,#fff)}}.about-container h1,.about-container h2,.about-container h3,.about-container p{margin:0}@media (width <= 769px){.about-container{--about-section-gap:3rem}}@media (769px < width){.about-container h1{font-size:var(--font-size-largest);font-weight:var(--font-weight-bold);line-height:1.2;word-break:break-all}}.about-container>header{--header-stats-height:var(--about-stats-height);background:linear-gradient(to top,var(--header-next-section-bg,#0000) 0,var(--header-next-section-bg,#0000) calc(var(--header-stats-height)/2),var(--header-bg) calc(var(--header-stats-height)/2),var(--header-bg) 100%)}:is(.about-container>header) section{padding-top:5rem}@media (width <= 769px){:is(.about-container>header) section{padding-top:1rem}}:is(.about-container>header) h1{color:var(--header-text-primary);font-size:var(--font-size-largest);margin-bottom:1rem}@media (width <= 769px){:is(.about-container>header) h1{font-size:var(--font-size-larger)}}:is(:is(.about-container>header) h1)+p{font-size:var(--font-size-larger);font-weight:500;line-height:120%;max-width:43rem}@media (width <= 769px){:is(:is(.about-container>header) h1)+p{font-size:var(--font-size-large)}}:is(.about-container>header) p{color:var(--header-text-secondary);font-size:var(--font-size-larger);font-weight:500;line-height:120%;margin-bottom:1.5rem;max-width:43rem}:is(.about-container>header)+section{margin-top:4.56rem}@media (width <= 769px){:is(.about-container>header)+section{margin-top:2rem}}:is(.about-container>header) ul{background:var(--stats-bg);border-radius:.5rem;box-shadow:var(--stats-box-shadow);color:var(--stats-text-primary);display:flex;gap:1rem;justify-content:space-around;margin-top:5em;padding:1rem;position:relative;text-align:center;z-index:2}@media (width <= 769px){:is(.about-container>header) ul{flex-wrap:wrap;margin-top:2rem}}:is(:is(.about-container>header) ul) li{align-items:baseline;column-gap:1rem;display:flex;flex-wrap:wrap;justify-content:center;min-width:7.75rem;overflow-wrap:anywhere}@media (width <= 769px){:is(:is(.about-container>header) ul) li{align-items:center;flex:1;flex-direction:column;justify-content:flex-start}}:is(:is(:is(.about-container>header) ul) li) strong{align-items:center;background:var(--stats-stat-bg);border-radius:50%;color:var(--stats-stat-text);display:inline-flex;height:3.75rem;justify-content:center;width:3.75rem}.about-container p{margin:0}.about-container h2{color:var(--about-heading-color)}.about-container>section>*{min-width:0}.about-container section{margin-left:auto;margin-right:auto;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}:is(.about-container section) h2{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold);margin-bottom:1rem}:is(.about-container section) mdn-about-tabs{grid-column:1/-1;padding-top:2rem;position:relative}.about-container .tabpanel{scroll-margin-top:calc(var(--sticky-header-height) + 4rem)}.about-container ol,.about-container ul{list-style:none;margin:0;padding:0}.about-container div#our_journey{--image-inner-height:324px;--image-border-size:4px;--image-height:calc(var(--image-inner-height) + var(--image-border-size)*2);--image-width:calc(var(--image-inner-height)*16/9 + var(--image-border-size)*2);--dot-height:3rem;--separator-width:10rem;--list-width:calc(var(--inner-width) - var(--separator-width) - var(--image-width))}@media (width <= 1200px){.about-container div#our_journey{--separator-width:6rem}}:is(.about-container div#our_journey)>p{margin-bottom:1rem}:is(.about-container div#our_journey)>ul{border-right:.0625rem dashed var(--about-journey-line-color);margin-top:3rem;width:var(--list-width)}@media (width <= 992px){:is(.about-container div#our_journey)>ul{border-left:.0625rem dashed var(--about-journey-line-color);border-right:none;margin-left:1rem;width:auto}}:is(:is(.about-container div#our_journey)>ul) li{margin:8rem 0;min-height:var(--image-height);padding-right:2rem;position:relative}:is(:is(:is(.about-container div#our_journey)>ul) li):first-of-type{margin-top:2rem}:is(:is(:is(.about-container div#our_journey)>ul) li):last-of-type{margin-bottom:2rem}@media (width <= 992px){:is(:is(.about-container div#our_journey)>ul) li{padding-left:2rem}}:is(:is(:is(.about-container div#our_journey)>ul) li):after{background-image:var(--about-journey-dot);background-position:50%;background-repeat:no-repeat;content:"";display:block;height:var(--dot-height);position:absolute;right:calc(var(--dot-height)/-2);top:calc(var(--dot-height)/-2);width:var(--dot-height)}@media (width <= 992px){:is(:is(:is(.about-container div#our_journey)>ul) li):after{--dot-height:2rem;left:calc(var(--dot-height)/-2);right:auto}}:is(:is(.about-container div#our_journey)>ul) li:has([id="2017"],[id="20232024"]){min-height:0}:is(:is(.about-container div#our_journey)>ul) h4{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);line-height:var(--font-line-normal);margin:0;position:relative;text-decoration-line:underline;top:-.75em}@media (width <= 992px){:is(:is(.about-container div#our_journey)>ul) h4{font-size:var(--font-size-large);margin-bottom:-.75em}}:is(:is(:is(.about-container div#our_journey)>ul) h4):before{background:var(--about-journey-line-color);content:"";display:none;height:10px;left:calc(100% + 2rem);-webkit-mask-image:url(/static/client/line-dot.2eb7216a6e56d7c7.svg);mask-image:url(/static/client/line-dot.2eb7216a6e56d7c7.svg);-webkit-mask-position:center right;mask-position:center right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:calc(.75em - 5px);width:calc(var(--separator-width) - var(--dot-height)/2)}@media (width <= 992px){:is(:is(:is(.about-container div#our_journey)>ul) h4):before{content:none}}:is(:is(:is(.about-container div#our_journey)>ul) h4)~p:last-of-type>img{background-color:var(--about-journey-image-border);background-position:50%;background-repeat:no-repeat;background-size:contain;border:var(--image-border-size) solid var(--about-journey-image-border);box-shadow:var(--about-journey-shadow);height:var(--image-height);left:calc(var(--inner-width) - var(--image-width));max-width:var(--image-width);position:absolute;top:calc(var(--dot-height)/-2);width:var(--image-width)}@media (width <= 992px){:is(:is(:is(.about-container div#our_journey)>ul) h4)~p:last-of-type>img{aspect-ratio:16/9;box-sizing:initial;height:auto;left:auto;margin:2rem auto;max-height:var(--image-inner-height);max-width:100%;position:relative;top:auto;width:auto}}:is(:is(.about-container div#our_journey)>ul) h4[id="2005"]:before,:is(:is(.about-container div#our_journey)>ul) h4[id="2005"]~p:last-of-type:after,:is(:is(.about-container div#our_journey)>ul) h4[id="2010"]:before,:is(:is(.about-container div#our_journey)>ul) h4[id="2010"]~p:last-of-type:after,:is(:is(.about-container div#our_journey)>ul) h4[id="2020"]:before,:is(:is(.about-container div#our_journey)>ul) h4[id="2020"]~p:last-of-type:after,:is(:is(.about-container div#our_journey)>ul) h4[id="2022"]:before,:is(:is(.about-container div#our_journey)>ul) h4[id="2022"]~p:last-of-type:after{display:block}:is(.about-container div#our_journey) h4{font-size:var(--font-line-content);font-weight:var(--font-weight-bold)}:is(.about-container div#our_journey) mdn-image-history ul{display:flex;gap:1rem;margin-bottom:-1rem;overflow-x:auto;padding-bottom:1rem}:is(:is(.about-container div#our_journey) mdn-image-history ul) li{flex-shrink:0}:is(:is(.about-container div#our_journey) mdn-image-history ul) img{aspect-ratio:16/9;border:var(--image-border-size) solid var(--about-journey-image-border);box-sizing:initial;height:180px}.about-container section[aria-labelledby=who_we_are]{background:var(--about-bg-secondary);column-gap:min(5rem,5vw);display:grid;grid-template-columns:4fr 6fr;margin:0;max-width:none;padding:4rem var(--center-padding)}.about-container section[aria-labelledby=global_impact]{display:block;margin:var(--about-section-gap) auto}@media (992px < width){:is(.about-container section[aria-labelledby=global_impact]) .section-content{background:var(--about-global-impact-image);background-position:100%;background-repeat:no-repeat;background-size:20rem 100%;padding-right:30rem}}:is(.about-container section[aria-labelledby=global_impact]) ul{margin-top:1rem;--stairs-icon-size:3.125rem;--stairs-step-indent:3.125rem;--stairs-step-gap:4rem}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li{--stairs-padding-left:calc(var(--stairs-step-indent)*var(--nth-child));align-items:center;display:flex;gap:1rem;padding-left:var(--stairs-padding-left);position:relative}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:not(:last-of-type){margin-bottom:var(--stairs-step-gap)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:before{background:var(--stairs-color);content:"";display:block;flex-shrink:0;height:var(--stairs-icon-size);margin-left:calc(var(--stairs-icon-size)*-1);-webkit-mask-image:var(--stairs-icon);mask-image:var(--stairs-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:80%;mask-size:80%;width:var(--stairs-icon-size)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:not(:last-of-type):after{--height:calc(var(--stairs-step-gap)*1.2);background:linear-gradient(to bottom,var(--stairs-color),#0000);bottom:calc(var(--height)*-1);content:"";display:block;height:var(--height);left:calc(var(--stairs-padding-left) - 50px);-webkit-mask:url(/static/client/lines.c12de232c28cba49.svg);mask:url(/static/client/lines.c12de232c28cba49.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;width:calc(var(--stairs-icon-size) + var(--stairs-step-indent))}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:first-child{--nth-child:1;--stairs-icon:url(/static/client/education.d85a12a206ae942e.svg)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:nth-child(2){--nth-child:2;--stairs-icon:url(/static/client/text-box-check-outline.c3134e1621b4bb2f.svg)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:nth-child(3){--nth-child:3;--stairs-icon:url(/static/client/web-check.7f00b2e30be0f9ae.svg)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:nth-child(4){--nth-child:4;--stairs-icon:url(/static/client/handshake.b5de4bbf8aeef4d9.svg)}@media (width <= 769px){:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li{--stairs-step-indent:0;--stairs-padding-left:var(--stairs-icon-size);--stairs-step-gap:1rem}}.about-container section[aria-labelledby=join_us_in_building_a_better_web]{background:var(--about-join-us-image) var(--about-join-us-bg);background-position:1.5rem;background-repeat:no-repeat;background-size:20rem calc(100% - 3rem);border:var(--about-join-us-border);border-radius:.5rem;color:var(--about-join-us-color);display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--about-section-gap);max-width:calc(100% - var(--center-padding)*2);padding:4rem 1rem 4rem min(30rem,50%)}@media (width <= 769px){.about-container section[aria-labelledby=join_us_in_building_a_better_web]{background-color:#0000;background-position:bottom;background-size:100% 10rem;border:none;padding:1rem 0 12rem}}.about-container div#what_we_offer ul{display:grid;gap:2rem;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}@media (769px < width){.about-container div#what_we_offer ul{gap:5rem}}:is(.about-container div#what_we_offer ul) li{align-items:center;background:var(--boxes-bg);border:1px solid var(--boxes-border);border-radius:.5rem;display:flex;flex-direction:column;gap:1.5rem;justify-content:flex-start;padding:1.5rem;text-align:center;--csstools-light-dark-toggle-91c0a5f6-50:var(--csstools-color-scheme--light) #0000;--csstools-light-dark-toggle-91c0a5f6-51:var(--csstools-color-scheme--light) #0000;box-shadow:-4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-50,#b3b3b326),4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-51,#b3b3b32e);box-shadow:-4px 4px 8px 0 light-dark(#b3b3b326,#0000),4px 4px 8px 0 light-dark(#b3b3b32e,#0000)}:is(:is(.about-container div#what_we_offer ul) li) h4{align-self:stretch;background:var(--boxes-header-bg);border-radius:.5rem .5rem 0 0;color:var(--boxes-header-color);font-size:var(--font-size-large);font-weight:500;margin:-1.5rem -1.5rem 0;padding:1.5rem}:is(.about-container div#what_we_offer ul) li:first-of-type{--boxes-header-bg:var(--boxes-header-bg-1);--boxes-header-color:var(--boxes-header-color-1)}:is(.about-container div#what_we_offer ul) li:nth-of-type(2){--boxes-header-bg:var(--boxes-header-bg-2);--boxes-header-color:var(--boxes-header-color-2)}:is(.about-container div#what_we_offer ul) li:nth-of-type(3){--boxes-header-bg:var(--boxes-header-bg-3);--boxes-header-color:var(--boxes-header-color-3)}:is(.about-container div#what_we_offer ul) li:nth-of-type(4){--boxes-header-bg:var(--boxes-header-bg-4);--boxes-header-color:var(--boxes-header-color-4)}:is(.about-container div#what_we_offer ul) li:nth-of-type(5){--boxes-header-bg:var(--boxes-header-bg-5);--boxes-header-color:var(--boxes-header-color-5)}:is(.about-container div#our_core_values) li{border-radius:.5rem;color:var(--about-core-values-color)}:is(:is(.about-container div#our_core_values) li) h4{color:var(--about-core-values-color);font-size:var(--font-size-normal);font-weight:var(--font-weight-bold);letter-spacing:-.0313rem;margin:0 0 .5rem}:is(:is(.about-container div#our_core_values) li):not(:last-of-type){background:var(--about-core-values-bg-secondary);margin:1rem auto;padding:2rem}:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4{--icon-size:45px;align-items:center;background-position:0;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);display:flex;min-height:var(--icon-size);padding-left:calc(var(--icon-size) + 1rem)}#accurate_and_reliable:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/accurate-sm.6b644425a52001ef.svg)}#collaborative_and_community-driven:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/collaborative-sm.f7add18382918478.svg)}#inclusive_and_dynamic:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/inclusive-sm.67dfcf6e9cf77bb8.svg)}:is(:is(.about-container div#our_core_values) li):last-of-type{background:var(--about-core-values-bg);margin-top:2rem;padding:2rem}@media (992px < width){:is(.about-container div#our_core_values) li{display:grid;grid-auto-flow:dense;grid-template-columns:[left-start] 40% [left-end right-start] 1fr [right-end];padding:2rem}:is(:is(.about-container div#our_core_values) li) h4{font-size:var(--font-line-content);margin:0;max-width:70%}:is(:is(.about-container div#our_core_values) li) p{margin-left:var(--gutter)}:is(:is(.about-container div#our_core_values) li):not(:last-of-type){background:var(--about-core-values-bg);margin:0 auto}:is(:is(.about-container div#our_core_values) li):not(:last-of-type):not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}:is(:is(.about-container div#our_core_values) li):not(:last-of-type):not(:nth-last-of-type(2)){border-bottom-left-radius:0;border-bottom-right-radius:0}:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4{--icon-size:60px;align-self:center}#accurate_and_reliable:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/accurate.822e24f923311588.svg)}#collaborative_and_community-driven:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/collaborative.e1038a5b7d274da7.svg)}#inclusive_and_dynamic:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/inclusive.5dc17cd92a1f6229.svg)}:is(:is(.about-container div#our_core_values) li):not(:last-of-type) p{background:var(--about-core-values-bg-secondary);border-radius:.5rem;padding:2rem}:is(:is(.about-container div#our_core_values) li):nth-of-type(2n):not(:last-of-type) h4{grid-column:right;margin:0 auto}:is(:is(.about-container div#our_core_values) li):nth-of-type(2n):not(:last-of-type) p{grid-column:left;margin-left:0;margin-right:var(--gutter)}:is(:is(.about-container div#our_core_values) li):last-of-type{margin-top:4rem}}.about-container div#our_partners>div,.about-container div#our_team{--team-grid-gap:2.5rem;--team-card-padding:1.5rem;display:grid;gap:0 var(--team-grid-gap);grid-auto-flow:dense;grid-template-columns:[full-start] 1fr 1fr 1fr [full-end]}:is(.about-container div#our_team,.about-container div#our_partners>div)>*{margin:calc(var(--team-grid-gap)/2) 0;scroll-margin-top:calc(var(--sticky-header-without-actions-height) + 2.5rem)}:is(.about-container div#our_team,.about-container div#our_partners>div) p,:is(.about-container div#our_team,.about-container div#our_partners>div)>h4{grid-column:full}:is(:is(.about-container div#our_team,.about-container div#our_partners>div)>h4,:is(.about-container div#our_team,.about-container div#our_partners>div) p):first-child{margin-top:0}:is(:is(.about-container div#our_team,.about-container div#our_partners>div)>h4,:is(.about-container div#our_team,.about-container div#our_partners>div) p):last-child{margin-bottom:0}:is(.about-container div#our_team,.about-container div#our_partners>div) h4,:is(.about-container div#our_team,.about-container div#our_partners>div) h5{font-size:var(--font-line-content);font-weight:var(--font-weight-bold);text-transform:none}@media (width <= 769px){:is(.about-container div#our_team,.about-container div#our_partners>div) h4,:is(.about-container div#our_team,.about-container div#our_partners>div) h5{font-size:var(--font-size-normal)}}@media (width <= 992px){.about-container div#our_partners>div,.about-container div#our_team{--team-grid-gap:2rem;grid-template-columns:[full-start] 1fr 1fr [full-end]}:is(.about-container div#our_team,.about-container div#our_partners>div) ul li:nth-of-type(3):not(:last-of-type){align-self:end;grid-area:picture}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) ul li:nth-of-type(3):not(:last-of-type)) a{position:absolute}}:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member{align-content:start;background:var(--about-team-bg);border:1px solid var(--about-team-bg);box-shadow:var(--about-team-shadow);color:var(--about-team-color);cursor:pointer;display:grid;gap:0;grid-row:span 5;grid-template-areas:"name" "title" "picture" "bio" ".";grid-template-rows:subgrid;padding:calc(var(--team-card-padding) - 1px);-webkit-user-select:none;user-select:none}@media (width <= 426px){:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member{grid-column:full}}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):hover{border-color:var(--color-border-primary)}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) h4,:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) h5{grid-area:name;margin:0 0 .5rem}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) ul{display:contents}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:first-of-type{color:var(--about-team-title-color);font-weight:var(--font-weight-bold);grid-area:title;margin-bottom:.75rem}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:nth-of-type(2){grid-area:picture}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:nth-of-type(3):not(:last-of-type){align-self:end;grid-area:picture}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:last-of-type{grid-area:bio;line-height:1.75;max-height:5.25em;overflow:hidden;position:relative}:is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:last-of-type):after{background:var(--about-team-bg);content:"";display:block;height:1.75em;-webkit-mask-image:linear-gradient(90deg,#0000,#000 75%);mask-image:linear-gradient(90deg,#0000,#000 75%);pointer-events:none;position:absolute;right:0;top:3.5em;width:20ch}[dir=rtl] :is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:last-of-type):after{left:0;-webkit-mask-image:linear-gradient(270deg,#0000,#000 75%);mask-image:linear-gradient(270deg,#0000,#000 75%);right:auto}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) img{aspect-ratio:1;margin-bottom:.75rem;width:100%}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) a[href^="https://github.com"]{background:var(--about-team-github-bg);border-top-right-radius:.5rem;color:var(--about-team-color);margin-top:-3.5rem;padding:.25rem .7rem .25rem .5rem;position:absolute}:is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) a[href^="https://github.com"]):before{background:var(--about-team-color);content:"";display:inline-block;height:1.2em;margin-bottom:.2em;margin-right:.2em;-webkit-mask-image:url(/static/client/github-mark-small.5cd4aa827dc33aa6.svg);mask-image:url(/static/client/github-mark-small.5cd4aa827dc33aa6.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1.2em}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within{align-content:start;cursor:unset;display:grid;gap:0 var(--team-card-padding);grid-column:span 2;grid-template-areas:"name name" "title title" "picture bio" ". bio" ". bio";grid-template-columns:calc(50% - var(--team-grid-gap)/2 - var(--team-card-padding)*2/2) 1fr;-webkit-user-select:auto;user-select:auto}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within li:last-of-type{max-height:unset}:is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within li:last-of-type):after{display:none}@media (width <= 426px){:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within{grid-template-areas:"name" "title" "picture" "bio";grid-template-columns:1fr}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within ul li:nth-of-type(3):not(:last-of-type){align-self:end;grid-area:picture}:is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within ul li:nth-of-type(3):not(:last-of-type)) a{position:absolute}}.about-container #our_partners>div{margin-top:2.5rem}
2
- /*# sourceMappingURL=styles-generic-about.8fb97dff70bba559.css.map*/
1
+ .about-container{--max-width:74rem;--gutter:1rem;--about-stats-height:5.75rem;--about-section-gap:5rem;--inner-width:calc(min(var(--max-width), 100vw) - var(--gutter)*2);--about-join-us-image:url(/static/client/building.5aff194cf1f11571.svg)}@media (prefers-color-scheme:dark){.about-container{--about-join-us-image:url(/static/client/building-dark.0e2b3b21bb9e46fa.svg)}}[data-theme=light] .about-container{--about-join-us-image:url(/static/client/building.5aff194cf1f11571.svg)}[data-theme=dark] .about-container{--about-join-us-image:url(/static/client/building-dark.0e2b3b21bb9e46fa.svg)}.about-container{--about-journey-dot:url(/static/client/dot.8ab417e01a1f6ecb.svg)}@media (prefers-color-scheme:dark){.about-container{--about-journey-dot:url(/static/client/dot-dark.a643aa98122ac802.svg)}}[data-theme=light] .about-container{--about-journey-dot:url(/static/client/dot.8ab417e01a1f6ecb.svg)}[data-theme=dark] .about-container{--about-journey-dot:url(/static/client/dot-dark.a643aa98122ac802.svg)}.about-container{--about-global-impact-image:url(/static/client/global-impact.0b98117c9fee2276.svg)}@media (prefers-color-scheme:dark){.about-container{--about-global-impact-image:url(/static/client/global-impact-dark.2a29aab73e2c97c7.svg)}}[data-theme=light] .about-container{--about-global-impact-image:url(/static/client/global-impact.0b98117c9fee2276.svg)}[data-theme=dark] .about-container{--about-global-impact-image:url(/static/client/global-impact-dark.2a29aab73e2c97c7.svg)}.about-container{--csstools-light-dark-toggle-91c0a5f6-0:var(--csstools-color-scheme--light) #26262633;--csstools-light-dark-toggle-91c0a5f6-1:var(--csstools-color-scheme--light) #26262626;--stats-box-shadow:4px -2px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-0,#b3b3b333),4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-1,#b3b3b326);--csstools-light-dark-toggle-91c0a5f6-2:var(--csstools-color-scheme--light) #0000;--csstools-light-dark-toggle-91c0a5f6-3:var(--csstools-color-scheme--light) #0000;--boxes-shadow:-4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-2,#b3b3b326),4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-3,#b3b3b32e);--csstools-light-dark-toggle-91c0a5f6-4:var(--csstools-color-scheme--light) #b3b3b333;--about-core-values-shadow:0 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-4,#b3b3b333);--csstools-light-dark-toggle-91c0a5f6-5:var(--csstools-color-scheme--light) #b3b3b333;--about-team-shadow:0 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-5,#b3b3b333);--csstools-light-dark-toggle-91c0a5f6-6:var(--csstools-color-scheme--light) #b3b3b340;--csstools-light-dark-toggle-91c0a5f6-7:var(--csstools-color-scheme--light) #b3b3b340;--about-journey-shadow:4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-6,#b3b3b340),4px 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-7,#b3b3b340);--csstools-light-dark-toggle-91c0a5f6-8:var(--csstools-color-scheme--light) #4e4e4e;--about-join-us-border:1px solid var(--csstools-light-dark-toggle-91c0a5f6-8,#0000);--csstools-light-dark-toggle-91c0a5f6-9:var(--csstools-color-scheme--light) #1b1b1b;--header-next-section-bg:var(--csstools-light-dark-toggle-91c0a5f6-9,#f2f2f5);--csstools-light-dark-toggle-91c0a5f6-10:var(--csstools-color-scheme--light) #fff;--header-text-primary:var(--csstools-light-dark-toggle-91c0a5f6-10,#000);--csstools-light-dark-toggle-91c0a5f6-11:var(--csstools-color-scheme--light) #b3b3b3;--header-text-secondary:var(--csstools-light-dark-toggle-91c0a5f6-11,#343434);--csstools-light-dark-toggle-91c0a5f6-12:var(--csstools-color-scheme--light) #101010;--header-bg:var(--csstools-light-dark-toggle-91c0a5f6-12,#fff);--csstools-light-dark-toggle-91c0a5f6-13:var(--csstools-color-scheme--light) #000;--stats-bg:var(--csstools-light-dark-toggle-91c0a5f6-13,#fff);--csstools-light-dark-toggle-91c0a5f6-14:var(--csstools-color-scheme--light) #b3b3b3;--stats-text-primary:var(--csstools-light-dark-toggle-91c0a5f6-14,#000);--csstools-light-dark-toggle-91c0a5f6-15:var(--csstools-color-scheme--light) #394035;--stats-stat-bg:var(--csstools-light-dark-toggle-91c0a5f6-15,#d7f5dc);--csstools-light-dark-toggle-91c0a5f6-16:var(--csstools-color-scheme--light) #8ff295;--stats-stat-text:var(--csstools-light-dark-toggle-91c0a5f6-16,#007936);--csstools-light-dark-toggle-91c0a5f6-17:var(--csstools-color-scheme--light) #000;--boxes-bg:var(--csstools-light-dark-toggle-91c0a5f6-17,#fff);--csstools-light-dark-toggle-91c0a5f6-18:var(--csstools-color-scheme--light) #4e4e4e;--boxes-border:var(--csstools-light-dark-toggle-91c0a5f6-18,none);--csstools-light-dark-toggle-91c0a5f6-19:var(--csstools-color-scheme--light) #141e34;--boxes-header-bg-1:var(--csstools-light-dark-toggle-91c0a5f6-19,#d5e8fb);--csstools-light-dark-toggle-91c0a5f6-20:var(--csstools-color-scheme--light) #9bb6f2;--boxes-header-color-1:var(--csstools-light-dark-toggle-91c0a5f6-20,inherit);--csstools-light-dark-toggle-91c0a5f6-21:var(--csstools-color-scheme--light) #321d13;--boxes-header-bg-2:var(--csstools-light-dark-toggle-91c0a5f6-21,#fbe3d5);--csstools-light-dark-toggle-91c0a5f6-22:var(--csstools-color-scheme--light) #e3642a;--boxes-header-color-2:var(--csstools-light-dark-toggle-91c0a5f6-22,inherit);--csstools-light-dark-toggle-91c0a5f6-23:var(--csstools-color-scheme--light) #343114;--boxes-header-bg-3:var(--csstools-light-dark-toggle-91c0a5f6-23,#fbf7d5);--csstools-light-dark-toggle-91c0a5f6-24:var(--csstools-color-scheme--light) #d4c53b;--boxes-header-color-3:var(--csstools-light-dark-toggle-91c0a5f6-24,inherit);--csstools-light-dark-toggle-91c0a5f6-25:var(--csstools-color-scheme--light) #341419;--boxes-header-bg-4:var(--csstools-light-dark-toggle-91c0a5f6-25,#fbd5d5);--csstools-light-dark-toggle-91c0a5f6-26:var(--csstools-color-scheme--light) #f19ca1;--boxes-header-color-4:var(--csstools-light-dark-toggle-91c0a5f6-26,inherit);--csstools-light-dark-toggle-91c0a5f6-27:var(--csstools-color-scheme--light) #1d1434;--boxes-header-bg-5:var(--csstools-light-dark-toggle-91c0a5f6-27,#dfd5fb);--csstools-light-dark-toggle-91c0a5f6-28:var(--csstools-color-scheme--light) #bf94ec;--boxes-header-color-5:var(--csstools-light-dark-toggle-91c0a5f6-28,inherit);--csstools-light-dark-toggle-91c0a5f6-29:var(--csstools-color-scheme--light) #b3b3b3;--boxes-main-color:var(--csstools-light-dark-toggle-91c0a5f6-29,#000);--csstools-light-dark-toggle-91c0a5f6-30:var(--csstools-color-scheme--light) #8ff295;--stairs-color:var(--csstools-light-dark-toggle-91c0a5f6-30,#007936);--csstools-light-dark-toggle-91c0a5f6-31:var(--csstools-color-scheme--light) #1b1b1b;--about-bg-primary:var(--csstools-light-dark-toggle-91c0a5f6-31,#fff);--csstools-light-dark-toggle-91c0a5f6-32:var(--csstools-color-scheme--light) #1b1b1b;--about-bg-secondary:var(--csstools-light-dark-toggle-91c0a5f6-32,#f2f2f5);--csstools-light-dark-toggle-91c0a5f6-33:var(--csstools-color-scheme--light) #000;--about-join-us-bg:var(--csstools-light-dark-toggle-91c0a5f6-33,#f2f2f5);--csstools-light-dark-toggle-91c0a5f6-34:var(--csstools-color-scheme--light) #b3b3b3;--about-join-us-color:var(--csstools-light-dark-toggle-91c0a5f6-34,#343434);--csstools-light-dark-toggle-91c0a5f6-35:var(--csstools-color-scheme--light) #858585;--about-tablist-border:var(--csstools-light-dark-toggle-91c0a5f6-35,#858585);--csstools-light-dark-toggle-91c0a5f6-36:var(--csstools-color-scheme--light) #b3b3b3;--about-tablist-color:var(--csstools-light-dark-toggle-91c0a5f6-36,#0009);--csstools-light-dark-toggle-91c0a5f6-37:var(--csstools-color-scheme--light) #8ff295;--about-tablist-active-border:var(--csstools-light-dark-toggle-91c0a5f6-37,#007936);--csstools-light-dark-toggle-91c0a5f6-38:var(--csstools-color-scheme--light) #fff;--about-tablist-active-color:var(--csstools-light-dark-toggle-91c0a5f6-38,#000);--csstools-light-dark-toggle-91c0a5f6-39:var(--csstools-color-scheme--light) #b3b3b3;--about-color:var(--csstools-light-dark-toggle-91c0a5f6-39,#000);--csstools-light-dark-toggle-91c0a5f6-40:var(--csstools-color-scheme--light) #fff;--about-heading-color:var(--csstools-light-dark-toggle-91c0a5f6-40,#000);--csstools-light-dark-toggle-91c0a5f6-41:var(--csstools-color-scheme--light) #000;--about-core-values-bg:var(--csstools-light-dark-toggle-91c0a5f6-41,#fff);--csstools-light-dark-toggle-91c0a5f6-42:var(--csstools-color-scheme--light) #007936;--about-core-values-bg-secondary:var(--csstools-light-dark-toggle-91c0a5f6-42,#d7f5dc);--csstools-light-dark-toggle-91c0a5f6-43:var(--csstools-color-scheme--light) #fff;--about-core-values-color:var(--csstools-light-dark-toggle-91c0a5f6-43,#000);--csstools-light-dark-toggle-91c0a5f6-44:var(--csstools-color-scheme--light) #8ff295;--about-team-title-color:var(--csstools-light-dark-toggle-91c0a5f6-44,#007936);--csstools-light-dark-toggle-91c0a5f6-45:var(--csstools-color-scheme--light) #000;--about-team-bg:var(--csstools-light-dark-toggle-91c0a5f6-45,#fff);--csstools-light-dark-toggle-91c0a5f6-46:var(--csstools-color-scheme--light) #000000b3;--about-team-github-bg:var(--csstools-light-dark-toggle-91c0a5f6-46,#ffffffbf);--csstools-light-dark-toggle-91c0a5f6-47:var(--csstools-color-scheme--light) #fff;--about-team-color:var(--csstools-light-dark-toggle-91c0a5f6-47,#000);--csstools-light-dark-toggle-91c0a5f6-48:var(--csstools-color-scheme--light) #8ff295;--about-journey-line-color:var(--csstools-light-dark-toggle-91c0a5f6-48,#007936);--csstools-light-dark-toggle-91c0a5f6-49:var(--csstools-color-scheme--light) #000;--about-journey-image-border:var(--csstools-light-dark-toggle-91c0a5f6-49,#fff);--center-padding:max(calc((100vw - var(--max-width))/2 + var(--gutter)),var(--gutter));background:var(--color-background-primary);color:var(--color-text-primary);display:flow-root;flex-direction:column;line-height:var(--font-line-content);scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track)}@supports (color:light-dark(red,red)) and (color:rgb(0 0 0/0)){.about-container{--stats-box-shadow:4px -2px 15px 0 light-dark(#b3b3b333,#26262633),4px -4px 15px 0 light-dark(#b3b3b326,#26262626);--boxes-shadow:-4px 4px 8px 0 light-dark(#b3b3b326,#0000),4px 4px 8px 0 light-dark(#b3b3b32e,#0000);--about-core-values-shadow:0 4px 15px 0 light-dark(#b3b3b333,#b3b3b333);--about-team-shadow:0 4px 15px 0 light-dark(#b3b3b333,#b3b3b333);--about-journey-shadow:4px -4px 15px 0 light-dark(#b3b3b340,#b3b3b340),4px 4px 15px 0 light-dark(#b3b3b340,#b3b3b340)}}@supports (color:light-dark(red,red)){.about-container{--about-join-us-border:1px solid light-dark(#0000,#4e4e4e);--header-next-section-bg:light-dark(#f2f2f5,#1b1b1b);--header-text-primary:light-dark(#000,#fff);--header-text-secondary:light-dark(#343434,#b3b3b3);--header-bg:light-dark(#fff,#101010);--stats-bg:light-dark(#fff,#000);--stats-text-primary:light-dark(#000,#b3b3b3);--stats-stat-bg:light-dark(#d7f5dc,#394035);--stats-stat-text:light-dark(#007936,#8ff295);--boxes-bg:light-dark(#fff,#000);--boxes-border:light-dark(none,#4e4e4e);--boxes-header-bg-1:light-dark(#d5e8fb,#141e34);--boxes-header-color-1:light-dark(inherit,#9bb6f2);--boxes-header-bg-2:light-dark(#fbe3d5,#321d13);--boxes-header-color-2:light-dark(inherit,#e3642a);--boxes-header-bg-3:light-dark(#fbf7d5,#343114);--boxes-header-color-3:light-dark(inherit,#d4c53b);--boxes-header-bg-4:light-dark(#fbd5d5,#341419);--boxes-header-color-4:light-dark(inherit,#f19ca1);--boxes-header-bg-5:light-dark(#dfd5fb,#1d1434);--boxes-header-color-5:light-dark(inherit,#bf94ec);--boxes-main-color:light-dark(#000,#b3b3b3);--stairs-color:light-dark(#007936,#8ff295);--about-bg-primary:light-dark(#fff,#1b1b1b);--about-bg-secondary:light-dark(#f2f2f5,#1b1b1b);--about-join-us-bg:light-dark(#f2f2f5,#000);--about-join-us-color:light-dark(#343434,#b3b3b3);--about-tablist-border:light-dark(#858585,#858585)}}@supports (color:light-dark(red,red)) and (color:rgb(0 0 0/0)){.about-container{--about-tablist-color:light-dark(#0009,#b3b3b3)}}@supports (color:light-dark(red,red)){.about-container{--about-tablist-active-border:light-dark(#007936,#8ff295);--about-tablist-active-color:light-dark(#000,#fff);--about-color:light-dark(#000,#b3b3b3);--about-heading-color:light-dark(#000,#fff);--about-core-values-bg:light-dark(#fff,#000);--about-core-values-bg-secondary:light-dark(#d7f5dc,#007936);--about-core-values-color:light-dark(#000,#fff);--about-team-title-color:light-dark(#007936,#8ff295);--about-team-bg:light-dark(#fff,#000)}}@supports (color:light-dark(red,red)) and (color:rgb(0 0 0/0)){.about-container{--about-team-github-bg:light-dark(#ffffffbf,#000000b3)}}@supports (color:light-dark(red,red)){.about-container{--about-team-color:light-dark(#000,#fff);--about-journey-line-color:light-dark(#007936,#8ff295);--about-journey-image-border:light-dark(#fff,#000)}}@supports not (color:light-dark(tan,tan)){.about-container *{--csstools-light-dark-toggle-91c0a5f6-0:var(--csstools-color-scheme--light) #26262633;--csstools-light-dark-toggle-91c0a5f6-1:var(--csstools-color-scheme--light) #26262626;--stats-box-shadow:4px -2px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-0,#b3b3b333),4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-1,#b3b3b326);--csstools-light-dark-toggle-91c0a5f6-2:var(--csstools-color-scheme--light) #0000;--csstools-light-dark-toggle-91c0a5f6-3:var(--csstools-color-scheme--light) #0000;--boxes-shadow:-4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-2,#b3b3b326),4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-3,#b3b3b32e);--csstools-light-dark-toggle-91c0a5f6-4:var(--csstools-color-scheme--light) #b3b3b333;--about-core-values-shadow:0 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-4,#b3b3b333);--csstools-light-dark-toggle-91c0a5f6-5:var(--csstools-color-scheme--light) #b3b3b333;--about-team-shadow:0 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-5,#b3b3b333);--csstools-light-dark-toggle-91c0a5f6-6:var(--csstools-color-scheme--light) #b3b3b340;--csstools-light-dark-toggle-91c0a5f6-7:var(--csstools-color-scheme--light) #b3b3b340;--about-journey-shadow:4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-6,#b3b3b340),4px 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-7,#b3b3b340);--csstools-light-dark-toggle-91c0a5f6-8:var(--csstools-color-scheme--light) #4e4e4e;--about-join-us-border:1px solid var(--csstools-light-dark-toggle-91c0a5f6-8,#0000);--csstools-light-dark-toggle-91c0a5f6-9:var(--csstools-color-scheme--light) #1b1b1b;--header-next-section-bg:var(--csstools-light-dark-toggle-91c0a5f6-9,#f2f2f5);--csstools-light-dark-toggle-91c0a5f6-10:var(--csstools-color-scheme--light) #fff;--header-text-primary:var(--csstools-light-dark-toggle-91c0a5f6-10,#000);--csstools-light-dark-toggle-91c0a5f6-11:var(--csstools-color-scheme--light) #b3b3b3;--header-text-secondary:var(--csstools-light-dark-toggle-91c0a5f6-11,#343434);--csstools-light-dark-toggle-91c0a5f6-12:var(--csstools-color-scheme--light) #101010;--header-bg:var(--csstools-light-dark-toggle-91c0a5f6-12,#fff);--csstools-light-dark-toggle-91c0a5f6-13:var(--csstools-color-scheme--light) #000;--stats-bg:var(--csstools-light-dark-toggle-91c0a5f6-13,#fff);--csstools-light-dark-toggle-91c0a5f6-14:var(--csstools-color-scheme--light) #b3b3b3;--stats-text-primary:var(--csstools-light-dark-toggle-91c0a5f6-14,#000);--csstools-light-dark-toggle-91c0a5f6-15:var(--csstools-color-scheme--light) #394035;--stats-stat-bg:var(--csstools-light-dark-toggle-91c0a5f6-15,#d7f5dc);--csstools-light-dark-toggle-91c0a5f6-16:var(--csstools-color-scheme--light) #8ff295;--stats-stat-text:var(--csstools-light-dark-toggle-91c0a5f6-16,#007936);--csstools-light-dark-toggle-91c0a5f6-17:var(--csstools-color-scheme--light) #000;--boxes-bg:var(--csstools-light-dark-toggle-91c0a5f6-17,#fff);--csstools-light-dark-toggle-91c0a5f6-18:var(--csstools-color-scheme--light) #4e4e4e;--boxes-border:var(--csstools-light-dark-toggle-91c0a5f6-18,none);--csstools-light-dark-toggle-91c0a5f6-19:var(--csstools-color-scheme--light) #141e34;--boxes-header-bg-1:var(--csstools-light-dark-toggle-91c0a5f6-19,#d5e8fb);--csstools-light-dark-toggle-91c0a5f6-20:var(--csstools-color-scheme--light) #9bb6f2;--boxes-header-color-1:var(--csstools-light-dark-toggle-91c0a5f6-20,inherit);--csstools-light-dark-toggle-91c0a5f6-21:var(--csstools-color-scheme--light) #321d13;--boxes-header-bg-2:var(--csstools-light-dark-toggle-91c0a5f6-21,#fbe3d5);--csstools-light-dark-toggle-91c0a5f6-22:var(--csstools-color-scheme--light) #e3642a;--boxes-header-color-2:var(--csstools-light-dark-toggle-91c0a5f6-22,inherit);--csstools-light-dark-toggle-91c0a5f6-23:var(--csstools-color-scheme--light) #343114;--boxes-header-bg-3:var(--csstools-light-dark-toggle-91c0a5f6-23,#fbf7d5);--csstools-light-dark-toggle-91c0a5f6-24:var(--csstools-color-scheme--light) #d4c53b;--boxes-header-color-3:var(--csstools-light-dark-toggle-91c0a5f6-24,inherit);--csstools-light-dark-toggle-91c0a5f6-25:var(--csstools-color-scheme--light) #341419;--boxes-header-bg-4:var(--csstools-light-dark-toggle-91c0a5f6-25,#fbd5d5);--csstools-light-dark-toggle-91c0a5f6-26:var(--csstools-color-scheme--light) #f19ca1;--boxes-header-color-4:var(--csstools-light-dark-toggle-91c0a5f6-26,inherit);--csstools-light-dark-toggle-91c0a5f6-27:var(--csstools-color-scheme--light) #1d1434;--boxes-header-bg-5:var(--csstools-light-dark-toggle-91c0a5f6-27,#dfd5fb);--csstools-light-dark-toggle-91c0a5f6-28:var(--csstools-color-scheme--light) #bf94ec;--boxes-header-color-5:var(--csstools-light-dark-toggle-91c0a5f6-28,inherit);--csstools-light-dark-toggle-91c0a5f6-29:var(--csstools-color-scheme--light) #b3b3b3;--boxes-main-color:var(--csstools-light-dark-toggle-91c0a5f6-29,#000);--csstools-light-dark-toggle-91c0a5f6-30:var(--csstools-color-scheme--light) #8ff295;--stairs-color:var(--csstools-light-dark-toggle-91c0a5f6-30,#007936);--csstools-light-dark-toggle-91c0a5f6-31:var(--csstools-color-scheme--light) #1b1b1b;--about-bg-primary:var(--csstools-light-dark-toggle-91c0a5f6-31,#fff);--csstools-light-dark-toggle-91c0a5f6-32:var(--csstools-color-scheme--light) #1b1b1b;--about-bg-secondary:var(--csstools-light-dark-toggle-91c0a5f6-32,#f2f2f5);--csstools-light-dark-toggle-91c0a5f6-33:var(--csstools-color-scheme--light) #000;--about-join-us-bg:var(--csstools-light-dark-toggle-91c0a5f6-33,#f2f2f5);--csstools-light-dark-toggle-91c0a5f6-34:var(--csstools-color-scheme--light) #b3b3b3;--about-join-us-color:var(--csstools-light-dark-toggle-91c0a5f6-34,#343434);--csstools-light-dark-toggle-91c0a5f6-35:var(--csstools-color-scheme--light) #858585;--about-tablist-border:var(--csstools-light-dark-toggle-91c0a5f6-35,#858585);--csstools-light-dark-toggle-91c0a5f6-36:var(--csstools-color-scheme--light) #b3b3b3;--about-tablist-color:var(--csstools-light-dark-toggle-91c0a5f6-36,#0009);--csstools-light-dark-toggle-91c0a5f6-37:var(--csstools-color-scheme--light) #8ff295;--about-tablist-active-border:var(--csstools-light-dark-toggle-91c0a5f6-37,#007936);--csstools-light-dark-toggle-91c0a5f6-38:var(--csstools-color-scheme--light) #fff;--about-tablist-active-color:var(--csstools-light-dark-toggle-91c0a5f6-38,#000);--csstools-light-dark-toggle-91c0a5f6-39:var(--csstools-color-scheme--light) #b3b3b3;--about-color:var(--csstools-light-dark-toggle-91c0a5f6-39,#000);--csstools-light-dark-toggle-91c0a5f6-40:var(--csstools-color-scheme--light) #fff;--about-heading-color:var(--csstools-light-dark-toggle-91c0a5f6-40,#000);--csstools-light-dark-toggle-91c0a5f6-41:var(--csstools-color-scheme--light) #000;--about-core-values-bg:var(--csstools-light-dark-toggle-91c0a5f6-41,#fff);--csstools-light-dark-toggle-91c0a5f6-42:var(--csstools-color-scheme--light) #007936;--about-core-values-bg-secondary:var(--csstools-light-dark-toggle-91c0a5f6-42,#d7f5dc);--csstools-light-dark-toggle-91c0a5f6-43:var(--csstools-color-scheme--light) #fff;--about-core-values-color:var(--csstools-light-dark-toggle-91c0a5f6-43,#000);--csstools-light-dark-toggle-91c0a5f6-44:var(--csstools-color-scheme--light) #8ff295;--about-team-title-color:var(--csstools-light-dark-toggle-91c0a5f6-44,#007936);--csstools-light-dark-toggle-91c0a5f6-45:var(--csstools-color-scheme--light) #000;--about-team-bg:var(--csstools-light-dark-toggle-91c0a5f6-45,#fff);--csstools-light-dark-toggle-91c0a5f6-46:var(--csstools-color-scheme--light) #000000b3;--about-team-github-bg:var(--csstools-light-dark-toggle-91c0a5f6-46,#ffffffbf);--csstools-light-dark-toggle-91c0a5f6-47:var(--csstools-color-scheme--light) #fff;--about-team-color:var(--csstools-light-dark-toggle-91c0a5f6-47,#000);--csstools-light-dark-toggle-91c0a5f6-48:var(--csstools-color-scheme--light) #8ff295;--about-journey-line-color:var(--csstools-light-dark-toggle-91c0a5f6-48,#007936);--csstools-light-dark-toggle-91c0a5f6-49:var(--csstools-color-scheme--light) #000;--about-journey-image-border:var(--csstools-light-dark-toggle-91c0a5f6-49,#fff)}}.about-container h1,.about-container h2,.about-container h3,.about-container p{margin:0}@media (width <= 769px){.about-container{--about-section-gap:3rem}}@media (width > 769px){.about-container h1{font-size:var(--font-size-largest);font-weight:var(--font-weight-bold);line-height:1.2;word-break:break-all}}.about-container>header{--header-stats-height:var(--about-stats-height);background:linear-gradient(to top,var(--header-next-section-bg,#0000) 0,var(--header-next-section-bg,#0000) calc(var(--header-stats-height)/2),var(--header-bg) calc(var(--header-stats-height)/2),var(--header-bg) 100%)}:is(.about-container>header) section{padding-top:5rem}@media (width <= 769px){:is(.about-container>header) section{padding-top:1rem}}:is(.about-container>header) h1{color:var(--header-text-primary);font-size:var(--font-size-largest);margin-bottom:1rem}@media (width <= 769px){:is(.about-container>header) h1{font-size:var(--font-size-larger)}}:is(:is(.about-container>header) h1)+p{font-size:var(--font-size-larger);font-weight:500;line-height:120%;max-width:43rem}@media (width <= 769px){:is(:is(.about-container>header) h1)+p{font-size:var(--font-size-large)}}:is(.about-container>header) p{color:var(--header-text-secondary);font-size:var(--font-size-larger);font-weight:500;line-height:120%;margin-bottom:1.5rem;max-width:43rem}:is(.about-container>header)+section{margin-top:4.56rem}@media (width <= 769px){:is(.about-container>header)+section{margin-top:2rem}}:is(.about-container>header) ul{background:var(--stats-bg);border-radius:.5rem;box-shadow:var(--stats-box-shadow);color:var(--stats-text-primary);display:flex;gap:1rem;justify-content:space-around;margin-top:5em;padding:1rem;position:relative;text-align:center;z-index:2}@media (width <= 769px){:is(.about-container>header) ul{flex-wrap:wrap;margin-top:2rem}}:is(:is(.about-container>header) ul) li{align-items:baseline;column-gap:1rem;display:flex;flex-wrap:wrap;justify-content:center;min-width:7.75rem;overflow-wrap:anywhere}@media (width <= 769px){:is(:is(.about-container>header) ul) li{align-items:center;flex:1;flex-direction:column;justify-content:flex-start}}:is(:is(:is(.about-container>header) ul) li) strong{align-items:center;background:var(--stats-stat-bg);border-radius:50%;color:var(--stats-stat-text);display:inline-flex;height:3.75rem;justify-content:center;width:3.75rem}.about-container p{margin:0}.about-container h2{color:var(--about-heading-color)}.about-container>section>*{min-width:0}.about-container section{margin-left:auto;margin-right:auto;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}:is(.about-container section) h2{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold);margin-bottom:1rem}:is(.about-container section) mdn-about-tabs{grid-column:1/-1;padding-top:2rem;position:relative}.about-container .tabpanel{scroll-margin-top:calc(var(--sticky-header-height) + 4rem)}.about-container ol,.about-container ul{list-style:none;margin:0;padding:0}.about-container div#our_journey{--image-inner-height:324px;--image-border-size:4px;--image-height:calc(var(--image-inner-height) + var(--image-border-size)*2);--image-width:calc(var(--image-inner-height)*16/9 + var(--image-border-size)*2);--dot-height:3rem;--separator-width:10rem;--list-width:calc(var(--inner-width) - var(--separator-width) - var(--image-width))}@media (width <= 1200px){.about-container div#our_journey{--separator-width:6rem}}:is(.about-container div#our_journey)>p{margin-bottom:1rem}:is(.about-container div#our_journey)>ul{border-right:.0625rem dashed var(--about-journey-line-color);margin-top:3rem;width:var(--list-width)}@media (width <= 992px){:is(.about-container div#our_journey)>ul{border-left:.0625rem dashed var(--about-journey-line-color);border-right:none;margin-left:1rem;width:auto}}:is(:is(.about-container div#our_journey)>ul) li{margin:8rem 0;min-height:var(--image-height);padding-right:2rem;position:relative}:is(:is(:is(.about-container div#our_journey)>ul) li):first-of-type{margin-top:2rem}:is(:is(:is(.about-container div#our_journey)>ul) li):last-of-type{margin-bottom:2rem}@media (width <= 992px){:is(:is(.about-container div#our_journey)>ul) li{padding-left:2rem}}:is(:is(:is(.about-container div#our_journey)>ul) li):after{background-image:var(--about-journey-dot);background-position:50%;background-repeat:no-repeat;content:"";display:block;height:var(--dot-height);position:absolute;right:calc(var(--dot-height)/-2);top:calc(var(--dot-height)/-2);width:var(--dot-height)}@media (width <= 992px){:is(:is(:is(.about-container div#our_journey)>ul) li):after{--dot-height:2rem;left:calc(var(--dot-height)/-2);right:auto}}:is(:is(.about-container div#our_journey)>ul) li:has([id="2017"],[id="20232024"]){min-height:0}:is(:is(.about-container div#our_journey)>ul) h4{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);line-height:var(--font-line-normal);margin:0;position:relative;text-decoration-line:underline;top:-.75em}@media (width <= 992px){:is(:is(.about-container div#our_journey)>ul) h4{font-size:var(--font-size-large);margin-bottom:-.75em}}:is(:is(:is(.about-container div#our_journey)>ul) h4):before{background:var(--about-journey-line-color);content:"";display:none;height:10px;left:calc(100% + 2rem);-webkit-mask-image:url(/static/client/line-dot.2eb7216a6e56d7c7.svg);mask-image:url(/static/client/line-dot.2eb7216a6e56d7c7.svg);-webkit-mask-position:center right;mask-position:center right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:calc(.75em - 5px);width:calc(var(--separator-width) - var(--dot-height)/2)}@media (width <= 992px){:is(:is(:is(.about-container div#our_journey)>ul) h4):before{content:none}}:is(:is(:is(.about-container div#our_journey)>ul) h4)~p:last-of-type>img{background-color:var(--about-journey-image-border);background-position:50%;background-repeat:no-repeat;background-size:contain;border:var(--image-border-size) solid var(--about-journey-image-border);box-shadow:var(--about-journey-shadow);height:var(--image-height);left:calc(var(--inner-width) - var(--image-width));max-width:var(--image-width);position:absolute;top:calc(var(--dot-height)/-2);width:var(--image-width)}@media (width <= 992px){:is(:is(:is(.about-container div#our_journey)>ul) h4)~p:last-of-type>img{aspect-ratio:16/9;box-sizing:initial;height:auto;left:auto;margin:2rem auto;max-height:var(--image-inner-height);max-width:100%;position:relative;top:auto;width:auto}}:is(:is(.about-container div#our_journey)>ul) h4[id="2005"]:before,:is(:is(.about-container div#our_journey)>ul) h4[id="2005"]~p:last-of-type:after,:is(:is(.about-container div#our_journey)>ul) h4[id="2010"]:before,:is(:is(.about-container div#our_journey)>ul) h4[id="2010"]~p:last-of-type:after,:is(:is(.about-container div#our_journey)>ul) h4[id="2020"]:before,:is(:is(.about-container div#our_journey)>ul) h4[id="2020"]~p:last-of-type:after,:is(:is(.about-container div#our_journey)>ul) h4[id="2022"]:before,:is(:is(.about-container div#our_journey)>ul) h4[id="2022"]~p:last-of-type:after{display:block}:is(.about-container div#our_journey) h4{font-size:var(--font-line-content);font-weight:var(--font-weight-bold)}:is(.about-container div#our_journey) mdn-image-history ul{display:flex;gap:1rem;margin-bottom:-1rem;overflow-x:auto;padding-bottom:1rem}:is(:is(.about-container div#our_journey) mdn-image-history ul) li{flex-shrink:0}:is(:is(.about-container div#our_journey) mdn-image-history ul) img{aspect-ratio:16/9;border:var(--image-border-size) solid var(--about-journey-image-border);box-sizing:initial;height:180px}.about-container section[aria-labelledby=who_we_are]{background:var(--about-bg-secondary);column-gap:min(5rem,5vw);display:grid;grid-template-columns:4fr 6fr;margin:0;max-width:none;padding:4rem var(--center-padding)}.about-container section[aria-labelledby=global_impact]{display:block;margin:var(--about-section-gap) auto}@media (width > 992px){:is(.about-container section[aria-labelledby=global_impact]) .section-content{background:var(--about-global-impact-image);background-position:100%;background-repeat:no-repeat;background-size:20rem 100%;padding-right:30rem}}:is(.about-container section[aria-labelledby=global_impact]) ul{margin-top:1rem;--stairs-icon-size:3.125rem;--stairs-step-indent:3.125rem;--stairs-step-gap:4rem}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li{--stairs-padding-left:calc(var(--stairs-step-indent)*var(--nth-child));align-items:center;display:flex;gap:1rem;padding-left:var(--stairs-padding-left);position:relative}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:not(:last-of-type){margin-bottom:var(--stairs-step-gap)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:before{background:var(--stairs-color);content:"";display:block;flex-shrink:0;height:var(--stairs-icon-size);margin-left:calc(var(--stairs-icon-size)*-1);-webkit-mask-image:var(--stairs-icon);mask-image:var(--stairs-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:80%;mask-size:80%;width:var(--stairs-icon-size)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:not(:last-of-type):after{--height:calc(var(--stairs-step-gap)*1.2);background:linear-gradient(to bottom,var(--stairs-color),#0000);bottom:calc(var(--height)*-1);content:"";display:block;height:var(--height);left:calc(var(--stairs-padding-left) - 50px);-webkit-mask:url(/static/client/lines.c12de232c28cba49.svg);mask:url(/static/client/lines.c12de232c28cba49.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;width:calc(var(--stairs-icon-size) + var(--stairs-step-indent))}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:first-child{--nth-child:1;--stairs-icon:url(/static/client/education.d85a12a206ae942e.svg)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:nth-child(2){--nth-child:2;--stairs-icon:url(/static/client/text-box-check-outline.c3134e1621b4bb2f.svg)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:nth-child(3){--nth-child:3;--stairs-icon:url(/static/client/web-check.7f00b2e30be0f9ae.svg)}:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li:nth-child(4){--nth-child:4;--stairs-icon:url(/static/client/handshake.b5de4bbf8aeef4d9.svg)}@media (width <= 769px){:is(:is(.about-container section[aria-labelledby=global_impact]) ul) li{--stairs-step-indent:0;--stairs-padding-left:var(--stairs-icon-size);--stairs-step-gap:1rem}}.about-container section[aria-labelledby=join_us_in_building_a_better_web]{background:var(--about-join-us-image) var(--about-join-us-bg);background-position:1.5rem;background-repeat:no-repeat;background-size:20rem calc(100% - 3rem);border:var(--about-join-us-border);border-radius:.5rem;color:var(--about-join-us-color);display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--about-section-gap);max-width:calc(100% - var(--center-padding)*2);padding:4rem 1rem 4rem min(30rem,50%)}@media (width <= 769px){.about-container section[aria-labelledby=join_us_in_building_a_better_web]{background-color:#0000;background-position:bottom;background-size:100% 10rem;border:none;padding:1rem 0 12rem}}.about-container div#what_we_offer ul{display:grid;gap:2rem;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}@media (width > 769px){.about-container div#what_we_offer ul{gap:5rem}}:is(.about-container div#what_we_offer ul) li{align-items:center;background:var(--boxes-bg);border:1px solid var(--boxes-border);border-radius:.5rem;display:flex;flex-direction:column;gap:1.5rem;justify-content:flex-start;padding:1.5rem;text-align:center;--csstools-light-dark-toggle-91c0a5f6-50:var(--csstools-color-scheme--light) #0000;--csstools-light-dark-toggle-91c0a5f6-51:var(--csstools-color-scheme--light) #0000;box-shadow:-4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-50,#b3b3b326),4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-51,#b3b3b32e);box-shadow:-4px 4px 8px 0 light-dark(#b3b3b326,#0000),4px 4px 8px 0 light-dark(#b3b3b32e,#0000)}:is(:is(.about-container div#what_we_offer ul) li) h4{align-self:stretch;background:var(--boxes-header-bg);border-radius:.5rem .5rem 0 0;color:var(--boxes-header-color);font-size:var(--font-size-large);font-weight:500;margin:-1.5rem -1.5rem 0;padding:1.5rem}:is(.about-container div#what_we_offer ul) li:first-of-type{--boxes-header-bg:var(--boxes-header-bg-1);--boxes-header-color:var(--boxes-header-color-1)}:is(.about-container div#what_we_offer ul) li:nth-of-type(2){--boxes-header-bg:var(--boxes-header-bg-2);--boxes-header-color:var(--boxes-header-color-2)}:is(.about-container div#what_we_offer ul) li:nth-of-type(3){--boxes-header-bg:var(--boxes-header-bg-3);--boxes-header-color:var(--boxes-header-color-3)}:is(.about-container div#what_we_offer ul) li:nth-of-type(4){--boxes-header-bg:var(--boxes-header-bg-4);--boxes-header-color:var(--boxes-header-color-4)}:is(.about-container div#what_we_offer ul) li:nth-of-type(5){--boxes-header-bg:var(--boxes-header-bg-5);--boxes-header-color:var(--boxes-header-color-5)}:is(.about-container div#our_core_values) li{border-radius:.5rem;color:var(--about-core-values-color)}:is(:is(.about-container div#our_core_values) li) h4{color:var(--about-core-values-color);font-size:var(--font-size-normal);font-weight:var(--font-weight-bold);letter-spacing:-.0313rem;margin:0 0 .5rem}:is(:is(.about-container div#our_core_values) li):not(:last-of-type){background:var(--about-core-values-bg-secondary);margin:1rem auto;padding:2rem}:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4{--icon-size:45px;align-items:center;background-position:0;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);display:flex;min-height:var(--icon-size);padding-left:calc(var(--icon-size) + 1rem)}#accurate_and_reliable:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/accurate-sm.6b644425a52001ef.svg)}#collaborative_and_community-driven:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/collaborative-sm.f7add18382918478.svg)}#inclusive_and_dynamic:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/inclusive-sm.67dfcf6e9cf77bb8.svg)}:is(:is(.about-container div#our_core_values) li):last-of-type{background:var(--about-core-values-bg);margin-top:2rem;padding:2rem}@media (width > 992px){:is(.about-container div#our_core_values) li{display:grid;grid-auto-flow:dense;grid-template-columns:[left-start] 40% [left-end right-start] 1fr [right-end];padding:2rem}:is(:is(.about-container div#our_core_values) li) h4{font-size:var(--font-line-content);margin:0;max-width:70%}:is(:is(.about-container div#our_core_values) li) p{margin-left:var(--gutter)}:is(:is(.about-container div#our_core_values) li):not(:last-of-type){background:var(--about-core-values-bg);margin:0 auto}:is(:is(.about-container div#our_core_values) li):not(:last-of-type):not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}:is(:is(.about-container div#our_core_values) li):not(:last-of-type):not(:nth-last-of-type(2)){border-bottom-left-radius:0;border-bottom-right-radius:0}:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4{--icon-size:60px;align-self:center}#accurate_and_reliable:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/accurate.822e24f923311588.svg)}#collaborative_and_community-driven:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/collaborative.e1038a5b7d274da7.svg)}#inclusive_and_dynamic:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4){background-image:url(/static/client/inclusive.5dc17cd92a1f6229.svg)}:is(:is(.about-container div#our_core_values) li):not(:last-of-type) p{background:var(--about-core-values-bg-secondary);border-radius:.5rem;padding:2rem}:is(:is(.about-container div#our_core_values) li):nth-of-type(2n):not(:last-of-type) h4{grid-column:right;margin:0 auto}:is(:is(.about-container div#our_core_values) li):nth-of-type(2n):not(:last-of-type) p{grid-column:left;margin-left:0;margin-right:var(--gutter)}:is(:is(.about-container div#our_core_values) li):last-of-type{margin-top:4rem}}.about-container div#our_partners>div,.about-container div#our_team{--team-grid-gap:2.5rem;--team-card-padding:1.5rem;display:grid;gap:0 var(--team-grid-gap);grid-auto-flow:dense;grid-template-columns:[full-start] 1fr 1fr 1fr [full-end]}:is(.about-container div#our_team,.about-container div#our_partners>div)>*{margin:calc(var(--team-grid-gap)/2) 0;scroll-margin-top:calc(var(--sticky-header-without-actions-height) + 2.5rem)}:is(.about-container div#our_team,.about-container div#our_partners>div) p,:is(.about-container div#our_team,.about-container div#our_partners>div)>h4{grid-column:full}:is(:is(.about-container div#our_team,.about-container div#our_partners>div)>h4,:is(.about-container div#our_team,.about-container div#our_partners>div) p):first-child{margin-top:0}:is(:is(.about-container div#our_team,.about-container div#our_partners>div)>h4,:is(.about-container div#our_team,.about-container div#our_partners>div) p):last-child{margin-bottom:0}:is(.about-container div#our_team,.about-container div#our_partners>div) h4,:is(.about-container div#our_team,.about-container div#our_partners>div) h5{font-size:var(--font-line-content);font-weight:var(--font-weight-bold);text-transform:none}@media (width <= 769px){:is(.about-container div#our_team,.about-container div#our_partners>div) h4,:is(.about-container div#our_team,.about-container div#our_partners>div) h5{font-size:var(--font-size-normal)}}@media (width <= 992px){.about-container div#our_partners>div,.about-container div#our_team{--team-grid-gap:2rem;grid-template-columns:[full-start] 1fr 1fr [full-end]}:is(.about-container div#our_team,.about-container div#our_partners>div) ul li:nth-of-type(3):not(:last-of-type){align-self:end;grid-area:picture}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) ul li:nth-of-type(3):not(:last-of-type)) a{position:absolute}}:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member{align-content:start;background:var(--about-team-bg);border:1px solid var(--about-team-bg);box-shadow:var(--about-team-shadow);color:var(--about-team-color);cursor:pointer;display:grid;gap:0;grid-row:span 5;grid-template-areas:"name" "title" "picture" "bio" ".";grid-template-rows:subgrid;padding:calc(var(--team-card-padding) - 1px);-webkit-user-select:none;user-select:none}@media (width <= 426px){:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member{grid-column:full}}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):hover{border-color:var(--color-border-primary)}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) h4,:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) h5{grid-area:name;margin:0 0 .5rem}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) ul{display:contents}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:first-of-type{color:var(--about-team-title-color);font-weight:var(--font-weight-bold);grid-area:title;margin-bottom:.75rem}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:nth-of-type(2){grid-area:picture}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:nth-of-type(3):not(:last-of-type){align-self:end;grid-area:picture}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:last-of-type{grid-area:bio;line-height:1.75;max-height:5.25em;overflow:hidden;position:relative}:is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:last-of-type):after{background:var(--about-team-bg);content:"";display:block;height:1.75em;-webkit-mask-image:linear-gradient(90deg,#0000,#000 75%);mask-image:linear-gradient(90deg,#0000,#000 75%);pointer-events:none;position:absolute;right:0;top:3.5em;width:20ch}[dir=rtl] :is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) li:last-of-type):after{left:0;-webkit-mask-image:linear-gradient(270deg,#0000,#000 75%);mask-image:linear-gradient(270deg,#0000,#000 75%);right:auto}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) img{aspect-ratio:1;margin-bottom:.75rem;width:100%}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) a[href^="https://github.com"]{background:var(--about-team-github-bg);border-top-right-radius:.5rem;color:var(--about-team-color);margin-top:-3.5rem;padding:.25rem .7rem .25rem .5rem;position:absolute}:is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member) a[href^="https://github.com"]):before{background:var(--about-team-color);content:"";display:inline-block;height:1.2em;margin-bottom:.2em;margin-right:.2em;-webkit-mask-image:url(/static/client/github-mark-small.5cd4aa827dc33aa6.svg);mask-image:url(/static/client/github-mark-small.5cd4aa827dc33aa6.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1.2em}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within{align-content:start;cursor:unset;display:grid;gap:0 var(--team-card-padding);grid-column:span 2;grid-template-areas:"name name" "title title" "picture bio" ". bio" ". bio";grid-template-columns:calc(50% - var(--team-grid-gap)/2 - var(--team-card-padding)*2/2) 1fr;-webkit-user-select:auto;user-select:auto}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within li:last-of-type{max-height:unset}:is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within li:last-of-type):after{display:none}@media (width <= 426px){:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within{grid-template-areas:"name" "title" "picture" "bio";grid-template-columns:1fr}:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within ul li:nth-of-type(3):not(:last-of-type){align-self:end;grid-area:picture}:is(:is(:is(.about-container div#our_team,.about-container div#our_partners>div) mdn-about-team-member):focus-within ul li:nth-of-type(3):not(:last-of-type)) a{position:absolute}}.about-container #our_partners>div{margin-top:2.5rem}
2
+ /*# sourceMappingURL=styles-generic-about.8856856e6f4b7e46.css.map*/
package/out/static/client/{styles-generic-about.8fb97dff70bba559.css.map → styles-generic-about.8856856e6f4b7e46.css.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"styles-generic-about.8fb97dff70bba559.css","sources":["webpack://@mdn/fred/./components/generic-about/server.css"],"sourcesContent":["/* variables local to the about page */\n.about-container {\n --max-width: 74rem;\n --gutter: 1rem;\n --about-stats-height: 5.75rem;\n --about-section-gap: 5rem;\n --inner-width: calc(min(var(--max-width), 100vw) - 2 * var(--gutter));\n\n --about-join-us-image: url(\"./assets/building.svg\");\n}\n@media (prefers-color-scheme: dark) {\n.about-container {\n --about-join-us-image: url(\"./assets/building-dark.svg\");\n}\n}\n[data-theme=\"light\"] .about-container {\n --about-join-us-image: url(\"./assets/building.svg\");\n}\n[data-theme=\"dark\"] .about-container {\n --about-join-us-image: url(\"./assets/building-dark.svg\");\n}\n.about-container {\n --about-journey-dot: url(\"./assets/dot.svg\");\n}\n@media (prefers-color-scheme: dark) {\n.about-container {\n --about-journey-dot: url(\"./assets/dot-dark.svg\");\n}\n}\n[data-theme=\"light\"] .about-container {\n --about-journey-dot: url(\"./assets/dot.svg\");\n}\n[data-theme=\"dark\"] .about-container {\n --about-journey-dot: url(\"./assets/dot-dark.svg\");\n}\n.about-container {\n --about-global-impact-image: url(\"./assets/global-impact.svg\");\n}\n@media (prefers-color-scheme: dark) {\n.about-container {\n --about-global-impact-image: url(\"./assets/global-impact-dark.svg\");\n}\n}\n[data-theme=\"light\"] .about-container {\n --about-global-impact-image: url(\"./assets/global-impact.svg\");\n}\n[data-theme=\"dark\"] .about-container {\n --about-global-impact-image: url(\"./assets/global-impact-dark.svg\");\n}\n.about-container {\n\n --csstools-light-dark-toggle-91c0a5f6-0:\n var(--csstools-color-scheme--light) rgb(38 38 38 / 20%);\n\n --csstools-light-dark-toggle-91c0a5f6-1:\n var(--csstools-color-scheme--light) rgb(38 38 38 / 15%);\n\n --stats-box-shadow:\n 4px -2px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-0, rgb(179 179 179 / 20%)),\n 4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-1, rgb(179 179 179 / 15%));\n --csstools-light-dark-toggle-91c0a5f6-2:\n var(--csstools-color-scheme--light) transparent;\n --csstools-light-dark-toggle-91c0a5f6-3:\n var(--csstools-color-scheme--light) transparent;\n --boxes-shadow:\n -4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-2, rgb(179 179 179 / 15%)),\n 4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-3, rgb(179 179 179 / 18%));\n --csstools-light-dark-toggle-91c0a5f6-4: var(--csstools-color-scheme--light) rgb(179 179 179 / 20%);\n --about-core-values-shadow: 0 4px 15px 0\n var(--csstools-light-dark-toggle-91c0a5f6-4, rgb(179 179 179 / 20%));\n --csstools-light-dark-toggle-91c0a5f6-5: var(--csstools-color-scheme--light) rgb(179 179 179 / 20%);\n --about-team-shadow: 0 4px 15px 0\n var(--csstools-light-dark-toggle-91c0a5f6-5, rgb(179 179 179 / 20%));\n --csstools-light-dark-toggle-91c0a5f6-6:\n var(--csstools-color-scheme--light) rgb(179 179 179 / 25%);\n --csstools-light-dark-toggle-91c0a5f6-7:\n var(--csstools-color-scheme--light) rgb(179 179 179 / 25%);\n --about-journey-shadow:\n 4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-6, rgb(179 179 179 / 25%)),\n 4px 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-7, rgb(179 179 179 / 25%));\n --csstools-light-dark-toggle-91c0a5f6-8: var(--csstools-color-scheme--light) #4e4e4e;\n --about-join-us-border: 1px solid var(--csstools-light-dark-toggle-91c0a5f6-8, transparent);\n\n --csstools-light-dark-toggle-91c0a5f6-9: var(--csstools-color-scheme--light) #1b1b1b;\n\n --header-next-section-bg: var(--csstools-light-dark-toggle-91c0a5f6-9, #f2f2f5);\n --csstools-light-dark-toggle-91c0a5f6-10: var(--csstools-color-scheme--light) #ffffff;\n --header-text-primary: var(--csstools-light-dark-toggle-91c0a5f6-10, #000000);\n --csstools-light-dark-toggle-91c0a5f6-11: var(--csstools-color-scheme--light) #b3b3b3;\n --header-text-secondary: var(--csstools-light-dark-toggle-91c0a5f6-11, #343434);\n --csstools-light-dark-toggle-91c0a5f6-12: var(--csstools-color-scheme--light) #101010;\n --header-bg: var(--csstools-light-dark-toggle-91c0a5f6-12, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-13: var(--csstools-color-scheme--light) #000000;\n --stats-bg: var(--csstools-light-dark-toggle-91c0a5f6-13, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-14: var(--csstools-color-scheme--light) #b3b3b3;\n --stats-text-primary: var(--csstools-light-dark-toggle-91c0a5f6-14, #000000);\n --csstools-light-dark-toggle-91c0a5f6-15: var(--csstools-color-scheme--light) #394035;\n --stats-stat-bg: var(--csstools-light-dark-toggle-91c0a5f6-15, #d7f5dc);\n --csstools-light-dark-toggle-91c0a5f6-16: var(--csstools-color-scheme--light) #8ff295;\n --stats-stat-text: var(--csstools-light-dark-toggle-91c0a5f6-16, #007936);\n --csstools-light-dark-toggle-91c0a5f6-17: var(--csstools-color-scheme--light) #000000;\n --boxes-bg: var(--csstools-light-dark-toggle-91c0a5f6-17, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-18: var(--csstools-color-scheme--light) #4e4e4e;\n --boxes-border: var(--csstools-light-dark-toggle-91c0a5f6-18, none);\n --csstools-light-dark-toggle-91c0a5f6-19: var(--csstools-color-scheme--light) #141e34;\n --boxes-header-bg-1: var(--csstools-light-dark-toggle-91c0a5f6-19, #d5e8fb);\n --csstools-light-dark-toggle-91c0a5f6-20: var(--csstools-color-scheme--light) #9bb6f2;\n --boxes-header-color-1: var(--csstools-light-dark-toggle-91c0a5f6-20, inherit);\n --csstools-light-dark-toggle-91c0a5f6-21: var(--csstools-color-scheme--light) #321d13;\n --boxes-header-bg-2: var(--csstools-light-dark-toggle-91c0a5f6-21, #fbe3d5);\n --csstools-light-dark-toggle-91c0a5f6-22: var(--csstools-color-scheme--light) #e3642a;\n --boxes-header-color-2: var(--csstools-light-dark-toggle-91c0a5f6-22, inherit);\n --csstools-light-dark-toggle-91c0a5f6-23: var(--csstools-color-scheme--light) #343114;\n --boxes-header-bg-3: var(--csstools-light-dark-toggle-91c0a5f6-23, #fbf7d5);\n --csstools-light-dark-toggle-91c0a5f6-24: var(--csstools-color-scheme--light) #d4c53b;\n --boxes-header-color-3: var(--csstools-light-dark-toggle-91c0a5f6-24, inherit);\n --csstools-light-dark-toggle-91c0a5f6-25: var(--csstools-color-scheme--light) #341419;\n --boxes-header-bg-4: var(--csstools-light-dark-toggle-91c0a5f6-25, #fbd5d5);\n --csstools-light-dark-toggle-91c0a5f6-26: var(--csstools-color-scheme--light) #f19ca1;\n --boxes-header-color-4: var(--csstools-light-dark-toggle-91c0a5f6-26, inherit);\n --csstools-light-dark-toggle-91c0a5f6-27: var(--csstools-color-scheme--light) #1d1434;\n --boxes-header-bg-5: var(--csstools-light-dark-toggle-91c0a5f6-27, #dfd5fb);\n --csstools-light-dark-toggle-91c0a5f6-28: var(--csstools-color-scheme--light) #bf94ec;\n --boxes-header-color-5: var(--csstools-light-dark-toggle-91c0a5f6-28, inherit);\n --csstools-light-dark-toggle-91c0a5f6-29: var(--csstools-color-scheme--light) #b3b3b3;\n --boxes-main-color: var(--csstools-light-dark-toggle-91c0a5f6-29, #000000);\n --csstools-light-dark-toggle-91c0a5f6-30: var(--csstools-color-scheme--light) #8ff295;\n --stairs-color: var(--csstools-light-dark-toggle-91c0a5f6-30, #007936);\n --csstools-light-dark-toggle-91c0a5f6-31: var(--csstools-color-scheme--light) #1b1b1b;\n --about-bg-primary: var(--csstools-light-dark-toggle-91c0a5f6-31, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-32: var(--csstools-color-scheme--light) #1b1b1b;\n --about-bg-secondary: var(--csstools-light-dark-toggle-91c0a5f6-32, #f2f2f5);\n --csstools-light-dark-toggle-91c0a5f6-33: var(--csstools-color-scheme--light) #000000;\n --about-join-us-bg: var(--csstools-light-dark-toggle-91c0a5f6-33, #f2f2f5);\n --csstools-light-dark-toggle-91c0a5f6-34: var(--csstools-color-scheme--light) #b3b3b3;\n --about-join-us-color: var(--csstools-light-dark-toggle-91c0a5f6-34, #343434);\n --csstools-light-dark-toggle-91c0a5f6-35: var(--csstools-color-scheme--light) #858585;\n --about-tablist-border: var(--csstools-light-dark-toggle-91c0a5f6-35, #858585);\n --csstools-light-dark-toggle-91c0a5f6-36: var(--csstools-color-scheme--light) #b3b3b3;\n --about-tablist-color: var(--csstools-light-dark-toggle-91c0a5f6-36, rgb(0 0 0 / 60%));\n --csstools-light-dark-toggle-91c0a5f6-37: var(--csstools-color-scheme--light) #8ff295;\n --about-tablist-active-border: var(--csstools-light-dark-toggle-91c0a5f6-37, #007936);\n --csstools-light-dark-toggle-91c0a5f6-38: var(--csstools-color-scheme--light) #ffffff;\n --about-tablist-active-color: var(--csstools-light-dark-toggle-91c0a5f6-38, #000000);\n --csstools-light-dark-toggle-91c0a5f6-39: var(--csstools-color-scheme--light) #b3b3b3;\n --about-color: var(--csstools-light-dark-toggle-91c0a5f6-39, #000000);\n --csstools-light-dark-toggle-91c0a5f6-40: var(--csstools-color-scheme--light) #ffffff;\n --about-heading-color: var(--csstools-light-dark-toggle-91c0a5f6-40, #000000);\n --csstools-light-dark-toggle-91c0a5f6-41: var(--csstools-color-scheme--light) #000000;\n --about-core-values-bg: var(--csstools-light-dark-toggle-91c0a5f6-41, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-42: var(--csstools-color-scheme--light) #007936;\n --about-core-values-bg-secondary: var(--csstools-light-dark-toggle-91c0a5f6-42, #d7f5dc);\n --csstools-light-dark-toggle-91c0a5f6-43: var(--csstools-color-scheme--light) #ffffff;\n --about-core-values-color: var(--csstools-light-dark-toggle-91c0a5f6-43, #000000);\n --csstools-light-dark-toggle-91c0a5f6-44: var(--csstools-color-scheme--light) #8ff295;\n --about-team-title-color: var(--csstools-light-dark-toggle-91c0a5f6-44, #007936);\n --csstools-light-dark-toggle-91c0a5f6-45: var(--csstools-color-scheme--light) #000000;\n --about-team-bg: var(--csstools-light-dark-toggle-91c0a5f6-45, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-46: var(--csstools-color-scheme--light) rgb(0 0 0 / 70%);\n --about-team-github-bg: var(--csstools-light-dark-toggle-91c0a5f6-46, rgb(255 255 255 / 75%));\n --csstools-light-dark-toggle-91c0a5f6-47: var(--csstools-color-scheme--light) #ffffff;\n --about-team-color: var(--csstools-light-dark-toggle-91c0a5f6-47, #000000);\n --csstools-light-dark-toggle-91c0a5f6-48: var(--csstools-color-scheme--light) #8ff295;\n --about-journey-line-color: var(--csstools-light-dark-toggle-91c0a5f6-48, #007936);\n --csstools-light-dark-toggle-91c0a5f6-49: var(--csstools-color-scheme--light) #000000;\n --about-journey-image-border: var(--csstools-light-dark-toggle-91c0a5f6-49, #ffffff);\n\n --center-padding: max(\n calc((100vw - var(--max-width)) / 2 + var(--gutter)),\n var(--gutter)\n );\n\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@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {\n.about-container {\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}\n}\n@supports (color: light-dark(red, red)) {\n.about-container {\n --about-join-us-border: 1px solid light-dark(transparent, #4e4e4e);\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}\n}\n@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {\n.about-container {\n --about-tablist-color: light-dark(rgb(0 0 0 / 60%), #b3b3b3);\n}\n}\n@supports (color: light-dark(red, red)) {\n.about-container {\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}\n}\n@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {\n.about-container {\n --about-team-github-bg: light-dark(rgb(255 255 255 / 75%), rgb(0 0 0 / 70%));\n}\n}\n@supports (color: light-dark(red, red)) {\n.about-container {\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}\n@supports not (color: light-dark(tan, tan)) {\n.about-container * {\n\n --csstools-light-dark-toggle-91c0a5f6-0:\n var(--csstools-color-scheme--light) rgb(38 38 38 / 20%);\n\n --csstools-light-dark-toggle-91c0a5f6-1:\n var(--csstools-color-scheme--light) rgb(38 38 38 / 15%);\n\n --stats-box-shadow:\n 4px -2px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-0, rgb(179 179 179 / 20%)),\n 4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-1, rgb(179 179 179 / 15%));\n --csstools-light-dark-toggle-91c0a5f6-2:\n var(--csstools-color-scheme--light) transparent;\n --csstools-light-dark-toggle-91c0a5f6-3:\n var(--csstools-color-scheme--light) transparent;\n --boxes-shadow:\n -4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-2, rgb(179 179 179 / 15%)),\n 4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-3, rgb(179 179 179 / 18%));\n --csstools-light-dark-toggle-91c0a5f6-4: var(--csstools-color-scheme--light) rgb(179 179 179 / 20%);\n --about-core-values-shadow: 0 4px 15px 0\n var(--csstools-light-dark-toggle-91c0a5f6-4, rgb(179 179 179 / 20%));\n --csstools-light-dark-toggle-91c0a5f6-5: var(--csstools-color-scheme--light) rgb(179 179 179 / 20%);\n --about-team-shadow: 0 4px 15px 0\n var(--csstools-light-dark-toggle-91c0a5f6-5, rgb(179 179 179 / 20%));\n --csstools-light-dark-toggle-91c0a5f6-6:\n var(--csstools-color-scheme--light) rgb(179 179 179 / 25%);\n --csstools-light-dark-toggle-91c0a5f6-7:\n var(--csstools-color-scheme--light) rgb(179 179 179 / 25%);\n --about-journey-shadow:\n 4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-6, rgb(179 179 179 / 25%)),\n 4px 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-7, rgb(179 179 179 / 25%));\n --csstools-light-dark-toggle-91c0a5f6-8: var(--csstools-color-scheme--light) #4e4e4e;\n --about-join-us-border: 1px solid var(--csstools-light-dark-toggle-91c0a5f6-8, transparent);\n\n --csstools-light-dark-toggle-91c0a5f6-9: var(--csstools-color-scheme--light) #1b1b1b;\n\n --header-next-section-bg: var(--csstools-light-dark-toggle-91c0a5f6-9, #f2f2f5);\n --csstools-light-dark-toggle-91c0a5f6-10: var(--csstools-color-scheme--light) #ffffff;\n --header-text-primary: var(--csstools-light-dark-toggle-91c0a5f6-10, #000000);\n --csstools-light-dark-toggle-91c0a5f6-11: var(--csstools-color-scheme--light) #b3b3b3;\n --header-text-secondary: var(--csstools-light-dark-toggle-91c0a5f6-11, #343434);\n --csstools-light-dark-toggle-91c0a5f6-12: var(--csstools-color-scheme--light) #101010;\n --header-bg: var(--csstools-light-dark-toggle-91c0a5f6-12, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-13: var(--csstools-color-scheme--light) #000000;\n --stats-bg: var(--csstools-light-dark-toggle-91c0a5f6-13, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-14: var(--csstools-color-scheme--light) #b3b3b3;\n --stats-text-primary: var(--csstools-light-dark-toggle-91c0a5f6-14, #000000);\n --csstools-light-dark-toggle-91c0a5f6-15: var(--csstools-color-scheme--light) #394035;\n --stats-stat-bg: var(--csstools-light-dark-toggle-91c0a5f6-15, #d7f5dc);\n --csstools-light-dark-toggle-91c0a5f6-16: var(--csstools-color-scheme--light) #8ff295;\n --stats-stat-text: var(--csstools-light-dark-toggle-91c0a5f6-16, #007936);\n --csstools-light-dark-toggle-91c0a5f6-17: var(--csstools-color-scheme--light) #000000;\n --boxes-bg: var(--csstools-light-dark-toggle-91c0a5f6-17, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-18: var(--csstools-color-scheme--light) #4e4e4e;\n --boxes-border: var(--csstools-light-dark-toggle-91c0a5f6-18, none);\n --csstools-light-dark-toggle-91c0a5f6-19: var(--csstools-color-scheme--light) #141e34;\n --boxes-header-bg-1: var(--csstools-light-dark-toggle-91c0a5f6-19, #d5e8fb);\n --csstools-light-dark-toggle-91c0a5f6-20: var(--csstools-color-scheme--light) #9bb6f2;\n --boxes-header-color-1: var(--csstools-light-dark-toggle-91c0a5f6-20, inherit);\n --csstools-light-dark-toggle-91c0a5f6-21: var(--csstools-color-scheme--light) #321d13;\n --boxes-header-bg-2: var(--csstools-light-dark-toggle-91c0a5f6-21, #fbe3d5);\n --csstools-light-dark-toggle-91c0a5f6-22: var(--csstools-color-scheme--light) #e3642a;\n --boxes-header-color-2: var(--csstools-light-dark-toggle-91c0a5f6-22, inherit);\n --csstools-light-dark-toggle-91c0a5f6-23: var(--csstools-color-scheme--light) #343114;\n --boxes-header-bg-3: var(--csstools-light-dark-toggle-91c0a5f6-23, #fbf7d5);\n --csstools-light-dark-toggle-91c0a5f6-24: var(--csstools-color-scheme--light) #d4c53b;\n --boxes-header-color-3: var(--csstools-light-dark-toggle-91c0a5f6-24, inherit);\n --csstools-light-dark-toggle-91c0a5f6-25: var(--csstools-color-scheme--light) #341419;\n --boxes-header-bg-4: var(--csstools-light-dark-toggle-91c0a5f6-25, #fbd5d5);\n --csstools-light-dark-toggle-91c0a5f6-26: var(--csstools-color-scheme--light) #f19ca1;\n --boxes-header-color-4: var(--csstools-light-dark-toggle-91c0a5f6-26, inherit);\n --csstools-light-dark-toggle-91c0a5f6-27: var(--csstools-color-scheme--light) #1d1434;\n --boxes-header-bg-5: var(--csstools-light-dark-toggle-91c0a5f6-27, #dfd5fb);\n --csstools-light-dark-toggle-91c0a5f6-28: var(--csstools-color-scheme--light) #bf94ec;\n --boxes-header-color-5: var(--csstools-light-dark-toggle-91c0a5f6-28, inherit);\n --csstools-light-dark-toggle-91c0a5f6-29: var(--csstools-color-scheme--light) #b3b3b3;\n --boxes-main-color: var(--csstools-light-dark-toggle-91c0a5f6-29, #000000);\n --csstools-light-dark-toggle-91c0a5f6-30: var(--csstools-color-scheme--light) #8ff295;\n --stairs-color: var(--csstools-light-dark-toggle-91c0a5f6-30, #007936);\n --csstools-light-dark-toggle-91c0a5f6-31: var(--csstools-color-scheme--light) #1b1b1b;\n --about-bg-primary: var(--csstools-light-dark-toggle-91c0a5f6-31, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-32: var(--csstools-color-scheme--light) #1b1b1b;\n --about-bg-secondary: var(--csstools-light-dark-toggle-91c0a5f6-32, #f2f2f5);\n --csstools-light-dark-toggle-91c0a5f6-33: var(--csstools-color-scheme--light) #000000;\n --about-join-us-bg: var(--csstools-light-dark-toggle-91c0a5f6-33, #f2f2f5);\n --csstools-light-dark-toggle-91c0a5f6-34: var(--csstools-color-scheme--light) #b3b3b3;\n --about-join-us-color: var(--csstools-light-dark-toggle-91c0a5f6-34, #343434);\n --csstools-light-dark-toggle-91c0a5f6-35: var(--csstools-color-scheme--light) #858585;\n --about-tablist-border: var(--csstools-light-dark-toggle-91c0a5f6-35, #858585);\n --csstools-light-dark-toggle-91c0a5f6-36: var(--csstools-color-scheme--light) #b3b3b3;\n --about-tablist-color: var(--csstools-light-dark-toggle-91c0a5f6-36, rgb(0 0 0 / 60%));\n --csstools-light-dark-toggle-91c0a5f6-37: var(--csstools-color-scheme--light) #8ff295;\n --about-tablist-active-border: var(--csstools-light-dark-toggle-91c0a5f6-37, #007936);\n --csstools-light-dark-toggle-91c0a5f6-38: var(--csstools-color-scheme--light) #ffffff;\n --about-tablist-active-color: var(--csstools-light-dark-toggle-91c0a5f6-38, #000000);\n --csstools-light-dark-toggle-91c0a5f6-39: var(--csstools-color-scheme--light) #b3b3b3;\n --about-color: var(--csstools-light-dark-toggle-91c0a5f6-39, #000000);\n --csstools-light-dark-toggle-91c0a5f6-40: var(--csstools-color-scheme--light) #ffffff;\n --about-heading-color: var(--csstools-light-dark-toggle-91c0a5f6-40, #000000);\n --csstools-light-dark-toggle-91c0a5f6-41: var(--csstools-color-scheme--light) #000000;\n --about-core-values-bg: var(--csstools-light-dark-toggle-91c0a5f6-41, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-42: var(--csstools-color-scheme--light) #007936;\n --about-core-values-bg-secondary: var(--csstools-light-dark-toggle-91c0a5f6-42, #d7f5dc);\n --csstools-light-dark-toggle-91c0a5f6-43: var(--csstools-color-scheme--light) #ffffff;\n --about-core-values-color: var(--csstools-light-dark-toggle-91c0a5f6-43, #000000);\n --csstools-light-dark-toggle-91c0a5f6-44: var(--csstools-color-scheme--light) #8ff295;\n --about-team-title-color: var(--csstools-light-dark-toggle-91c0a5f6-44, #007936);\n --csstools-light-dark-toggle-91c0a5f6-45: var(--csstools-color-scheme--light) #000000;\n --about-team-bg: var(--csstools-light-dark-toggle-91c0a5f6-45, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-46: var(--csstools-color-scheme--light) rgb(0 0 0 / 70%);\n --about-team-github-bg: var(--csstools-light-dark-toggle-91c0a5f6-46, rgb(255 255 255 / 75%));\n --csstools-light-dark-toggle-91c0a5f6-47: var(--csstools-color-scheme--light) #ffffff;\n --about-team-color: var(--csstools-light-dark-toggle-91c0a5f6-47, #000000);\n --csstools-light-dark-toggle-91c0a5f6-48: var(--csstools-color-scheme--light) #8ff295;\n --about-journey-line-color: var(--csstools-light-dark-toggle-91c0a5f6-48, #007936);\n --csstools-light-dark-toggle-91c0a5f6-49: var(--csstools-color-scheme--light) #000000;\n --about-journey-image-border: var(--csstools-light-dark-toggle-91c0a5f6-49, #ffffff);\n }\n}\n.about-container h1,.about-container h2,.about-container h3,.about-container p {\n margin: 0;\n }\n@media (width <= 769px) {\n.about-container {\n --about-section-gap: 3rem;\n}\n }\n@media (769px < width) {\n .about-container h1 {\n font-size: var(--font-size-largest);\n font-weight: var(--font-weight-bold);\n\n line-height: 1.2;\n\n word-break: break-all;\n }\n }\n.about-container > 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:is(.about-container > header) section {\n padding-top: 5rem;\n }\n@media (width <= 769px) {\n:is(.about-container > header) section {\n padding-top: 1rem;\n }\n }\n:is(.about-container > header) h1 {\n margin-bottom: 1rem;\n font-size: var(--font-size-largest);\n color: var(--header-text-primary);\n }\n@media (width <= 769px) {\n:is(.about-container > header) h1 {\n font-size: var(--font-size-larger);\n }\n }\n:is(:is(.about-container > header) h1) + 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 (width <= 769px) {\n:is(:is(.about-container > header) h1) + p {\n font-size: var(--font-size-large);\n }\n }\n:is(.about-container > header) 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:is(.about-container > header) + section {\n margin-top: 4.56rem;\n }\n@media (width <= 769px) {\n:is(.about-container > header) + section {\n margin-top: 2rem;\n }\n }\n:is(.about-container > header) 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 (width <= 769px) {\n:is(.about-container > header) ul {\n flex-wrap: wrap;\n margin-top: 2rem;\n }\n }\n:is(:is(.about-container > header) ul) 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 (width <= 769px) {\n:is(:is(.about-container > header) ul) li {\n flex: 1;\n flex-direction: column;\n\n align-items: center;\n justify-content: flex-start;\n }\n }\n:is(:is(:is(.about-container > header) ul) li) 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.about-container p {\n margin: 0;\n }\n.about-container h2 {\n color: var(--about-heading-color);\n }\n.about-container > section > * {\n min-width: 0;\n }\n.about-container 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:is(.about-container section) h2 {\n margin-bottom: 1rem;\n font-size: var(--font-size-larger);\n font-weight: var(--font-weight-bold);\n }\n:is(.about-container section) mdn-about-tabs {\n position: relative;\n grid-column: 1/-1;\n padding-top: 2rem;\n }\n.about-container .tabpanel {\n scroll-margin-top: calc(var(--sticky-header-height) + 4rem);\n }\n.about-container ol,.about-container ul {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n.about-container 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 (width <= 1200px) {\n.about-container div#our_journey {\n --separator-width: 6rem;\n }\n }\n:is(.about-container div#our_journey) > p {\n margin-bottom: 1rem;\n }\n:is(.about-container div#our_journey) > ul {\n width: var(--list-width);\n margin-top: 3rem;\n border-right: var(--about-journey-line-color) dashed 0.0625rem;\n }\n@media (width <= 992px) {\n:is(.about-container div#our_journey) > ul {\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:is(:is(.about-container div#our_journey) > ul) li {\n position: relative;\n\n min-height: var(--image-height);\n\n padding-right: 2rem;\n margin: 8rem 0;\n }\n:is(:is(:is(.about-container div#our_journey) > ul) li):first-of-type {\n margin-top: 2rem;\n }\n:is(:is(:is(.about-container div#our_journey) > ul) li):last-of-type {\n margin-bottom: 2rem;\n }\n@media (width <= 992px) {\n:is(:is(.about-container div#our_journey) > ul) li {\n padding-left: 2rem;\n }\n }\n:is(:is(:is(.about-container div#our_journey) > ul) li)::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 (width <= 992px) {\n:is(:is(:is(.about-container div#our_journey) > ul) li)::after {\n --dot-height: 2rem;\n right: auto;\n left: calc(var(--dot-height) / -2);\n }\n }\n:is(:is(.about-container div#our_journey) > ul) li:has([id=\"2017\"],[id=\"20232024\"]) {\n min-height: 0;\n }\n:is(:is(.about-container div#our_journey) > ul) h4 {\n position: relative;\n top: -0.75em;\n\n margin: 0;\n\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-bold);\n\n line-height: var(--font-line-normal);\n\n text-decoration-line: underline;\n }\n@media (width <= 992px) {\n:is(:is(.about-container div#our_journey) > ul) h4 {\n margin-bottom: -0.75em;\n font-size: var(--font-size-large);\n }\n }\n:is(:is(:is(.about-container div#our_journey) > ul) h4)::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 -webkit-mask-image: url(\"./assets/line-dot.svg\");\n\n mask-image: url(\"./assets/line-dot.svg\");\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center right;\n mask-position: center right;\n -webkit-mask-size: cover;\n mask-size: cover;\n }\n@media (width <= 992px) {\n:is(:is(:is(.about-container div#our_journey) > ul) h4)::before {\n content: none;\n }\n }\n:is(:is(:is(.about-container div#our_journey) > ul) h4) ~ 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 (width <= 992px) {\n:is(:is(:is(.about-container div#our_journey) > ul) h4) ~ p:last-of-type > img {\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: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 {\n display: block;\n }\n: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 {\n display: block;\n }\n: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 {\n display: block;\n }\n: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 {\n display: block;\n }\n:is(.about-container div#our_journey) h4 {\n font-size: var(--font-line-content);\n font-weight: var(--font-weight-bold);\n }\n:is(.about-container div#our_journey) 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:is(:is(.about-container div#our_journey) mdn-image-history ul) li {\n flex-shrink: 0;\n }\n:is(:is(.about-container div#our_journey) mdn-image-history ul) 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.about-container 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.about-container section[aria-labelledby=\"global_impact\"] {\n display: block;\n margin: var(--about-section-gap) auto;\n }\n@media (992px < width) {\n :is(.about-container section[aria-labelledby=\"global_impact\"]) .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:is(.about-container section[aria-labelledby=\"global_impact\"]) ul {\n margin-top: 1rem;\n --stairs-icon-size: 3.125rem;\n --stairs-step-indent: 3.125rem;\n --stairs-step-gap: 4rem;\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) 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:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) li:not(:last-of-type) {\n margin-bottom: var(--stairs-step-gap);\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) 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 -webkit-mask-image: var(--stairs-icon);\n\n mask-image: var(--stairs-icon);\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-size: 80%;\n mask-size: 80%;\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) 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 -webkit-mask: url(\"./assets/lines.svg\");\n\n mask: url(\"./assets/lines.svg\");\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-size: contain;\n mask-size: contain;\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) li:nth-child(1) {\n --nth-child: 1;\n --stairs-icon: url(\"./assets/education.svg\");\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) li:nth-child(2) {\n --nth-child: 2;\n --stairs-icon: url(\"./assets/text-box-check-outline.svg\");\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) li:nth-child(3) {\n --nth-child: 3;\n --stairs-icon: url(\"./assets/web-check.svg\");\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) li:nth-child(4) {\n --nth-child: 4;\n --stairs-icon: url(\"./assets/handshake.svg\");\n }\n@media (width <= 769px) {\n :is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) li {\n --stairs-step-indent: 0;\n --stairs-padding-left: var(--stairs-icon-size);\n --stairs-step-gap: 1rem;\n }\n }\n.about-container 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 (width <= 769px) {\n.about-container section[aria-labelledby=\"join_us_in_building_a_better_web\"] {\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.about-container 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 (769px < width) {\n.about-container div#what_we_offer ul {\n gap: 5rem;\n }\n }\n:is(.about-container div#what_we_offer ul) 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 --csstools-light-dark-toggle-91c0a5f6-50:\n var(--csstools-color-scheme--light) transparent;\n --csstools-light-dark-toggle-91c0a5f6-51:\n var(--csstools-color-scheme--light) transparent;\n box-shadow:\n -4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-50, rgb(179 179 179 / 15%)),\n 4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-51, rgb(179 179 179 / 18%));\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:is(:is(.about-container div#what_we_offer ul) li) h4 {\n align-self: stretch;\n\n padding: 1.5rem;\n margin: -1.5rem -1.5rem 0;\n\n font-size: var(--font-size-large);\n font-weight: 500;\n\n color: var(--boxes-header-color);\n\n background: var(--boxes-header-bg);\n border-radius: 0.5rem 0.5rem 0 0;\n }\n:is(.about-container div#what_we_offer ul) li:first-of-type {\n --boxes-header-bg: var(--boxes-header-bg-1);\n --boxes-header-color: var(--boxes-header-color-1);\n }\n:is(.about-container div#what_we_offer ul) 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:is(.about-container div#what_we_offer ul) 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:is(.about-container div#what_we_offer ul) 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:is(.about-container div#what_we_offer ul) 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:is(.about-container div#our_core_values) li {\n color: var(--about-core-values-color);\n border-radius: 0.5rem;\n }\n:is(:is(.about-container div#our_core_values) li) h4 {\n margin: 0;\n margin-bottom: 0.5rem;\n\n font-size: var(--font-size-normal);\n font-weight: var(--font-weight-bold);\n\n color: var(--about-core-values-color);\n\n letter-spacing: -0.0313rem;\n }\n:is(:is(.about-container div#our_core_values) li):not(:last-of-type) {\n padding: 2rem;\n margin: 1rem auto;\n background: var(--about-core-values-bg-secondary);\n }\n:is(:is(.about-container div#our_core_values) li):not(:last-of-type) 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:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4) {\n background-image: url(\"./assets/accurate-sm.svg\");\n }\n#collaborative_and_community-driven:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4) {\n background-image: url(\"./assets/collaborative-sm.svg\");\n }\n#inclusive_and_dynamic:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4) {\n background-image: url(\"./assets/inclusive-sm.svg\");\n }\n:is(:is(.about-container div#our_core_values) li):last-of-type {\n padding: 2rem;\n margin-top: 2rem;\n background: var(--about-core-values-bg);\n }\n@media (992px < width) {\n:is(.about-container div#our_core_values) li {\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\n :is(:is(.about-container div#our_core_values) li) h4 {\n max-width: 70%;\n margin: 0;\n font-size: var(--font-line-content);\n }\n\n :is(:is(.about-container div#our_core_values) li) p {\n margin-left: var(--gutter);\n }\n\n :is(:is(.about-container div#our_core_values) li):not(:last-of-type) {\n margin: 0 auto;\n background: var(--about-core-values-bg);\n }\n\n :is(:is(.about-container div#our_core_values) li):not(:last-of-type):not(:first-of-type) {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n :is(:is(.about-container div#our_core_values) li):not(:last-of-type):not(:nth-last-of-type(2)) {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n :is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4 {\n --icon-size: 60px;\n align-self: center;\n }\n\n #accurate_and_reliable:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4) {\n background-image: url(\"./assets/accurate.svg\");\n }\n\n #collaborative_and_community-driven:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4) {\n background-image: url(\"./assets/collaborative.svg\");\n }\n\n #inclusive_and_dynamic:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4) {\n background-image: url(\"./assets/inclusive.svg\");\n }\n\n :is(:is(.about-container div#our_core_values) li):not(:last-of-type) p {\n padding: 2rem;\n background: var(--about-core-values-bg-secondary);\n border-radius: 0.5rem;\n }\n :is(:is(.about-container div#our_core_values) li):nth-of-type(even):not(:last-of-type) h4 {\n grid-column: right;\n margin: 0 auto;\n }\n\n :is(:is(.about-container div#our_core_values) li):nth-of-type(even):not(:last-of-type) p {\n grid-column: left;\n margin-right: var(--gutter);\n margin-left: 0;\n }\n\n :is(:is(.about-container div#our_core_values) li):last-of-type {\n margin-top: 4rem;\n }\n }\n.about-container div#our_team,.about-container 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:is(.about-container div#our_team,.about-container div#our_partners > div) > * {\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: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 {\n grid-column: full;\n }\n: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 {\n margin-top: 0;\n }\n: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 {\n margin-bottom: 0;\n }\n: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 {\n font-size: var(--font-line-content);\n font-weight: var(--font-weight-bold);\n text-transform: none;\n }\n@media (width <= 769px) {\n :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 {\n font-size: var(--font-size-normal);\n }\n }\n@media (width <= 992px) {\n.about-container div#our_team,.about-container div#our_partners > div {\n --team-grid-gap: 2rem;\n grid-template-columns: [full-start] 1fr 1fr [full-end];\n }\n\n :is(.about-container div#our_team,.about-container div#our_partners > div) ul li:nth-of-type(3):not(:last-of-type) {\n grid-area: picture;\n align-self: end;\n }\n\n :is(:is(.about-container div#our_team,.about-container div#our_partners > div) ul li:nth-of-type(3):not(:last-of-type)) a {\n position: absolute;\n }\n }\n:is(.about-container div#our_team,.about-container div#our_partners > div) 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 -webkit-user-select: none;\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 (width <= 426px) {\n:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member {\n grid-column: full;\n }\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member):hover {\n border-color: var(--color-border-primary);\n }\n: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 {\n grid-area: name;\n margin: 0;\n margin-bottom: 0.5rem;\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) ul {\n display: contents;\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) li:first-of-type {\n grid-area: title;\n\n margin-bottom: 0.75rem;\n\n font-weight: var(--font-weight-bold);\n\n color: var(--about-team-title-color);\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) li:nth-of-type(2) {\n grid-area: picture;\n }\n: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) {\n grid-area: picture;\n align-self: end;\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) 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:is(:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) li:last-of-type)::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 -webkit-mask-image: linear-gradient(to right, transparent, #000000 75%);\n\n mask-image: linear-gradient(to right, transparent, #000000 75%);\n }\n[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 {\n right: initial;\n left: 0;\n -webkit-mask-image: linear-gradient(to left, transparent, #000000 75%);\n mask-image: linear-gradient(to left, transparent, #000000 75%);\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) img {\n width: 100%;\n aspect-ratio: 1;\n margin-bottom: 0.75rem;\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) a[href^=\"https://github.com\"] {\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:is(:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) a[href^=\"https://github.com\"])::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 -webkit-mask-image: url(\"./assets/github-mark-small.svg\");\n\n mask-image: url(\"./assets/github-mark-small.svg\");\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member):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 -webkit-user-select: auto;\n user-select: auto;\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member):focus-within li:last-of-type {\n max-height: unset;\n }\n: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 {\n display: none;\n }\n@media (width <= 426px) {\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member):focus-within {\n grid-template-areas: \"name\" \"title\" \"picture\" \"bio\";\n grid-template-columns: 1fr;\n }\n\n :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) {\n grid-area: picture;\n align-self: end;\n }\n\n :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 {\n position: absolute;\n }\n }\n.about-container #our_partners > div {\n margin-top: 2.5rem;\n }\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles-generic-about.8856856e6f4b7e46.css","sources":["webpack://@mdn/fred/./components/generic-about/server.css"],"sourcesContent":["/* variables local to the about page */\n.about-container {\n --max-width: 74rem;\n --gutter: 1rem;\n --about-stats-height: 5.75rem;\n --about-section-gap: 5rem;\n --inner-width: calc(min(var(--max-width), 100vw) - 2 * var(--gutter));\n\n --about-join-us-image: url(\"./assets/building.svg\");\n}\n@media (prefers-color-scheme: dark) {\n.about-container {\n --about-join-us-image: url(\"./assets/building-dark.svg\");\n}\n}\n[data-theme=\"light\"] .about-container {\n --about-join-us-image: url(\"./assets/building.svg\");\n}\n[data-theme=\"dark\"] .about-container {\n --about-join-us-image: url(\"./assets/building-dark.svg\");\n}\n.about-container {\n --about-journey-dot: url(\"./assets/dot.svg\");\n}\n@media (prefers-color-scheme: dark) {\n.about-container {\n --about-journey-dot: url(\"./assets/dot-dark.svg\");\n}\n}\n[data-theme=\"light\"] .about-container {\n --about-journey-dot: url(\"./assets/dot.svg\");\n}\n[data-theme=\"dark\"] .about-container {\n --about-journey-dot: url(\"./assets/dot-dark.svg\");\n}\n.about-container {\n --about-global-impact-image: url(\"./assets/global-impact.svg\");\n}\n@media (prefers-color-scheme: dark) {\n.about-container {\n --about-global-impact-image: url(\"./assets/global-impact-dark.svg\");\n}\n}\n[data-theme=\"light\"] .about-container {\n --about-global-impact-image: url(\"./assets/global-impact.svg\");\n}\n[data-theme=\"dark\"] .about-container {\n --about-global-impact-image: url(\"./assets/global-impact-dark.svg\");\n}\n.about-container {\n\n --csstools-light-dark-toggle-91c0a5f6-0:\n var(--csstools-color-scheme--light) rgb(38 38 38 / 20%);\n\n --csstools-light-dark-toggle-91c0a5f6-1:\n var(--csstools-color-scheme--light) rgb(38 38 38 / 15%);\n\n --stats-box-shadow:\n 4px -2px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-0, rgb(179 179 179 / 20%)),\n 4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-1, rgb(179 179 179 / 15%));\n --csstools-light-dark-toggle-91c0a5f6-2:\n var(--csstools-color-scheme--light) transparent;\n --csstools-light-dark-toggle-91c0a5f6-3:\n var(--csstools-color-scheme--light) transparent;\n --boxes-shadow:\n -4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-2, rgb(179 179 179 / 15%)),\n 4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-3, rgb(179 179 179 / 18%));\n --csstools-light-dark-toggle-91c0a5f6-4: var(--csstools-color-scheme--light) rgb(179 179 179 / 20%);\n --about-core-values-shadow: 0 4px 15px 0\n var(--csstools-light-dark-toggle-91c0a5f6-4, rgb(179 179 179 / 20%));\n --csstools-light-dark-toggle-91c0a5f6-5: var(--csstools-color-scheme--light) rgb(179 179 179 / 20%);\n --about-team-shadow: 0 4px 15px 0\n var(--csstools-light-dark-toggle-91c0a5f6-5, rgb(179 179 179 / 20%));\n --csstools-light-dark-toggle-91c0a5f6-6:\n var(--csstools-color-scheme--light) rgb(179 179 179 / 25%);\n --csstools-light-dark-toggle-91c0a5f6-7:\n var(--csstools-color-scheme--light) rgb(179 179 179 / 25%);\n --about-journey-shadow:\n 4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-6, rgb(179 179 179 / 25%)),\n 4px 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-7, rgb(179 179 179 / 25%));\n --csstools-light-dark-toggle-91c0a5f6-8: var(--csstools-color-scheme--light) #4e4e4e;\n --about-join-us-border: 1px solid var(--csstools-light-dark-toggle-91c0a5f6-8, transparent);\n\n --csstools-light-dark-toggle-91c0a5f6-9: var(--csstools-color-scheme--light) #1b1b1b;\n\n --header-next-section-bg: var(--csstools-light-dark-toggle-91c0a5f6-9, #f2f2f5);\n --csstools-light-dark-toggle-91c0a5f6-10: var(--csstools-color-scheme--light) #ffffff;\n --header-text-primary: var(--csstools-light-dark-toggle-91c0a5f6-10, #000000);\n --csstools-light-dark-toggle-91c0a5f6-11: var(--csstools-color-scheme--light) #b3b3b3;\n --header-text-secondary: var(--csstools-light-dark-toggle-91c0a5f6-11, #343434);\n --csstools-light-dark-toggle-91c0a5f6-12: var(--csstools-color-scheme--light) #101010;\n --header-bg: var(--csstools-light-dark-toggle-91c0a5f6-12, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-13: var(--csstools-color-scheme--light) #000000;\n --stats-bg: var(--csstools-light-dark-toggle-91c0a5f6-13, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-14: var(--csstools-color-scheme--light) #b3b3b3;\n --stats-text-primary: var(--csstools-light-dark-toggle-91c0a5f6-14, #000000);\n --csstools-light-dark-toggle-91c0a5f6-15: var(--csstools-color-scheme--light) #394035;\n --stats-stat-bg: var(--csstools-light-dark-toggle-91c0a5f6-15, #d7f5dc);\n --csstools-light-dark-toggle-91c0a5f6-16: var(--csstools-color-scheme--light) #8ff295;\n --stats-stat-text: var(--csstools-light-dark-toggle-91c0a5f6-16, #007936);\n --csstools-light-dark-toggle-91c0a5f6-17: var(--csstools-color-scheme--light) #000000;\n --boxes-bg: var(--csstools-light-dark-toggle-91c0a5f6-17, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-18: var(--csstools-color-scheme--light) #4e4e4e;\n --boxes-border: var(--csstools-light-dark-toggle-91c0a5f6-18, none);\n --csstools-light-dark-toggle-91c0a5f6-19: var(--csstools-color-scheme--light) #141e34;\n --boxes-header-bg-1: var(--csstools-light-dark-toggle-91c0a5f6-19, #d5e8fb);\n --csstools-light-dark-toggle-91c0a5f6-20: var(--csstools-color-scheme--light) #9bb6f2;\n --boxes-header-color-1: var(--csstools-light-dark-toggle-91c0a5f6-20, inherit);\n --csstools-light-dark-toggle-91c0a5f6-21: var(--csstools-color-scheme--light) #321d13;\n --boxes-header-bg-2: var(--csstools-light-dark-toggle-91c0a5f6-21, #fbe3d5);\n --csstools-light-dark-toggle-91c0a5f6-22: var(--csstools-color-scheme--light) #e3642a;\n --boxes-header-color-2: var(--csstools-light-dark-toggle-91c0a5f6-22, inherit);\n --csstools-light-dark-toggle-91c0a5f6-23: var(--csstools-color-scheme--light) #343114;\n --boxes-header-bg-3: var(--csstools-light-dark-toggle-91c0a5f6-23, #fbf7d5);\n --csstools-light-dark-toggle-91c0a5f6-24: var(--csstools-color-scheme--light) #d4c53b;\n --boxes-header-color-3: var(--csstools-light-dark-toggle-91c0a5f6-24, inherit);\n --csstools-light-dark-toggle-91c0a5f6-25: var(--csstools-color-scheme--light) #341419;\n --boxes-header-bg-4: var(--csstools-light-dark-toggle-91c0a5f6-25, #fbd5d5);\n --csstools-light-dark-toggle-91c0a5f6-26: var(--csstools-color-scheme--light) #f19ca1;\n --boxes-header-color-4: var(--csstools-light-dark-toggle-91c0a5f6-26, inherit);\n --csstools-light-dark-toggle-91c0a5f6-27: var(--csstools-color-scheme--light) #1d1434;\n --boxes-header-bg-5: var(--csstools-light-dark-toggle-91c0a5f6-27, #dfd5fb);\n --csstools-light-dark-toggle-91c0a5f6-28: var(--csstools-color-scheme--light) #bf94ec;\n --boxes-header-color-5: var(--csstools-light-dark-toggle-91c0a5f6-28, inherit);\n --csstools-light-dark-toggle-91c0a5f6-29: var(--csstools-color-scheme--light) #b3b3b3;\n --boxes-main-color: var(--csstools-light-dark-toggle-91c0a5f6-29, #000000);\n --csstools-light-dark-toggle-91c0a5f6-30: var(--csstools-color-scheme--light) #8ff295;\n --stairs-color: var(--csstools-light-dark-toggle-91c0a5f6-30, #007936);\n --csstools-light-dark-toggle-91c0a5f6-31: var(--csstools-color-scheme--light) #1b1b1b;\n --about-bg-primary: var(--csstools-light-dark-toggle-91c0a5f6-31, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-32: var(--csstools-color-scheme--light) #1b1b1b;\n --about-bg-secondary: var(--csstools-light-dark-toggle-91c0a5f6-32, #f2f2f5);\n --csstools-light-dark-toggle-91c0a5f6-33: var(--csstools-color-scheme--light) #000000;\n --about-join-us-bg: var(--csstools-light-dark-toggle-91c0a5f6-33, #f2f2f5);\n --csstools-light-dark-toggle-91c0a5f6-34: var(--csstools-color-scheme--light) #b3b3b3;\n --about-join-us-color: var(--csstools-light-dark-toggle-91c0a5f6-34, #343434);\n --csstools-light-dark-toggle-91c0a5f6-35: var(--csstools-color-scheme--light) #858585;\n --about-tablist-border: var(--csstools-light-dark-toggle-91c0a5f6-35, #858585);\n --csstools-light-dark-toggle-91c0a5f6-36: var(--csstools-color-scheme--light) #b3b3b3;\n --about-tablist-color: var(--csstools-light-dark-toggle-91c0a5f6-36, rgb(0 0 0 / 60%));\n --csstools-light-dark-toggle-91c0a5f6-37: var(--csstools-color-scheme--light) #8ff295;\n --about-tablist-active-border: var(--csstools-light-dark-toggle-91c0a5f6-37, #007936);\n --csstools-light-dark-toggle-91c0a5f6-38: var(--csstools-color-scheme--light) #ffffff;\n --about-tablist-active-color: var(--csstools-light-dark-toggle-91c0a5f6-38, #000000);\n --csstools-light-dark-toggle-91c0a5f6-39: var(--csstools-color-scheme--light) #b3b3b3;\n --about-color: var(--csstools-light-dark-toggle-91c0a5f6-39, #000000);\n --csstools-light-dark-toggle-91c0a5f6-40: var(--csstools-color-scheme--light) #ffffff;\n --about-heading-color: var(--csstools-light-dark-toggle-91c0a5f6-40, #000000);\n --csstools-light-dark-toggle-91c0a5f6-41: var(--csstools-color-scheme--light) #000000;\n --about-core-values-bg: var(--csstools-light-dark-toggle-91c0a5f6-41, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-42: var(--csstools-color-scheme--light) #007936;\n --about-core-values-bg-secondary: var(--csstools-light-dark-toggle-91c0a5f6-42, #d7f5dc);\n --csstools-light-dark-toggle-91c0a5f6-43: var(--csstools-color-scheme--light) #ffffff;\n --about-core-values-color: var(--csstools-light-dark-toggle-91c0a5f6-43, #000000);\n --csstools-light-dark-toggle-91c0a5f6-44: var(--csstools-color-scheme--light) #8ff295;\n --about-team-title-color: var(--csstools-light-dark-toggle-91c0a5f6-44, #007936);\n --csstools-light-dark-toggle-91c0a5f6-45: var(--csstools-color-scheme--light) #000000;\n --about-team-bg: var(--csstools-light-dark-toggle-91c0a5f6-45, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-46: var(--csstools-color-scheme--light) rgb(0 0 0 / 70%);\n --about-team-github-bg: var(--csstools-light-dark-toggle-91c0a5f6-46, rgb(255 255 255 / 75%));\n --csstools-light-dark-toggle-91c0a5f6-47: var(--csstools-color-scheme--light) #ffffff;\n --about-team-color: var(--csstools-light-dark-toggle-91c0a5f6-47, #000000);\n --csstools-light-dark-toggle-91c0a5f6-48: var(--csstools-color-scheme--light) #8ff295;\n --about-journey-line-color: var(--csstools-light-dark-toggle-91c0a5f6-48, #007936);\n --csstools-light-dark-toggle-91c0a5f6-49: var(--csstools-color-scheme--light) #000000;\n --about-journey-image-border: var(--csstools-light-dark-toggle-91c0a5f6-49, #ffffff);\n\n --center-padding: max(\n calc((100vw - var(--max-width)) / 2 + var(--gutter)),\n var(--gutter)\n );\n\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@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {\n.about-container {\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}\n}\n@supports (color: light-dark(red, red)) {\n.about-container {\n --about-join-us-border: 1px solid light-dark(transparent, #4e4e4e);\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}\n}\n@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {\n.about-container {\n --about-tablist-color: light-dark(rgb(0 0 0 / 60%), #b3b3b3);\n}\n}\n@supports (color: light-dark(red, red)) {\n.about-container {\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}\n}\n@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {\n.about-container {\n --about-team-github-bg: light-dark(rgb(255 255 255 / 75%), rgb(0 0 0 / 70%));\n}\n}\n@supports (color: light-dark(red, red)) {\n.about-container {\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}\n@supports not (color: light-dark(tan, tan)) {\n.about-container * {\n\n --csstools-light-dark-toggle-91c0a5f6-0:\n var(--csstools-color-scheme--light) rgb(38 38 38 / 20%);\n\n --csstools-light-dark-toggle-91c0a5f6-1:\n var(--csstools-color-scheme--light) rgb(38 38 38 / 15%);\n\n --stats-box-shadow:\n 4px -2px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-0, rgb(179 179 179 / 20%)),\n 4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-1, rgb(179 179 179 / 15%));\n --csstools-light-dark-toggle-91c0a5f6-2:\n var(--csstools-color-scheme--light) transparent;\n --csstools-light-dark-toggle-91c0a5f6-3:\n var(--csstools-color-scheme--light) transparent;\n --boxes-shadow:\n -4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-2, rgb(179 179 179 / 15%)),\n 4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-3, rgb(179 179 179 / 18%));\n --csstools-light-dark-toggle-91c0a5f6-4: var(--csstools-color-scheme--light) rgb(179 179 179 / 20%);\n --about-core-values-shadow: 0 4px 15px 0\n var(--csstools-light-dark-toggle-91c0a5f6-4, rgb(179 179 179 / 20%));\n --csstools-light-dark-toggle-91c0a5f6-5: var(--csstools-color-scheme--light) rgb(179 179 179 / 20%);\n --about-team-shadow: 0 4px 15px 0\n var(--csstools-light-dark-toggle-91c0a5f6-5, rgb(179 179 179 / 20%));\n --csstools-light-dark-toggle-91c0a5f6-6:\n var(--csstools-color-scheme--light) rgb(179 179 179 / 25%);\n --csstools-light-dark-toggle-91c0a5f6-7:\n var(--csstools-color-scheme--light) rgb(179 179 179 / 25%);\n --about-journey-shadow:\n 4px -4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-6, rgb(179 179 179 / 25%)),\n 4px 4px 15px 0 var(--csstools-light-dark-toggle-91c0a5f6-7, rgb(179 179 179 / 25%));\n --csstools-light-dark-toggle-91c0a5f6-8: var(--csstools-color-scheme--light) #4e4e4e;\n --about-join-us-border: 1px solid var(--csstools-light-dark-toggle-91c0a5f6-8, transparent);\n\n --csstools-light-dark-toggle-91c0a5f6-9: var(--csstools-color-scheme--light) #1b1b1b;\n\n --header-next-section-bg: var(--csstools-light-dark-toggle-91c0a5f6-9, #f2f2f5);\n --csstools-light-dark-toggle-91c0a5f6-10: var(--csstools-color-scheme--light) #ffffff;\n --header-text-primary: var(--csstools-light-dark-toggle-91c0a5f6-10, #000000);\n --csstools-light-dark-toggle-91c0a5f6-11: var(--csstools-color-scheme--light) #b3b3b3;\n --header-text-secondary: var(--csstools-light-dark-toggle-91c0a5f6-11, #343434);\n --csstools-light-dark-toggle-91c0a5f6-12: var(--csstools-color-scheme--light) #101010;\n --header-bg: var(--csstools-light-dark-toggle-91c0a5f6-12, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-13: var(--csstools-color-scheme--light) #000000;\n --stats-bg: var(--csstools-light-dark-toggle-91c0a5f6-13, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-14: var(--csstools-color-scheme--light) #b3b3b3;\n --stats-text-primary: var(--csstools-light-dark-toggle-91c0a5f6-14, #000000);\n --csstools-light-dark-toggle-91c0a5f6-15: var(--csstools-color-scheme--light) #394035;\n --stats-stat-bg: var(--csstools-light-dark-toggle-91c0a5f6-15, #d7f5dc);\n --csstools-light-dark-toggle-91c0a5f6-16: var(--csstools-color-scheme--light) #8ff295;\n --stats-stat-text: var(--csstools-light-dark-toggle-91c0a5f6-16, #007936);\n --csstools-light-dark-toggle-91c0a5f6-17: var(--csstools-color-scheme--light) #000000;\n --boxes-bg: var(--csstools-light-dark-toggle-91c0a5f6-17, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-18: var(--csstools-color-scheme--light) #4e4e4e;\n --boxes-border: var(--csstools-light-dark-toggle-91c0a5f6-18, none);\n --csstools-light-dark-toggle-91c0a5f6-19: var(--csstools-color-scheme--light) #141e34;\n --boxes-header-bg-1: var(--csstools-light-dark-toggle-91c0a5f6-19, #d5e8fb);\n --csstools-light-dark-toggle-91c0a5f6-20: var(--csstools-color-scheme--light) #9bb6f2;\n --boxes-header-color-1: var(--csstools-light-dark-toggle-91c0a5f6-20, inherit);\n --csstools-light-dark-toggle-91c0a5f6-21: var(--csstools-color-scheme--light) #321d13;\n --boxes-header-bg-2: var(--csstools-light-dark-toggle-91c0a5f6-21, #fbe3d5);\n --csstools-light-dark-toggle-91c0a5f6-22: var(--csstools-color-scheme--light) #e3642a;\n --boxes-header-color-2: var(--csstools-light-dark-toggle-91c0a5f6-22, inherit);\n --csstools-light-dark-toggle-91c0a5f6-23: var(--csstools-color-scheme--light) #343114;\n --boxes-header-bg-3: var(--csstools-light-dark-toggle-91c0a5f6-23, #fbf7d5);\n --csstools-light-dark-toggle-91c0a5f6-24: var(--csstools-color-scheme--light) #d4c53b;\n --boxes-header-color-3: var(--csstools-light-dark-toggle-91c0a5f6-24, inherit);\n --csstools-light-dark-toggle-91c0a5f6-25: var(--csstools-color-scheme--light) #341419;\n --boxes-header-bg-4: var(--csstools-light-dark-toggle-91c0a5f6-25, #fbd5d5);\n --csstools-light-dark-toggle-91c0a5f6-26: var(--csstools-color-scheme--light) #f19ca1;\n --boxes-header-color-4: var(--csstools-light-dark-toggle-91c0a5f6-26, inherit);\n --csstools-light-dark-toggle-91c0a5f6-27: var(--csstools-color-scheme--light) #1d1434;\n --boxes-header-bg-5: var(--csstools-light-dark-toggle-91c0a5f6-27, #dfd5fb);\n --csstools-light-dark-toggle-91c0a5f6-28: var(--csstools-color-scheme--light) #bf94ec;\n --boxes-header-color-5: var(--csstools-light-dark-toggle-91c0a5f6-28, inherit);\n --csstools-light-dark-toggle-91c0a5f6-29: var(--csstools-color-scheme--light) #b3b3b3;\n --boxes-main-color: var(--csstools-light-dark-toggle-91c0a5f6-29, #000000);\n --csstools-light-dark-toggle-91c0a5f6-30: var(--csstools-color-scheme--light) #8ff295;\n --stairs-color: var(--csstools-light-dark-toggle-91c0a5f6-30, #007936);\n --csstools-light-dark-toggle-91c0a5f6-31: var(--csstools-color-scheme--light) #1b1b1b;\n --about-bg-primary: var(--csstools-light-dark-toggle-91c0a5f6-31, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-32: var(--csstools-color-scheme--light) #1b1b1b;\n --about-bg-secondary: var(--csstools-light-dark-toggle-91c0a5f6-32, #f2f2f5);\n --csstools-light-dark-toggle-91c0a5f6-33: var(--csstools-color-scheme--light) #000000;\n --about-join-us-bg: var(--csstools-light-dark-toggle-91c0a5f6-33, #f2f2f5);\n --csstools-light-dark-toggle-91c0a5f6-34: var(--csstools-color-scheme--light) #b3b3b3;\n --about-join-us-color: var(--csstools-light-dark-toggle-91c0a5f6-34, #343434);\n --csstools-light-dark-toggle-91c0a5f6-35: var(--csstools-color-scheme--light) #858585;\n --about-tablist-border: var(--csstools-light-dark-toggle-91c0a5f6-35, #858585);\n --csstools-light-dark-toggle-91c0a5f6-36: var(--csstools-color-scheme--light) #b3b3b3;\n --about-tablist-color: var(--csstools-light-dark-toggle-91c0a5f6-36, rgb(0 0 0 / 60%));\n --csstools-light-dark-toggle-91c0a5f6-37: var(--csstools-color-scheme--light) #8ff295;\n --about-tablist-active-border: var(--csstools-light-dark-toggle-91c0a5f6-37, #007936);\n --csstools-light-dark-toggle-91c0a5f6-38: var(--csstools-color-scheme--light) #ffffff;\n --about-tablist-active-color: var(--csstools-light-dark-toggle-91c0a5f6-38, #000000);\n --csstools-light-dark-toggle-91c0a5f6-39: var(--csstools-color-scheme--light) #b3b3b3;\n --about-color: var(--csstools-light-dark-toggle-91c0a5f6-39, #000000);\n --csstools-light-dark-toggle-91c0a5f6-40: var(--csstools-color-scheme--light) #ffffff;\n --about-heading-color: var(--csstools-light-dark-toggle-91c0a5f6-40, #000000);\n --csstools-light-dark-toggle-91c0a5f6-41: var(--csstools-color-scheme--light) #000000;\n --about-core-values-bg: var(--csstools-light-dark-toggle-91c0a5f6-41, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-42: var(--csstools-color-scheme--light) #007936;\n --about-core-values-bg-secondary: var(--csstools-light-dark-toggle-91c0a5f6-42, #d7f5dc);\n --csstools-light-dark-toggle-91c0a5f6-43: var(--csstools-color-scheme--light) #ffffff;\n --about-core-values-color: var(--csstools-light-dark-toggle-91c0a5f6-43, #000000);\n --csstools-light-dark-toggle-91c0a5f6-44: var(--csstools-color-scheme--light) #8ff295;\n --about-team-title-color: var(--csstools-light-dark-toggle-91c0a5f6-44, #007936);\n --csstools-light-dark-toggle-91c0a5f6-45: var(--csstools-color-scheme--light) #000000;\n --about-team-bg: var(--csstools-light-dark-toggle-91c0a5f6-45, #ffffff);\n --csstools-light-dark-toggle-91c0a5f6-46: var(--csstools-color-scheme--light) rgb(0 0 0 / 70%);\n --about-team-github-bg: var(--csstools-light-dark-toggle-91c0a5f6-46, rgb(255 255 255 / 75%));\n --csstools-light-dark-toggle-91c0a5f6-47: var(--csstools-color-scheme--light) #ffffff;\n --about-team-color: var(--csstools-light-dark-toggle-91c0a5f6-47, #000000);\n --csstools-light-dark-toggle-91c0a5f6-48: var(--csstools-color-scheme--light) #8ff295;\n --about-journey-line-color: var(--csstools-light-dark-toggle-91c0a5f6-48, #007936);\n --csstools-light-dark-toggle-91c0a5f6-49: var(--csstools-color-scheme--light) #000000;\n --about-journey-image-border: var(--csstools-light-dark-toggle-91c0a5f6-49, #ffffff);\n }\n}\n.about-container h1,.about-container h2,.about-container h3,.about-container p {\n margin: 0;\n }\n@media (width <= 769px) {\n.about-container {\n --about-section-gap: 3rem;\n}\n }\n@media (width > 769px) {\n .about-container h1 {\n font-size: var(--font-size-largest);\n font-weight: var(--font-weight-bold);\n\n line-height: 1.2;\n\n word-break: break-all;\n }\n }\n.about-container > 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:is(.about-container > header) section {\n padding-top: 5rem;\n }\n@media (width <= 769px) {\n:is(.about-container > header) section {\n padding-top: 1rem;\n }\n }\n:is(.about-container > header) h1 {\n margin-bottom: 1rem;\n font-size: var(--font-size-largest);\n color: var(--header-text-primary);\n }\n@media (width <= 769px) {\n:is(.about-container > header) h1 {\n font-size: var(--font-size-larger);\n }\n }\n:is(:is(.about-container > header) h1) + 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 (width <= 769px) {\n:is(:is(.about-container > header) h1) + p {\n font-size: var(--font-size-large);\n }\n }\n:is(.about-container > header) 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:is(.about-container > header) + section {\n margin-top: 4.56rem;\n }\n@media (width <= 769px) {\n:is(.about-container > header) + section {\n margin-top: 2rem;\n }\n }\n:is(.about-container > header) 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 (width <= 769px) {\n:is(.about-container > header) ul {\n flex-wrap: wrap;\n margin-top: 2rem;\n }\n }\n:is(:is(.about-container > header) ul) 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 (width <= 769px) {\n:is(:is(.about-container > header) ul) li {\n flex: 1;\n flex-direction: column;\n\n align-items: center;\n justify-content: flex-start;\n }\n }\n:is(:is(:is(.about-container > header) ul) li) 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.about-container p {\n margin: 0;\n }\n.about-container h2 {\n color: var(--about-heading-color);\n }\n.about-container > section > * {\n min-width: 0;\n }\n.about-container 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:is(.about-container section) h2 {\n margin-bottom: 1rem;\n font-size: var(--font-size-larger);\n font-weight: var(--font-weight-bold);\n }\n:is(.about-container section) mdn-about-tabs {\n position: relative;\n grid-column: 1/-1;\n padding-top: 2rem;\n }\n.about-container .tabpanel {\n scroll-margin-top: calc(var(--sticky-header-height) + 4rem);\n }\n.about-container ol,.about-container ul {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n.about-container 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 (width <= 1200px) {\n.about-container div#our_journey {\n --separator-width: 6rem;\n }\n }\n:is(.about-container div#our_journey) > p {\n margin-bottom: 1rem;\n }\n:is(.about-container div#our_journey) > ul {\n width: var(--list-width);\n margin-top: 3rem;\n border-right: var(--about-journey-line-color) dashed 0.0625rem;\n }\n@media (width <= 992px) {\n:is(.about-container div#our_journey) > ul {\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:is(:is(.about-container div#our_journey) > ul) li {\n position: relative;\n\n min-height: var(--image-height);\n\n padding-right: 2rem;\n margin: 8rem 0;\n }\n:is(:is(:is(.about-container div#our_journey) > ul) li):first-of-type {\n margin-top: 2rem;\n }\n:is(:is(:is(.about-container div#our_journey) > ul) li):last-of-type {\n margin-bottom: 2rem;\n }\n@media (width <= 992px) {\n:is(:is(.about-container div#our_journey) > ul) li {\n padding-left: 2rem;\n }\n }\n:is(:is(:is(.about-container div#our_journey) > ul) li)::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 (width <= 992px) {\n:is(:is(:is(.about-container div#our_journey) > ul) li)::after {\n --dot-height: 2rem;\n right: auto;\n left: calc(var(--dot-height) / -2);\n }\n }\n:is(:is(.about-container div#our_journey) > ul) li:has([id=\"2017\"],[id=\"20232024\"]) {\n min-height: 0;\n }\n:is(:is(.about-container div#our_journey) > ul) h4 {\n position: relative;\n top: -0.75em;\n\n margin: 0;\n\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-bold);\n\n line-height: var(--font-line-normal);\n\n text-decoration-line: underline;\n }\n@media (width <= 992px) {\n:is(:is(.about-container div#our_journey) > ul) h4 {\n margin-bottom: -0.75em;\n font-size: var(--font-size-large);\n }\n }\n:is(:is(:is(.about-container div#our_journey) > ul) h4)::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 -webkit-mask-image: url(\"./assets/line-dot.svg\");\n\n mask-image: url(\"./assets/line-dot.svg\");\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center right;\n mask-position: center right;\n -webkit-mask-size: cover;\n mask-size: cover;\n }\n@media (width <= 992px) {\n:is(:is(:is(.about-container div#our_journey) > ul) h4)::before {\n content: none;\n }\n }\n:is(:is(:is(.about-container div#our_journey) > ul) h4) ~ 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 (width <= 992px) {\n:is(:is(:is(.about-container div#our_journey) > ul) h4) ~ p:last-of-type > img {\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: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 {\n display: block;\n }\n: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 {\n display: block;\n }\n: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 {\n display: block;\n }\n: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 {\n display: block;\n }\n:is(.about-container div#our_journey) h4 {\n font-size: var(--font-line-content);\n font-weight: var(--font-weight-bold);\n }\n:is(.about-container div#our_journey) 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:is(:is(.about-container div#our_journey) mdn-image-history ul) li {\n flex-shrink: 0;\n }\n:is(:is(.about-container div#our_journey) mdn-image-history ul) 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.about-container 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.about-container section[aria-labelledby=\"global_impact\"] {\n display: block;\n margin: var(--about-section-gap) auto;\n }\n@media (width > 992px) {\n :is(.about-container section[aria-labelledby=\"global_impact\"]) .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:is(.about-container section[aria-labelledby=\"global_impact\"]) ul {\n margin-top: 1rem;\n --stairs-icon-size: 3.125rem;\n --stairs-step-indent: 3.125rem;\n --stairs-step-gap: 4rem;\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) 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:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) li:not(:last-of-type) {\n margin-bottom: var(--stairs-step-gap);\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) 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 -webkit-mask-image: var(--stairs-icon);\n\n mask-image: var(--stairs-icon);\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-size: 80%;\n mask-size: 80%;\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) 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 -webkit-mask: url(\"./assets/lines.svg\");\n\n mask: url(\"./assets/lines.svg\");\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-size: contain;\n mask-size: contain;\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) li:nth-child(1) {\n --nth-child: 1;\n --stairs-icon: url(\"./assets/education.svg\");\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) li:nth-child(2) {\n --nth-child: 2;\n --stairs-icon: url(\"./assets/text-box-check-outline.svg\");\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) li:nth-child(3) {\n --nth-child: 3;\n --stairs-icon: url(\"./assets/web-check.svg\");\n }\n:is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) li:nth-child(4) {\n --nth-child: 4;\n --stairs-icon: url(\"./assets/handshake.svg\");\n }\n@media (width <= 769px) {\n :is(:is(.about-container section[aria-labelledby=\"global_impact\"]) ul) li {\n --stairs-step-indent: 0;\n --stairs-padding-left: var(--stairs-icon-size);\n --stairs-step-gap: 1rem;\n }\n }\n.about-container 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 (width <= 769px) {\n.about-container section[aria-labelledby=\"join_us_in_building_a_better_web\"] {\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.about-container 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 (width > 769px) {\n.about-container div#what_we_offer ul {\n gap: 5rem;\n }\n }\n:is(.about-container div#what_we_offer ul) 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 --csstools-light-dark-toggle-91c0a5f6-50:\n var(--csstools-color-scheme--light) transparent;\n --csstools-light-dark-toggle-91c0a5f6-51:\n var(--csstools-color-scheme--light) transparent;\n box-shadow:\n -4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-50, rgb(179 179 179 / 15%)),\n 4px 4px 8px 0 var(--csstools-light-dark-toggle-91c0a5f6-51, rgb(179 179 179 / 18%));\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:is(:is(.about-container div#what_we_offer ul) li) h4 {\n align-self: stretch;\n\n padding: 1.5rem;\n margin: -1.5rem -1.5rem 0;\n\n font-size: var(--font-size-large);\n font-weight: 500;\n\n color: var(--boxes-header-color);\n\n background: var(--boxes-header-bg);\n border-radius: 0.5rem 0.5rem 0 0;\n }\n:is(.about-container div#what_we_offer ul) li:first-of-type {\n --boxes-header-bg: var(--boxes-header-bg-1);\n --boxes-header-color: var(--boxes-header-color-1);\n }\n:is(.about-container div#what_we_offer ul) 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:is(.about-container div#what_we_offer ul) 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:is(.about-container div#what_we_offer ul) 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:is(.about-container div#what_we_offer ul) 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:is(.about-container div#our_core_values) li {\n color: var(--about-core-values-color);\n border-radius: 0.5rem;\n }\n:is(:is(.about-container div#our_core_values) li) h4 {\n margin: 0;\n margin-bottom: 0.5rem;\n\n font-size: var(--font-size-normal);\n font-weight: var(--font-weight-bold);\n\n color: var(--about-core-values-color);\n\n letter-spacing: -0.0313rem;\n }\n:is(:is(.about-container div#our_core_values) li):not(:last-of-type) {\n padding: 2rem;\n margin: 1rem auto;\n background: var(--about-core-values-bg-secondary);\n }\n:is(:is(.about-container div#our_core_values) li):not(:last-of-type) 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:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4) {\n background-image: url(\"./assets/accurate-sm.svg\");\n }\n#collaborative_and_community-driven:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4) {\n background-image: url(\"./assets/collaborative-sm.svg\");\n }\n#inclusive_and_dynamic:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4) {\n background-image: url(\"./assets/inclusive-sm.svg\");\n }\n:is(:is(.about-container div#our_core_values) li):last-of-type {\n padding: 2rem;\n margin-top: 2rem;\n background: var(--about-core-values-bg);\n }\n@media (width > 992px) {\n:is(.about-container div#our_core_values) li {\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\n :is(:is(.about-container div#our_core_values) li) h4 {\n max-width: 70%;\n margin: 0;\n font-size: var(--font-line-content);\n }\n\n :is(:is(.about-container div#our_core_values) li) p {\n margin-left: var(--gutter);\n }\n\n :is(:is(.about-container div#our_core_values) li):not(:last-of-type) {\n margin: 0 auto;\n background: var(--about-core-values-bg);\n }\n\n :is(:is(.about-container div#our_core_values) li):not(:last-of-type):not(:first-of-type) {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n :is(:is(.about-container div#our_core_values) li):not(:last-of-type):not(:nth-last-of-type(2)) {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n :is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4 {\n --icon-size: 60px;\n align-self: center;\n }\n\n #accurate_and_reliable:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4) {\n background-image: url(\"./assets/accurate.svg\");\n }\n\n #collaborative_and_community-driven:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4) {\n background-image: url(\"./assets/collaborative.svg\");\n }\n\n #inclusive_and_dynamic:is(:is(:is(.about-container div#our_core_values) li):not(:last-of-type) h4) {\n background-image: url(\"./assets/inclusive.svg\");\n }\n\n :is(:is(.about-container div#our_core_values) li):not(:last-of-type) p {\n padding: 2rem;\n background: var(--about-core-values-bg-secondary);\n border-radius: 0.5rem;\n }\n :is(:is(.about-container div#our_core_values) li):nth-of-type(even):not(:last-of-type) h4 {\n grid-column: right;\n margin: 0 auto;\n }\n\n :is(:is(.about-container div#our_core_values) li):nth-of-type(even):not(:last-of-type) p {\n grid-column: left;\n margin-right: var(--gutter);\n margin-left: 0;\n }\n\n :is(:is(.about-container div#our_core_values) li):last-of-type {\n margin-top: 4rem;\n }\n }\n.about-container div#our_team,.about-container 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:is(.about-container div#our_team,.about-container div#our_partners > div) > * {\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: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 {\n grid-column: full;\n }\n: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 {\n margin-top: 0;\n }\n: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 {\n margin-bottom: 0;\n }\n: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 {\n font-size: var(--font-line-content);\n font-weight: var(--font-weight-bold);\n text-transform: none;\n }\n@media (width <= 769px) {\n :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 {\n font-size: var(--font-size-normal);\n }\n }\n@media (width <= 992px) {\n.about-container div#our_team,.about-container div#our_partners > div {\n --team-grid-gap: 2rem;\n grid-template-columns: [full-start] 1fr 1fr [full-end];\n }\n\n :is(.about-container div#our_team,.about-container div#our_partners > div) ul li:nth-of-type(3):not(:last-of-type) {\n grid-area: picture;\n align-self: end;\n }\n\n :is(:is(.about-container div#our_team,.about-container div#our_partners > div) ul li:nth-of-type(3):not(:last-of-type)) a {\n position: absolute;\n }\n }\n:is(.about-container div#our_team,.about-container div#our_partners > div) 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 -webkit-user-select: none;\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 (width <= 426px) {\n:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member {\n grid-column: full;\n }\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member):hover {\n border-color: var(--color-border-primary);\n }\n: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 {\n grid-area: name;\n margin: 0;\n margin-bottom: 0.5rem;\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) ul {\n display: contents;\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) li:first-of-type {\n grid-area: title;\n\n margin-bottom: 0.75rem;\n\n font-weight: var(--font-weight-bold);\n\n color: var(--about-team-title-color);\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) li:nth-of-type(2) {\n grid-area: picture;\n }\n: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) {\n grid-area: picture;\n align-self: end;\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) 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:is(:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) li:last-of-type)::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 -webkit-mask-image: linear-gradient(to right, transparent, #000000 75%);\n\n mask-image: linear-gradient(to right, transparent, #000000 75%);\n }\n[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 {\n right: initial;\n left: 0;\n -webkit-mask-image: linear-gradient(to left, transparent, #000000 75%);\n mask-image: linear-gradient(to left, transparent, #000000 75%);\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) img {\n width: 100%;\n aspect-ratio: 1;\n margin-bottom: 0.75rem;\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) a[href^=\"https://github.com\"] {\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:is(:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member) a[href^=\"https://github.com\"])::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 -webkit-mask-image: url(\"./assets/github-mark-small.svg\");\n\n mask-image: url(\"./assets/github-mark-small.svg\");\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member):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 -webkit-user-select: auto;\n user-select: auto;\n }\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member):focus-within li:last-of-type {\n max-height: unset;\n }\n: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 {\n display: none;\n }\n@media (width <= 426px) {\n:is(:is(.about-container div#our_team,.about-container div#our_partners > div) mdn-about-team-member):focus-within {\n grid-template-areas: \"name\" \"title\" \"picture\" \"bio\";\n grid-template-columns: 1fr;\n }\n\n :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) {\n grid-area: picture;\n align-self: end;\n }\n\n :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 {\n position: absolute;\n }\n }\n.about-container #our_partners > div {\n margin-top: 2.5rem;\n }\n"],"names":[],"mappings":"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"}
package/out/static/client/styles-global.274bf4a7ba3e88ae.css ADDED
@@ -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-button{display:inline-flex;vertical-align:middle}mdn-code-example{display:block}html[data-theme=light]{--csstools-color-scheme--light:initial;color-scheme:light}html[data-theme=dark]{--csstools-color-scheme--light: ;color-scheme:dark}:root{--csstools-light-dark-toggle-baa18a82-0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle-baa18a82-0,var(--color-gray-60));--csstools-light-dark-toggle-baa18a82-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-border-secondary:var(--csstools-light-dark-toggle-baa18a82-1,var(--color-gray-40));--csstools-light-dark-toggle-baa18a82-2:var(--csstools-color-scheme--light) var(--color-blue-80);--color-border-active:var(--csstools-light-dark-toggle-baa18a82-2,var(--color-blue-50))}@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-50),var(--color-blue-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-baa18a82-0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle-baa18a82-0,var(--color-gray-60));--csstools-light-dark-toggle-baa18a82-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-border-secondary:var(--csstools-light-dark-toggle-baa18a82-1,var(--color-gray-40));--csstools-light-dark-toggle-baa18a82-2:var(--csstools-color-scheme--light) var(--color-blue-80);--color-border-active:var(--csstools-light-dark-toggle-baa18a82-2,var(--color-blue-50))}}:root{--csstools-light-dark-toggle-29c9dff5-0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle-29c9dff5-0,var(--color-white));--csstools-light-dark-toggle-29c9dff5-1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle-29c9dff5-1,var(--color-gray-90));--csstools-light-dark-toggle-29c9dff5-2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle-29c9dff5-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-29c9dff5-0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle-29c9dff5-0,var(--color-white));--csstools-light-dark-toggle-29c9dff5-1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle-29c9dff5-1,var(--color-gray-90));--csstools-light-dark-toggle-29c9dff5-2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle-29c9dff5-2,var(--color-gray-80))}}:root{--csstools-light-dark-toggle-29c9dff5-3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle-29c9dff5-3,var(--color-red-90));--csstools-light-dark-toggle-29c9dff5-4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle-29c9dff5-4,var(--color-orange-90));--csstools-light-dark-toggle-29c9dff5-5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle-29c9dff5-5,var(--color-yellow-90));--csstools-light-dark-toggle-29c9dff5-6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle-29c9dff5-6,var(--color-green-90));--csstools-light-dark-toggle-29c9dff5-7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle-29c9dff5-7,var(--color-blue-90));--csstools-light-dark-toggle-29c9dff5-8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle-29c9dff5-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-29c9dff5-3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle-29c9dff5-3,var(--color-red-90));--csstools-light-dark-toggle-29c9dff5-4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle-29c9dff5-4,var(--color-orange-90));--csstools-light-dark-toggle-29c9dff5-5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle-29c9dff5-5,var(--color-yellow-90));--csstools-light-dark-toggle-29c9dff5-6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle-29c9dff5-6,var(--color-green-90));--csstools-light-dark-toggle-29c9dff5-7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle-29c9dff5-7,var(--color-blue-90));--csstools-light-dark-toggle-29c9dff5-8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle-29c9dff5-8,var(--color-purple-90))}}:root{--csstools-light-dark-toggle-e9dfdd1f-0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle-e9dfdd1f-0,var(--color-black));--csstools-light-dark-toggle-e9dfdd1f-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle-e9dfdd1f-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-e9dfdd1f-0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle-e9dfdd1f-0,var(--color-black));--csstools-light-dark-toggle-e9dfdd1f-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle-e9dfdd1f-1,var(--color-gray-40))}}:root{--csstools-light-dark-toggle-e9dfdd1f-2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle-e9dfdd1f-2,var(--color-red-20));--csstools-light-dark-toggle-e9dfdd1f-3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle-e9dfdd1f-3,var(--color-orange-20));--csstools-light-dark-toggle-e9dfdd1f-4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle-e9dfdd1f-4,var(--color-yellow-20));--csstools-light-dark-toggle-e9dfdd1f-5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle-e9dfdd1f-5,var(--color-green-20));--csstools-light-dark-toggle-e9dfdd1f-6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle-e9dfdd1f-6,var(--color-blue-20));--csstools-light-dark-toggle-e9dfdd1f-7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle-e9dfdd1f-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-e9dfdd1f-2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle-e9dfdd1f-2,var(--color-red-20));--csstools-light-dark-toggle-e9dfdd1f-3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle-e9dfdd1f-3,var(--color-orange-20));--csstools-light-dark-toggle-e9dfdd1f-4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle-e9dfdd1f-4,var(--color-yellow-20));--csstools-light-dark-toggle-e9dfdd1f-5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle-e9dfdd1f-5,var(--color-green-20));--csstools-light-dark-toggle-e9dfdd1f-6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle-e9dfdd1f-6,var(--color-blue-20));--csstools-light-dark-toggle-e9dfdd1f-7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle-e9dfdd1f-7,var(--color-purple-20))}}:root{--csstools-light-dark-toggle-e40c6b49-0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle-e40c6b49-0,var(--color-blue-20));--csstools-light-dark-toggle-e40c6b49-1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle-e40c6b49-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-e40c6b49-0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle-e40c6b49-0,var(--color-blue-20));--csstools-light-dark-toggle-e40c6b49-1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle-e40c6b49-1,var(--color-purple-20))}}:root{--color-scrollbar-track:#0000;--csstools-light-dark-toggle-a81cd71e-0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle-a81cd71e-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-a81cd71e-0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle-a81cd71e-0,var(--color-black-alpha-25))}}:root{--color-area-background:var(--color-background-blue);--color-area-highlight-border:var(--color-blue-50);--color-area-link:var(--color-link-normal)}:root[data-current-area=learn]{--color-area-background:var(--color-background-orange);--color-area-highlight-border:var(--color-orange-50);--csstools-light-dark-toggle-9cb2d9c1-0:var(--csstools-color-scheme--light) var(--color-orange-80);--color-area-link:var(--csstools-light-dark-toggle-9cb2d9c1-0,var(--color-orange-20))}@supports (color:light-dark(red,red)){:root[data-current-area=learn]{--color-area-link:light-dark(var(--color-orange-20),var(--color-orange-80))}}@supports not (color:light-dark(tan,tan)){[data-current-area=learn]:root *{--csstools-light-dark-toggle-9cb2d9c1-0:var(--csstools-color-scheme--light) var(--color-orange-80);--color-area-link:var(--csstools-light-dark-toggle-9cb2d9c1-0,var(--color-orange-20))}}:root{--color-white:#fff;--color-white-alpha-25:#ffffff40;--color-white-alpha-75:#ffffffbf;--color-black:#000;--color-black-alpha-25:#00000040;--color-black-alpha-75:#000000bf;--color-gray-90:#f7f7f8;--color-gray-80:#edeef0;--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:#fc7d92;--color-red-50:#d31232;--color-red-20:#b7102c;--color-red-10:#4b0b16;--color-orange-90:#fef3eb;--color-orange-80:#febe8f;--color-orange-50:#e2782c;--color-orange-20:#c2570a;--color-orange-10:#3f220d;--color-yellow-90:#fef0c3;--color-yellow-80:#fae49e;--color-yellow-50:#e6b30a;--color-yellow-20:#97770c;--color-yellow-10:#574405;--color-green-90:#eaf6ef;--color-green-80:#70eba3;--color-green-50:#089141;--color-green-20:#065b29;--color-green-10:#0c311c;--color-blue-90:#ecf4fe;--color-blue-80:#a4cefe;--color-blue-50:#0a5dbd;--color-blue-20:#044c9f;--color-blue-10:#072446;--color-purple-90:#f7f0ff;--color-purple-80:#d8b8ff;--color-purple-50:#863ae4;--color-purple-20:#5f1fad;--color-purple-10:#260e43}mdn-dropdown{display:contents}mdn-dropdown:not([loaded],:focus-within) [slot=dropdown]{display:none}.external:after{background-color:currentcolor;content:"\200b" " (external)";content:"\200b"/" (external)";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;vertical-align:text-top;width:1em}@font-feature-values "Inter"{@styleset{disambiguation:2}}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:normal;font-weight:100 900;src:url(/static/client/inter-latin.9a3b1bc220d426ef.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic-latin.fd2627ec16333c05.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:normal;font-weight:100 900;src:url(/static/client/inter-latin-extended.02dc98170ff37b88.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic-latin-extended.0a7409875db33654.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:normal;font-weight:100 900;src:url(/static/client/inter-cyrillic.eecfbd79d522303a.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic-cyrillic.d153dcd2916c4842.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-latin.119994ed445212c7.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-italic-latin.55b330522e5e3ed9.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-latin-extended.01c891f9c832ce28.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-italic-latin-extended.c25d5e1f309ed948.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-cyrillic.577e793cdf179ae1.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-italic-cyrillic.8d00711fdb1702e0.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}:root{--font-family-text:"Inter",sans-serif;--font-family-code:"JetBrains Mono",monospace;--font-line-content:1.75;--font-line-normal:1.5;--font-line-header:1.25;--font-line-ui:1;--font-size-largest:2.5rem;--font-size-larger:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-normal:1rem;--font-size-small:0.8rem;--font-weight-normal:400;--font-weight-bold:600}*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}html{color:var(--color-text-primary);font-family:var(--font-family-text);font-feature-settings:"calt" 0;font-size:var(--font-size-normal);font-variant-alternates:styleset(disambiguation);line-height:var(--font-line-normal);overflow-wrap:break-word;scroll-behavior:smooth;--csstools-color-scheme--light:initial;background-color:var(--color-background-page);color-scheme:light dark}@media (prefers-color-scheme:dark){html{--csstools-color-scheme--light: }}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.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:15rem;--layout-sidebar-gap:2rem;--layout-sidebar-padding:1rem;--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}.page-not-created{color:var(--color-text-red);text-decoration:underline!important;-webkit-text-decoration:underline wavy!important;text-decoration:underline wavy!important}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}:root{--csstools-color-scheme--light:initial;color-scheme:light;--layout-2-sidebars:minmax(0,1fr)!important;--layout-1-sidebar-left:minmax(0,1fr)!important;--layout-no-sidebar:minmax(0,1fr)!important}body{font-size:9pt;line-height:1.5;margin:0;padding:0}.page-layout{display:block!important;grid-template-rows:none!important;height:auto!important;min-height:auto!important}.page-layout__header{position:static!important;top:auto!important;z-index:auto!important}:root{--sticky-header-height:0!important}.article-footer,.content-section.article-footer,.footer__links,.footer__mozilla,.footer__socials,.layout__left-sidebar,.layout__right-sidebar,.navigation__button,.navigation__menu,.page-layout__banner,mdn-collection-save-button,mdn-color-theme,mdn-placement-bottom,mdn-search-button,mdn-toggle-sidebar,mdn-user-menu{display:none!important}.reference-layout{grid-template-areas:"header" "body"!important;grid-template-columns:auto!important;grid-template-rows:auto!important}a{-webkit-text-decoration:none!important;text-decoration:none!important}details.baseline-indicator>:not(summary),details.baseline-indicator[open]>:not(summary){display:none!important}details.baseline-indicator>summary::marker{display:none!important}.code-example,.default-example,.example-container,.interactive,[class*=example]{break-inside:avoid!important;display:block!important;float:none!important;height:auto!important;margin-bottom:1rem!important;overflow:visible!important;page-break-inside:avoid!important;position:static!important;width:100%!important}.footer__mdn{row-gap:0!important}interactive-example,section{clear:both!important;display:block!important;position:static!important}interactive-example{break-inside:avoid!important;page-break-inside:avoid!important}[style*="position: absolute"],[style*="position: fixed"]{position:static!important}}:root{--radius-normal:0.25rem;--radius-full:9999px}@font-face{font-display:block;font-family:BarlowCondensed-SemiBold;font-weight:var(--font-weight-bold);src:local("BarlowCondensed-SemiBold"),url(/static/client/BarlowCondensed-SemiBold.199288b668a15dc1.woff2) format("woff2")}mdn-scrim-inline{aspect-ratio:1.5;display:block;margin:.5rem auto;max-width:36rem;width:100%}:root{scrollbar-gutter:stable}.search-modal-open:root{overflow:hidden}.table-container{margin:0;overflow-x:auto}:root{--top-banner-height:3.375rem;--sticky-header-height:calc(var(--navigation-height) + var(--breadcrumbs-bar-height));--z-index-sticky-header:100;--z-index-sidebar-mobile:90}.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
2
+ /*# sourceMappingURL=styles-global.274bf4a7ba3e88ae.css.map*/