@mdn/fred 2.0.1 → 2.1.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 (188) hide show
  1. package/CHANGELOG.md +43 -0
  2. package/components/about-tabs/element.css +3 -2
  3. package/components/scrim-inline/element.css +0 -7
  4. package/components/scrim-inline/global.css +10 -0
  5. package/components/social-image/README.md +16 -0
  6. package/components/social-image/sandbox.js +23 -0
  7. package/components/social-image/server.css +28 -0
  8. package/components/social-image/server.js +13 -0
  9. package/l10n/fluent.js +8 -7
  10. package/out/service-worker.js +1 -1
  11. package/out/service-worker.js.map +1 -1
  12. package/out/static/client/5183.ed3575d7370b617c.js +64 -0
  13. package/out/static/client/5183.ed3575d7370b617c.js.map +1 -0
  14. package/out/static/client/7047.7084b7bcf9a47b7b.js +9 -0
  15. package/out/static/client/7047.7084b7bcf9a47b7b.js.map +1 -0
  16. package/out/static/client/{8292.88217634072b2959.js → 8292.5a4929a466c7b3ca.js} +2 -2
  17. package/out/static/client/{8292.88217634072b2959.js.map → 8292.5a4929a466c7b3ca.js.map} +1 -1
  18. package/out/static/client/{index.a7f592ef6e4f2a0e.js → index.0e1f202766cdb426.js} +3 -3
  19. package/out/static/client/{index.a7f592ef6e4f2a0e.js.map → index.0e1f202766cdb426.js.map} +1 -1
  20. package/out/static/client/{runtime.14f0bbf7912ff6c2.js → runtime.076e84c93222dfd0.js} +2 -2
  21. package/out/static/client/{runtime.14f0bbf7912ff6c2.js.map → runtime.076e84c93222dfd0.js.map} +1 -1
  22. package/out/static/client/stats.json +422 -386
  23. package/out/static/client/styles-a11y-menu.bf24a870a8a4969f.js +1 -0
  24. package/out/static/client/styles-advertising.9f2b7bddc08575fc.js +1 -0
  25. package/out/static/client/styles-article-footer.aa9f8d240980b0f4.js +1 -0
  26. package/out/static/client/styles-banner.e738836bac789a8b.js +1 -0
  27. package/out/static/client/styles-baseline-indicator.c062716f3d033dd8.js +1 -0
  28. package/out/static/client/styles-blog-index.818261c8123bc042.js +1 -0
  29. package/out/static/client/styles-blog-post.96ce1680245bbc86.js +1 -0
  30. package/out/static/client/styles-breadcrumbs-bar.ed7d1440bdccf98f.js +1 -0
  31. package/out/static/client/styles-breadcrumbs.7599a269dc584d75.js +1 -0
  32. package/out/static/client/styles-button.de6a7b9b7548d84b.js +1 -0
  33. package/out/static/client/styles-content-section.a8bd7fde04898354.js +1 -0
  34. package/out/static/client/styles-contributor-spotlight.adad2e813e1667fe.js +1 -0
  35. package/out/static/client/styles-curriculum-about.eefa128bb415258c.js +1 -0
  36. package/out/static/client/styles-curriculum-default.a2692218d2b1a1f9.js +1 -0
  37. package/out/static/client/styles-curriculum-landing.2d51b8fce8f12b8d.js +1 -0
  38. package/out/static/client/styles-curriculum-module.f4ae8920ee1c92ff.js +1 -0
  39. package/out/static/client/styles-curriculum-overview.2d7c17b0f0b9bd92.js +1 -0
  40. package/out/static/client/styles-featured-articles.c54e8f6b90567441.js +1 -0
  41. package/out/static/client/styles-footer.cff8d2b7669e06a9.js +1 -0
  42. package/out/static/client/styles-generic-about.b31b672a5d394108.js +1 -0
  43. package/out/static/client/styles-generic-community.f7e5df670c7aeaf3.js +1 -0
  44. package/out/static/client/styles-generic-content.1a9e4b87d8a12a85.js +1 -0
  45. package/out/static/client/styles-generic-layout.76e37948146a2f39.js +1 -0
  46. package/out/static/client/styles-generic-sidebar.c07d266d1382c357.js +1 -0
  47. package/out/static/client/styles-generic-toc.342bb77a42e3cc84.js +1 -0
  48. package/out/static/client/styles-global.63980d9c69df1f6a.css +2 -0
  49. package/out/static/client/styles-global.63980d9c69df1f6a.css.map +1 -0
  50. package/out/static/client/styles-global.c2e6118d3b833b4a.js +1 -0
  51. package/out/static/client/styles-heading-anchor.79390408a0c88875.js +1 -0
  52. package/out/static/client/styles-homepage-body.20c015a218d0bc96.js +1 -0
  53. package/out/static/client/styles-homepage-contributor-spotlight.21f37f11b3bd4bda.js +1 -0
  54. package/out/static/client/styles-homepage-footer.24e66b627b59d99f.js +1 -0
  55. package/out/static/client/styles-homepage-header.1a75fa94f8bab5a0.js +1 -0
  56. package/out/static/client/styles-homepage-hero.f1bf55f1be2d516d.js +1 -0
  57. package/out/static/client/styles-homepage.cd5bf6213bc06b4e.js +1 -0
  58. package/out/static/client/styles-latest-news.0f32a584ef1ed171.js +1 -0
  59. package/out/static/client/styles-left-sidebar.d7d52289da7ba969.js +1 -0
  60. package/out/static/client/styles-logo.1ff82941fc133017.js +1 -0
  61. package/out/static/client/styles-mandala.2a99de27a8c19d02.js +1 -0
  62. package/out/static/client/styles-menu.13c3394ada0512ef.js +1 -0
  63. package/out/static/client/styles-navigation.f857f577084aa7ef.js +1 -0
  64. package/out/static/client/styles-not-found.0bdc6a72643ebe34.js +1 -0
  65. package/out/static/client/styles-observatory-landing.e709efc8103ee08c.js +1 -0
  66. package/out/static/client/styles-observatory-results.e098740504c0c0f0.js +1 -0
  67. package/out/static/client/styles-page-layout.2ab75fc5b95edf1b.js +1 -0
  68. package/out/static/client/styles-pagination.667a2af3eaebe782.js +1 -0
  69. package/out/static/client/styles-playground.c1339745dabdf1f6.js +1 -0
  70. package/out/static/client/styles-recent-contributions.706333df420f227c.js +1 -0
  71. package/out/static/client/styles-reference-layout.6eaaea648e7e4dce.js +1 -0
  72. package/out/static/client/styles-reference-toc.dcb67aadb5032e3f.js +1 -0
  73. package/out/static/client/styles-sandbox.c14203f7b76d9e70.js +1 -0
  74. package/out/static/client/styles-site-search.ba674569591c3348.js +1 -0
  75. package/out/static/client/styles-social-image.47d082e57762bfb4.css +2 -0
  76. package/out/static/client/styles-social-image.47d082e57762bfb4.css.map +1 -0
  77. package/out/static/client/styles-social-image.f457942a12584899.js +1 -0
  78. package/out/static/client/styles-translation-banner.c0bf41a60bc2fe87.js +1 -0
  79. package/out/static/client/styles-writer-toolbar.e7438b6d8e7c99f4.js +1 -0
  80. package/out/static/client/{styles.519e2a3b2b0392d7.js → styles.cbf2ca4b84823096.js} +2 -2
  81. package/out/static/client/{styles.519e2a3b2b0392d7.js.map → styles.cbf2ca4b84823096.js.map} +1 -1
  82. package/out/static/legacy/{145.f57152daa80bc354.js → 145.e71ec0c1d16bfeb6.js} +2 -2
  83. package/out/static/legacy/{145.f57152daa80bc354.js.map → 145.e71ec0c1d16bfeb6.js.map} +1 -1
  84. package/out/static/legacy/{2439.db04dec0f2bfe008.js → 2439.152ddc8eff5390cc.js} +2 -2
  85. package/out/static/legacy/{2439.db04dec0f2bfe008.js.map → 2439.152ddc8eff5390cc.js.map} +1 -1
  86. package/out/static/legacy/{2569.2ed6f988d52f6cb2.js → 2569.41b52dfae9ff5dbd.js} +2 -2
  87. package/out/static/legacy/{2569.2ed6f988d52f6cb2.js.map → 2569.41b52dfae9ff5dbd.js.map} +1 -1
  88. package/out/static/legacy/{3097.5ee3eace96d8c3ea.js → 3097.89f8c27a39d2d759.js} +2 -2
  89. package/out/static/legacy/{3097.5ee3eace96d8c3ea.js.map → 3097.89f8c27a39d2d759.js.map} +1 -1
  90. package/out/static/legacy/{4624.5f395686fe61b4a3.js → 4624.831090754998070f.js} +2 -2
  91. package/out/static/legacy/{4624.5f395686fe61b4a3.js.map → 4624.831090754998070f.js.map} +1 -1
  92. package/out/static/legacy/{4944.dff54c3109113729.js → 4944.d5de2520acb6bc03.js} +2 -2
  93. package/out/static/legacy/{4944.dff54c3109113729.js.map → 4944.d5de2520acb6bc03.js.map} +1 -1
  94. package/out/static/legacy/{4968.12b8af0a52d054ac.js → 4968.c5c0429688b49438.js} +2 -2
  95. package/out/static/legacy/{4968.12b8af0a52d054ac.js.map → 4968.c5c0429688b49438.js.map} +1 -1
  96. package/out/static/legacy/{652.702c9f7893508b7f.js → 652.984bbafca5a127d6.js} +2 -2
  97. package/out/static/legacy/{652.702c9f7893508b7f.js.map → 652.984bbafca5a127d6.js.map} +1 -1
  98. package/out/static/legacy/{6542.8f8dc41c1b7b4f3d.js → 6542.9ae1d636a2097c7a.js} +2 -2
  99. package/out/static/legacy/{6542.8f8dc41c1b7b4f3d.js.map → 6542.9ae1d636a2097c7a.js.map} +1 -1
  100. package/out/static/legacy/{6786.d37ed4aa6d7a5c1a.js → 6786.c180a40232e02d98.js} +3 -3
  101. package/out/static/legacy/{6786.d37ed4aa6d7a5c1a.js.map → 6786.c180a40232e02d98.js.map} +1 -1
  102. package/out/static/legacy/{8292.88217634072b2959.js → 8292.5a4929a466c7b3ca.js} +2 -2
  103. package/out/static/legacy/{8292.88217634072b2959.js.map → 8292.5a4929a466c7b3ca.js.map} +1 -1
  104. package/out/static/legacy/{8315.525575601119f224.js → 8315.732f4f8af2f04044.js} +2 -2
  105. package/out/static/legacy/{8315.525575601119f224.js.map → 8315.732f4f8af2f04044.js.map} +1 -1
  106. package/out/static/legacy/{8769.d63b4369d16f3391.js → 8769.c0eb10a75d355ed3.js} +2 -2
  107. package/out/static/legacy/{8769.d63b4369d16f3391.js.map → 8769.c0eb10a75d355ed3.js.map} +1 -1
  108. package/out/static/legacy/{9380.d18451f1d350375d.js → 9380.2e09c0a94dc10112.js} +2 -2
  109. package/out/static/legacy/{9380.d18451f1d350375d.js.map → 9380.2e09c0a94dc10112.js.map} +1 -1
  110. package/out/static/legacy/asset-manifest.json +20 -20
  111. package/out/static/legacy/{index.0b85877f879160b2.js → index.5e65b9f52e86ad40.js} +5 -5
  112. package/out/static/legacy/{index.0b85877f879160b2.js.LICENSE.txt → index.5e65b9f52e86ad40.js.LICENSE.txt} +1 -1
  113. package/out/static/legacy/{index.0b85877f879160b2.js.map → index.5e65b9f52e86ad40.js.map} +1 -1
  114. package/out/static/legacy/{index.645247acbde1c666.html → index.6838304b64f32836.html} +1 -1
  115. package/out/static/legacy/stats.json +14 -14
  116. package/out/static/legacy/{yari.46e28128e98126d7.js → yari.c8f274d3a31b194e.js} +6 -6
  117. package/out/static/legacy/{yari.46e28128e98126d7.js.LICENSE.txt → yari.c8f274d3a31b194e.js.LICENSE.txt} +1 -1
  118. package/out/static/legacy/{yari.46e28128e98126d7.js.map → yari.c8f274d3a31b194e.js.map} +1 -1
  119. package/out/static/ssr/8292.js +1 -1
  120. package/out/static/ssr/8292.js.map +1 -1
  121. package/out/static/ssr/index.js +149 -142
  122. package/out/static/ssr/index.js.map +1 -1
  123. package/out/static/ssr/stats.json +4 -4
  124. package/out/twitter-card-summary.46ac2375.png +0 -0
  125. package/package.json +21 -20
  126. package/public/twitter-card-summary.46ac2375.png +0 -0
  127. package/server.js +12 -1
  128. package/out/static/client/5183.e4104aeffa888fd3.js +0 -64
  129. package/out/static/client/5183.e4104aeffa888fd3.js.map +0 -1
  130. package/out/static/client/7047.5a3c9165bf33e8ef.js +0 -9
  131. package/out/static/client/7047.5a3c9165bf33e8ef.js.map +0 -1
  132. package/out/static/client/styles-a11y-menu.49f604eb400e3a1b.js +0 -1
  133. package/out/static/client/styles-advertising.206d401ac1918107.js +0 -1
  134. package/out/static/client/styles-article-footer.bf7a12a8f26de9d8.js +0 -1
  135. package/out/static/client/styles-banner.045fd9429c0b4559.js +0 -1
  136. package/out/static/client/styles-baseline-indicator.1a9a989c5eed2bd0.js +0 -1
  137. package/out/static/client/styles-blog-index.07075fbe70ea701a.js +0 -1
  138. package/out/static/client/styles-blog-post.f096d7b72acc54c7.js +0 -1
  139. package/out/static/client/styles-breadcrumbs-bar.b6d2903779905507.js +0 -1
  140. package/out/static/client/styles-breadcrumbs.7b6a3fca16762395.js +0 -1
  141. package/out/static/client/styles-button.68557b262acc04d5.js +0 -1
  142. package/out/static/client/styles-content-section.8b58198fcbb512cd.js +0 -1
  143. package/out/static/client/styles-contributor-spotlight.65897b7d1c3de5e6.js +0 -1
  144. package/out/static/client/styles-curriculum-about.013603624423e8b7.js +0 -1
  145. package/out/static/client/styles-curriculum-default.8d3cc74e416d99c0.js +0 -1
  146. package/out/static/client/styles-curriculum-landing.95ce2c9c6203fda2.js +0 -1
  147. package/out/static/client/styles-curriculum-module.6bd730e94b6ab4b0.js +0 -1
  148. package/out/static/client/styles-curriculum-overview.31fd536067fb14e7.js +0 -1
  149. package/out/static/client/styles-featured-articles.122a3779cde55236.js +0 -1
  150. package/out/static/client/styles-footer.fedc4476f04ebc15.js +0 -1
  151. package/out/static/client/styles-generic-about.7e63ff8a4b7851ef.js +0 -1
  152. package/out/static/client/styles-generic-community.dae09a544431e63d.js +0 -1
  153. package/out/static/client/styles-generic-content.16d08aa39ea401b9.js +0 -1
  154. package/out/static/client/styles-generic-layout.3e4f2f4951ea186b.js +0 -1
  155. package/out/static/client/styles-generic-sidebar.b2e094fc3c0756ab.js +0 -1
  156. package/out/static/client/styles-generic-toc.cd70dab26a1241d4.js +0 -1
  157. package/out/static/client/styles-global.5f2ce7704ec8c59c.js +0 -1
  158. package/out/static/client/styles-global.8bc2a924c3985561.css +0 -2
  159. package/out/static/client/styles-global.8bc2a924c3985561.css.map +0 -1
  160. package/out/static/client/styles-heading-anchor.0deb48e0e151aba3.js +0 -1
  161. package/out/static/client/styles-homepage-body.cb1b213bec93efdd.js +0 -1
  162. package/out/static/client/styles-homepage-contributor-spotlight.1a2acbf06be6d425.js +0 -1
  163. package/out/static/client/styles-homepage-footer.3435c9576666f4a5.js +0 -1
  164. package/out/static/client/styles-homepage-header.6a6b4ebaf675e721.js +0 -1
  165. package/out/static/client/styles-homepage-hero.de64115a608af810.js +0 -1
  166. package/out/static/client/styles-homepage.09583f85e229d2de.js +0 -1
  167. package/out/static/client/styles-latest-news.d7d8beb1f187d6f5.js +0 -1
  168. package/out/static/client/styles-left-sidebar.62e4bdb34c86bc43.js +0 -1
  169. package/out/static/client/styles-logo.15608a14aefd9e51.js +0 -1
  170. package/out/static/client/styles-mandala.18c6e16ec318e10a.js +0 -1
  171. package/out/static/client/styles-menu.8011e6627accb1f3.js +0 -1
  172. package/out/static/client/styles-navigation.507be0a6a4278751.js +0 -1
  173. package/out/static/client/styles-not-found.5abe16a37f65b63a.js +0 -1
  174. package/out/static/client/styles-observatory-landing.2bda92fc6d68c4fc.js +0 -1
  175. package/out/static/client/styles-observatory-results.090bb92b82d036eb.js +0 -1
  176. package/out/static/client/styles-page-layout.ca4cbe58578a57eb.js +0 -1
  177. package/out/static/client/styles-pagination.cacd3f49e3de0552.js +0 -1
  178. package/out/static/client/styles-playground.1c172c9a3a8d9b79.js +0 -1
  179. package/out/static/client/styles-recent-contributions.45d4f26778c7ba5b.js +0 -1
  180. package/out/static/client/styles-reference-layout.d26c1e2e7b6dcf90.js +0 -1
  181. package/out/static/client/styles-reference-toc.bb1b05755fbc1108.js +0 -1
  182. package/out/static/client/styles-sandbox.a14cc003eeaa8914.js +0 -1
  183. package/out/static/client/styles-site-search.76d1310c8fe1b8fb.js +0 -1
  184. package/out/static/client/styles-translation-banner.c9804ae977f28550.js +0 -1
  185. package/out/static/client/styles-writer-toolbar.e88f55bfa22d6f0e.js +0 -1
  186. /package/out/static/client/{5183.e4104aeffa888fd3.js.LICENSE.txt → 5183.ed3575d7370b617c.js.LICENSE.txt} +0 -0
  187. /package/out/static/client/{index.a7f592ef6e4f2a0e.js.LICENSE.txt → index.0e1f202766cdb426.js.LICENSE.txt} +0 -0
  188. /package/out/static/legacy/{6786.d37ed4aa6d7a5c1a.js.LICENSE.txt → 6786.c180a40232e02d98.js.LICENSE.txt} +0 -0
@@ -9,11 +9,11 @@
9
9
  "assets": [
10
10
  {
11
11
  "name": "index.js",
12
- "size": 1421609
12
+ "size": 1422245
13
13
  }
14
14
  ],
15
15
  "filteredAssets": 0,
16
- "assetsSize": 1421609,
16
+ "assetsSize": 1422245,
17
17
  "auxiliaryAssets": [
18
18
  {
19
19
  "name": "desktop-saving-page.bbb8eedefb3e848f.png",
@@ -317,7 +317,7 @@
317
317
  },
318
318
  {
319
319
  "name": "index.js.map",
320
- "size": 4256818
320
+ "size": 4258405
321
321
  },
322
322
  {
323
323
  "name": "deno.aed70d20abbf1067.svg",
@@ -512,7 +512,7 @@
512
512
  "size": 135602
513
513
  }
514
514
  ],
515
- "auxiliaryAssetsSize": 8719805,
515
+ "auxiliaryAssetsSize": 8721392,
516
516
  "children": {},
517
517
  "childAssets": {}
518
518
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mdn/fred",
3
- "version": "2.0.1",
3
+ "version": "2.1.0",
4
4
  "repository": "https://github.com/mdn/fred",
5
5
  "license": "MPL-2.0",
6
6
  "author": "MDN Web Docs",
@@ -44,7 +44,7 @@
44
44
  "@lit-labs/ssr": "^4.0.0",
45
45
  "@lit-labs/ssr-client": "^1.1.8",
46
46
  "@lit/task": "^1.0.3",
47
- "@mdn/rari": "0.2.9",
47
+ "@mdn/rari": "0.2.11",
48
48
  "@mdn/watify": "^1.1.7",
49
49
  "@mozilla/glean": "^5.0.7",
50
50
  "codemirror": "^6.0.1",
@@ -74,11 +74,11 @@
74
74
  "@eslint/js": "^9.39.2",
75
75
  "@jackolope/lit-analyzer": "^3.2.0",
76
76
  "@jackolope/ts-lit-plugin": "^3.1.6",
77
- "@mdn/browser-compat-data": "^7.2.3",
77
+ "@mdn/browser-compat-data": "^7.2.5",
78
78
  "@mdn/yari": "^5.1.2",
79
- "@rsdoctor/rspack-plugin": "^1.2.3",
80
- "@rspack/cli": "^1.7.2",
81
- "@rspack/core": "^1.7.2",
79
+ "@rsdoctor/rspack-plugin": "^1.5.0",
80
+ "@rspack/cli": "^1.7.3",
81
+ "@rspack/core": "^1.7.3",
82
82
  "@svgr/webpack": "^8.1.0",
83
83
  "@types/compression": "^1.8.1",
84
84
  "@types/cookie-parser": "^1.4.10",
@@ -89,11 +89,11 @@
89
89
  "@types/node": "^24.10.3",
90
90
  "@types/prismjs": "^1.26.5",
91
91
  "@types/webpack-hot-middleware": "^2.25.12",
92
- "@wdio/cli": "^9.23.0",
92
+ "@wdio/cli": "^9.23.2",
93
93
  "@wdio/globals": "^9.23.0",
94
- "@wdio/local-runner": "^9.23.0",
95
- "@wdio/mocha-framework": "^9.23.0",
96
- "@wdio/spec-reporter": "^9.20.0",
94
+ "@wdio/local-runner": "^9.23.2",
95
+ "@wdio/mocha-framework": "^9.23.2",
96
+ "@wdio/spec-reporter": "^9.23.2",
97
97
  "@zip.js/zip.js": "^2.8.15",
98
98
  "css-loader": "^7.1.2",
99
99
  "css-minimizer-webpack-plugin": "^7.0.4",
@@ -102,30 +102,30 @@
102
102
  "eslint": "^9.39.2",
103
103
  "eslint-config-prettier": "^10.1.8",
104
104
  "eslint-plugin-import": "^2.31.0",
105
- "eslint-plugin-jsdoc": "^62.0.0",
105
+ "eslint-plugin-jsdoc": "^62.4.1",
106
106
  "eslint-plugin-lit": "^2.0.0",
107
107
  "eslint-plugin-n": "^17.23.2",
108
108
  "eslint-plugin-unicorn": "^62.0.0",
109
109
  "eslint-plugin-wc": "^3.0.2",
110
- "globals": "^17.0.0",
110
+ "globals": "^17.1.0",
111
111
  "lefthook": "^2.0.15",
112
112
  "postcss": "^8.5.3",
113
113
  "postcss-custom-media": "^12.0.0",
114
114
  "postcss-loader": "^8.2.0",
115
115
  "postcss-mixins": "^12.1.2",
116
- "postcss-preset-env": "^11.1.0",
117
- "prettier": "^3.8.0",
116
+ "postcss-preset-env": "^11.1.2",
117
+ "prettier": "^3.8.1",
118
118
  "resolve-url-loader": "^5.0.0",
119
- "rspack-manifest-plugin": "^5.2.0",
120
- "sass-embedded": "^1.97.2",
119
+ "rspack-manifest-plugin": "^5.2.1",
120
+ "sass-embedded": "^1.97.3",
121
121
  "sass-loader": "^16.0.6",
122
122
  "spdy": "^4.0.2",
123
- "stylelint": "^16.26.1",
124
- "stylelint-config-recess-order": "^7.4.0",
125
- "stylelint-config-standard": "^39.0.1",
123
+ "stylelint": "^17.0.0",
124
+ "stylelint-config-recess-order": "^7.6.0",
125
+ "stylelint-config-standard": "^40.0.0",
126
126
  "svgo-loader": "^4.0.0",
127
127
  "typescript": "^5.9.3",
128
- "typescript-eslint": "^8.53.0",
128
+ "typescript-eslint": "^8.54.0",
129
129
  "webpack-dev-middleware": "^7.4.5",
130
130
  "webpack-hot-middleware": "^2.26.1",
131
131
  "webpack-merge": "^6.0.1",
@@ -133,6 +133,7 @@
133
133
  },
134
134
  "overrides": {
135
135
  "glob": ">=10.5.0",
136
+ "stylelint-order": ">=7.0.1",
136
137
  "tmp": ">=0.2.4"
137
138
  },
138
139
  "packageManager": "npm@11.6.2",
package/server.js CHANGED
@@ -91,8 +91,9 @@ async function serverRenderMiddleware(req, res, page) {
91
91
 
92
92
  res.writeHead(res.statusCode, {
93
93
  "Content-Type": "text/html",
94
+ "Content-Length": Buffer.byteLength(html),
94
95
  });
95
- res.end(html);
96
+ res.end(res.locals.wasHead ? undefined : html);
96
97
  } catch (error) {
97
98
  console.error("SSR render error:", error);
98
99
  res.writeHead(500).end();
@@ -202,6 +203,16 @@ export async function startServer() {
202
203
  }
203
204
 
204
205
  const RARI_URL = process.env.RARI_URL || "http://localhost:8083";
206
+
207
+ // Convert HEAD requests to GET so Rari returns full response for rendering
208
+ app.use((req, res, next) => {
209
+ if (req.method === "HEAD") {
210
+ req.method = "GET";
211
+ res.locals.wasHead = true;
212
+ }
213
+ next();
214
+ });
215
+
205
216
  app.use(
206
217
  createProxyMiddleware({
207
218
  target: RARI_URL,
@@ -1,64 +0,0 @@
1
- /*! For license information please see 5183.e4104aeffa888fd3.js.LICENSE.txt */
2
- export const __rspack_esm_id="5183";export const __rspack_esm_ids=["5183"];export const __webpack_modules__={52055(e,i,s){s.d(i,{A:()=>y});var t=s(97825),r=s(31601),n=s.n(r),o=s(76314),l=s.n(o),a=s(67168),c=s(4417),d=s.n(c),m=new s.U(s(3080)),g=new s.U(s(96720)),h=new s.U(s(22300)),u=new s.U(s(11376)),p=new s.U(s(21747)),f=new s.U(s(53266)),b=l()(n());b.i(a.A);var v=d()(m),k=d()(g),w=d()(h),_=d()(u),x=d()(p),$=d()(f);b.push([e.id,`:host{aspect-ratio:1.5;display:block;margin:.5rem auto;max-width:36rem;overflow:hidden;width:100%}*{box-sizing:border-box}button{appearance:none;background:none;border:none;padding:0}dialog{display:contents}dialog[open]{background-color:#0009;height:90vh;width:90vw}.inner{background-color:#000;border:1px solid #000;container-type:size;flex-direction:column;height:100%}.header,.inner{display:flex;width:100%}.header{align-items:center;background:#000;gap:.25rem;margin:0;min-height:1.75rem;padding:0 .5rem}.header span{color:#fff;font-size:var(--font-size-small);margin-right:auto}.scrim-fullscreen,.scrim-link{background-color:#fff;cursor:pointer;height:1rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1rem}:is(.scrim-fullscreen,.scrim-link):hover{background-color:var(--curriculum-color)}.enter:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${v});mask-image:url(${v})}.exit:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${k});mask-image:url(${k})}.scrim-link:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${w});mask-image:url(${w});-webkit-mask-size:75%;mask-size:75%}.body{flex:1;font-size:4cqmin;position:relative}.background{background-color:#453c78;background-image:url(${_}),url(${x}),url(${$});background-position:1.5em 1.5em,100%,50%;background-repeat:no-repeat;background-size:auto .6em,contain,cover;inset:0;position:absolute}.background h1{bottom:0;color:var(--color-white);font-family:BarlowCondensed-SemiBold,Inter,sans-serif;font-size:3em;font-weight:var(--font-weight-bold);left:0;line-height:var(--font-line-ui);margin:.5em;position:absolute;text-transform:uppercase;text-wrap:balance;width:60%}.background-noise{filter:url(#noise);inset:0;mix-blend-mode:soft-light;position:absolute}.open,iframe{border:none;height:100%;position:absolute;width:100%}.open{--color:#8cb4ffcc;background-image:var(--scrim-img);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;font-size:inherit}.open:hover{--color:#8cb4ffe5}.open svg{height:9em;width:auto;stroke-width:2px}:is(.open svg) circle{fill:var(--color)}:is(.open svg) path{fill:#fff}`,""]);let y=(0,t.AH)([b.toString()])},67168(e,i,s){s.d(i,{A:()=>l});var t=s(31601),r=s.n(t),n=s(76314),o=s.n(n)()(r());o.push([e.id,".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}",""]);let l=o.toString()},53266(e,i,s){e.exports=s.p+"scrim-bg.27f047d7e991dbe9.png"},96720(e,i,s){e.exports=s.p+"cancel.7362f2cdf3515e0d.svg"},22300(e,i,s){e.exports=s.p+"external-link.4f3a2dc8e402cae5.svg"},3080(e,i,s){e.exports=s.p+"fullscreen-enter.452bcbaed6904ec7.svg"},21747(e,i,s){e.exports=s.p+"scrim-hexagons.e59318adb5550050.svg"},11376(e,i,s){e.exports=s.p+"scrimba-logo.0c5b5b4efd2b23dc.svg"},43602(e,i,s){s.r(i),s.d(i,{MDNScrimInline:()=>MDNScrimInline});var t=s(97825),r=s(13121),n=s(5350),o=s(61822);let l=(0,t.JW)`<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" viewBox="0 0 112 112"><circle cx="55.764" cy="55.764" r="41.823"/><path d="M69.011 57.428a2 2 0 0 0 0-3.328L50.903 42.027c-1.33-.886-3.11.067-3.11 1.664v24.145c0 1.598 1.78 2.55 3.11 1.664z"/></svg>`;var a=s(52055);let MDNScrimInline=class MDNScrimInline extends(0,o.J)(t.WF){static styles=a.A;static ssr=!1;static properties={url:{type:String},img:{type:String},scrimTitle:{type:String,attribute:"scrimtitle"},_fullscreen:{state:!0},_scrimLoaded:{state:!0}};constructor(){super(),this.url=void 0,this._fullUrl=void 0,this._scrimId=void 0,this.img=void 0,this._imgStyle={},this.scrimTitle=void 0,this._fullscreen=!1,this._scrimLoaded=!1}willUpdate(e){if(e.has("url"))if(this.url){let e=new URL(this.url);e.searchParams.set("via","mdn"),e.searchParams.set("embed",""),this._fullUrl=e.toString(),this._scrimId=e.pathname.slice(1)}else this._fullUrl=void 0,this._scrimId=void 0;e.has("img")&&(this._imgStyle=this.img?{"--scrim-img":`url(${this.img})`}:{})}render(){return this.url&&this._fullUrl?(0,t.qy)`
3
- <dialog @close=${this.#e} style=${(0,n.W)(this._imgStyle)}>
4
- <div class="inner">
5
- <div class="header">
6
- <span
7
- >${this.l10n`Clicking will load content from scrimba.com`}</span
8
- >
9
- <button tabindex="0" @click=${this.#i} class="toggle">
10
- <div
11
- class="scrim-fullscreen ${this._fullscreen?"exit":"enter"}"
12
- ></div>
13
- <span class="visually-hidden"
14
- >${this.l10n`Toggle fullscreen`}</span
15
- >
16
- </button>
17
- <a
18
- href=${this._fullUrl}
19
- target="_blank"
20
- rel="origin noreferrer"
21
- class="external"
22
- data-glean-id="curriculum: scrim link id:${this._scrimId}"
23
- >
24
- <div class="scrim-link"></div>
25
- <span class="visually-hidden">${this.l10n`Open on Scrimba`}</span>
26
- </a>
27
- </div>
28
- <div class="body">
29
- ${this._scrimLoaded?(0,t.qy)`
30
- <iframe
31
- src=${this._fullUrl}
32
- title=${(0,r.J)(this.scrimTitle)}
33
- ></iframe>
34
- `:(0,t.qy)`
35
- ${this.scrimTitle&&!this.img?(0,t.qy)`<div class="background">
36
- <div class="background-noise">
37
- <svg width="0" height="0">
38
- <filter id="noise">
39
- <feTurbulence
40
- type="fractalNoise"
41
- baseFrequency="0.7"
42
- numOctaves="4"
43
- />
44
- </filter>
45
- </svg>
46
- </div>
47
- <h1>${this.scrimTitle}</h1>
48
- </div>`:null}
49
- <button
50
- @click=${this.#s}
51
- class="open"
52
- data-glean-id=${`curriculum: scrim engage id:${this._scrimId}`}
53
- >
54
- ${l}
55
- <span class="visually-hidden">
56
- ${this.l10n`Load scrim and open dialog.`}
57
- </span>
58
- </button>
59
- `}
60
- </div>
61
- </div>
62
- </dialog>
63
- `:t.s6}#i(e){e.target instanceof HTMLElement&&(e.target.dataset.gleanId=`curriculum: scrim fullscreen -> ${+!this._fullscreen} id:${this._scrimId}`),this._fullscreen?this.#t():this.#s()}#s(){let e=this.renderRoot.querySelector("dialog");e&&(e.showModal(),this._scrimLoaded=!0,this._fullscreen=!0)}#t(){let e=this.renderRoot.querySelector("dialog");e?.close()}#e(){this._fullscreen=!1}};customElements.define("mdn-scrim-inline",MDNScrimInline)},13121(e,i,s){s.d(i,{J:()=>r});var t=s(36752);let r=e=>e??t.s6}};
64
- //# sourceMappingURL=5183.e4104aeffa888fd3.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"5183.e4104aeffa888fd3.js","sources":["webpack://@mdn/fred/./components/scrim-inline/element.css","webpack://@mdn/fred/./components/visually-hidden/global.css?228a","webpack://@mdn/fred/./components/scrim-inline/assets/scrim-play.svg","webpack://@mdn/fred/./components/scrim-inline/element.js","webpack://@mdn/fred/./node_modules/lit-html/directives/if-defined.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../visually-hidden/global.css\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../icon/fullscreen-enter.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../icon/cancel.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(\"../icon/external-link.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_3___ = new URL(\"assets/scrimba-logo.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_4___ = new URL(\"assets/scrim-hexagons.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_5___ = new URL(\"assets/scrim-bg.png\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);\nvar ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___);\nvar ___CSS_LOADER_URL_REPLACEMENT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{aspect-ratio:1.5;display:block;margin:.5rem auto;max-width:36rem;overflow:hidden;width:100%}*{box-sizing:border-box}button{appearance:none;background:none;border:none;padding:0}dialog{display:contents}dialog[open]{background-color:#0009;height:90vh;width:90vw}.inner{background-color:#000;border:1px solid #000;container-type:size;flex-direction:column;height:100%}.header,.inner{display:flex;width:100%}.header{align-items:center;background:#000;gap:.25rem;margin:0;min-height:1.75rem;padding:0 .5rem}.header span{color:#fff;font-size:var(--font-size-small);margin-right:auto}.scrim-fullscreen,.scrim-link{background-color:#fff;cursor:pointer;height:1rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1rem}:is(.scrim-fullscreen,.scrim-link):hover{background-color:var(--curriculum-color)}.enter:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___})}.exit:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___})}.scrim-link:is(.scrim-fullscreen,.scrim-link){-webkit-mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___});mask-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___});-webkit-mask-size:75%;mask-size:75%}.body{flex:1;font-size:4cqmin;position:relative}.background{background-color:#453c78;background-image:url(${___CSS_LOADER_URL_REPLACEMENT_3___}),url(${___CSS_LOADER_URL_REPLACEMENT_4___}),url(${___CSS_LOADER_URL_REPLACEMENT_5___});background-position:1.5em 1.5em,100%,50%;background-repeat:no-repeat;background-size:auto .6em,contain,cover;inset:0;position:absolute}.background h1{bottom:0;color:var(--color-white);font-family:BarlowCondensed-SemiBold,Inter,sans-serif;font-size:3em;font-weight:var(--font-weight-bold);left:0;line-height:var(--font-line-ui);margin:.5em;position:absolute;text-transform:uppercase;text-wrap:balance;width:60%}.background-noise{filter:url(#noise);inset:0;mix-blend-mode:soft-light;position:absolute}.open,iframe{border:none;height:100%;position:absolute;width:100%}.open{--color:#8cb4ffcc;background-image:var(--scrim-img);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;font-size:inherit}.open:hover{--color:#8cb4ffe5}.open svg{height:9em;width:auto;stroke-width:2px}:is(.open svg) circle{fill:var(--color)}:is(.open svg) path{fill:#fff}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.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}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import { svg } from \"lit\"; export default svg`<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000\" viewBox=\"0 0 112 112\"><circle cx=\"55.764\" cy=\"55.764\" r=\"41.823\"/><path d=\"M69.011 57.428a2 2 0 0 0 0-3.328L50.903 42.027c-1.33-.886-3.11.067-3.11 1.664v24.145c0 1.598 1.78 2.55 3.11 1.664z\"/></svg>`;","import { LitElement, html, nothing } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nimport { L10nMixin } from \"../../l10n/mixin.js\";\n\nimport playSvg from \"./assets/scrim-play.svg?lit\";\nimport styles from \"./element.css?lit\";\n\nexport class MDNScrimInline extends L10nMixin(LitElement) {\n static styles = styles;\n\n static ssr = false;\n\n static properties = {\n url: { type: String },\n img: { type: String },\n scrimTitle: { type: String, attribute: \"scrimtitle\" },\n _fullscreen: { state: true },\n _scrimLoaded: { state: true },\n };\n\n constructor() {\n super();\n /** @type {string | undefined} */\n this.url = undefined;\n /** @type {string | undefined} */\n this._fullUrl = undefined;\n /** @type {string | undefined} */\n this._scrimId = undefined;\n\n /** @type {string | undefined} */\n this.img = undefined;\n /** @type {import(\"lit/directives/style-map.js\").StyleInfo} */\n this._imgStyle = {};\n\n /** @type {string | undefined} */\n this.scrimTitle = undefined;\n\n /** @type {boolean} */\n this._fullscreen = false;\n /** @type {boolean} */\n this._scrimLoaded = false;\n }\n\n /**\n * @param {import(\"lit\").PropertyValues<this>} changedProperties\n */\n willUpdate(changedProperties) {\n if (changedProperties.has(\"url\")) {\n if (this.url) {\n const url = new URL(this.url);\n url.searchParams.set(\"via\", \"mdn\");\n url.searchParams.set(\"embed\", \"\");\n this._fullUrl = url.toString();\n\n this._scrimId = url.pathname.slice(1);\n } else {\n this._fullUrl = undefined;\n this._scrimId = undefined;\n }\n }\n\n if (changedProperties.has(\"img\")) {\n this._imgStyle = this.img\n ? {\n \"--scrim-img\": `url(${this.img})`,\n }\n : {};\n }\n }\n\n render() {\n if (!this.url || !this._fullUrl) {\n return nothing;\n }\n\n return html`\n <dialog @close=${this.#dialogClosed} style=${styleMap(this._imgStyle)}>\n <div class=\"inner\">\n <div class=\"header\">\n <span\n >${this.l10n`Clicking will load content from scrimba.com`}</span\n >\n <button tabindex=\"0\" @click=${this.#toggle} class=\"toggle\">\n <div\n class=\"scrim-fullscreen ${this._fullscreen ? \"exit\" : \"enter\"}\"\n ></div>\n <span class=\"visually-hidden\"\n >${this.l10n`Toggle fullscreen`}</span\n >\n </button>\n <a\n href=${this._fullUrl}\n target=\"_blank\"\n rel=\"origin noreferrer\"\n class=\"external\"\n data-glean-id=\"curriculum: scrim link id:${this._scrimId}\"\n >\n <div class=\"scrim-link\"></div>\n <span class=\"visually-hidden\">${this.l10n`Open on Scrimba`}</span>\n </a>\n </div>\n <div class=\"body\">\n ${this._scrimLoaded\n ? html`\n <iframe\n src=${this._fullUrl}\n title=${ifDefined(this.scrimTitle)}\n ></iframe>\n `\n : html`\n ${this.scrimTitle && !this.img\n ? html`<div class=\"background\">\n <div class=\"background-noise\">\n <svg width=\"0\" height=\"0\">\n <filter id=\"noise\">\n <feTurbulence\n type=\"fractalNoise\"\n baseFrequency=\"0.7\"\n numOctaves=\"4\"\n />\n </filter>\n </svg>\n </div>\n <h1>${this.scrimTitle}</h1>\n </div>`\n : null}\n <button\n @click=${this.#open}\n class=\"open\"\n data-glean-id=${`curriculum: scrim engage id:${this._scrimId}`}\n >\n ${playSvg}\n <span class=\"visually-hidden\">\n ${this.l10n`Load scrim and open dialog.`}\n </span>\n </button>\n `}\n </div>\n </div>\n </dialog>\n `;\n }\n\n /**\n * @param {MouseEvent} e\n */\n #toggle(e) {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.gleanId = `curriculum: scrim fullscreen -> ${this._fullscreen ? 0 : 1} id:${this._scrimId}`;\n }\n if (this._fullscreen) {\n this.#close();\n } else {\n this.#open();\n }\n }\n\n #open() {\n const dialog = this.renderRoot.querySelector(\"dialog\");\n if (dialog) {\n dialog.showModal();\n this._scrimLoaded = true;\n this._fullscreen = true;\n }\n }\n\n #close() {\n const dialog = this.renderRoot.querySelector(\"dialog\");\n dialog?.close();\n }\n\n #dialogClosed() {\n this._fullscreen = false;\n }\n}\n\ncustomElements.define(\"mdn-scrim-inline\", MDNScrimInline);\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n"],"names":["_","MDNScrimInline","String","URL","e","HTMLElement","customElements","t"],"mappings":"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"}
@@ -1,9 +0,0 @@
1
- export const __rspack_esm_id="7047";export const __rspack_esm_ids=["7047"];export const __webpack_modules__={74711(t,e,a){a.d(e,{A:()=>c});var i=a(97825),o=a(31601),s=a.n(o),r=a(76314),n=a.n(r),l=a(39807),d=n()(s());d.i(l.A),d.push([t.id,":host{display:block}.tablist-wrapper{background:var(--about-bg-secondary);margin:0 calc(var(--center-padding)*-1);margin-bottom:2rem;padding:0 var(--center-padding);position:sticky;top:var(--sticky-header-height);z-index:2}.tablist{border-bottom:1px solid var(--about-tablist-border);display:flex;gap:3rem;overflow-x:auto}::slotted([slot=tab]){color:var(--about-tablist-color);flex-shrink:0;font-weight:400;-webkit-text-decoration:none;text-decoration:none}::slotted([slot=tab].active){border-bottom:2px solid var(--about-tablist-active-border);color:var(--about-tablist-active-color)}::slotted([slot=panel]:not(.active)){display:none!important}::slotted([slot=panel].active){display:block}",""]);let c=(0,i.AH)([d.toString()])},39807(t,e,a){a.d(e,{A:()=>n});var i=a(31601),o=a.n(i),s=a(76314),r=a.n(s)()(o());r.push([t.id,"*,: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}",""]);let n=r.toString()},54842(t,e,a){a.r(e),a.d(e,{MDNAboutTabs:()=>MDNAboutTabs});var i=a(97825),o=a(74711);let MDNAboutTabs=class MDNAboutTabs extends i.WF{static styles=o.A;static properties={active_index:{type:Number}};constructor(){super(),this.active_index=0}firstUpdated(){if(null===this.shadowRoot)return;let t=this.shadowRoot.querySelector("slot[name='tab']");if(null===t)return;let e=globalThis.location.hash.slice(1);if(e){let a=e.startsWith("our_team")?"our_team":e.startsWith("our_partners")||"product_advisory_board"===e||"open_web_docs"===e?"our_partners":e,i=t.assignedElements({flatten:!0});if(i&&i.length>0){for(let[t,e]of i.entries())if(e instanceof HTMLElement&&e.dataset.panelId===a){this.active_index=t;break}}}t.addEventListener("slotchange",()=>this._wireSlots()),this._wireSlots()}_wireSlots(){if(null===this.shadowRoot)return;let t=this.shadowRoot.querySelector('slot[name="tab"]');if(null===t)return;let e=t.assignedElements({flatten:!0}),a=this.shadowRoot.querySelector('slot[name="panel"]');if(null===a)return;let i=a.assignedElements({flatten:!0});for(let[t,a]of e.entries()){a.setAttribute("role","tab"),a.setAttribute("aria-selected",(t===this.active_index).toString()),a.setAttribute("tabindex",t===this.active_index?"0":"-1"),a.classList.toggle("active",t===this.active_index);let e=e=>{e.preventDefault(),a.dataset.panelId&&(globalThis.location.hash=a.dataset.panelId),this.active_index=t,requestAnimationFrame(()=>{let t=i[this.active_index];t&&t.getBoundingClientRect().top<0&&t.scrollIntoView({block:"start",inline:"nearest"})})};a.removeEventListener("click",a.__handleClick),a.addEventListener("click",e),a.__handleClick=e}for(let[t,e]of i.entries())e.setAttribute("role","tabpanel"),e.setAttribute("aria-hidden",(t!==this.active_index).toString()),e.classList.toggle("active",t===this.active_index),e.classList.add("tabpanel")}updated(t){t.has("active_index")&&this._wireSlots()}render(){return(0,i.qy)`
2
- <div class="tablist-wrapper">
3
- <div class="tablist">
4
- <slot name="tab"></slot>
5
- </div>
6
- </div>
7
- <slot name="panel"></slot>
8
- `}};customElements.define("mdn-about-tabs",MDNAboutTabs)}};
9
- //# sourceMappingURL=7047.5a3c9165bf33e8ef.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"7047.5a3c9165bf33e8ef.js","sources":["webpack://@mdn/fred/./components/about-tabs/element.css","webpack://@mdn/fred/./components/global/global.css?1b68","webpack://@mdn/fred/./components/about-tabs/element.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../build/loaders/fix-light-dark.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../global/global.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block}.tablist-wrapper{background:var(--about-bg-secondary);margin:0 calc(var(--center-padding)*-1);margin-bottom:2rem;padding:0 var(--center-padding);position:sticky;top:var(--sticky-header-height);z-index:2}.tablist{border-bottom:1px solid var(--about-tablist-border);display:flex;gap:3rem;overflow-x:auto}::slotted([slot=tab]){color:var(--about-tablist-color);flex-shrink:0;font-weight:400;-webkit-text-decoration:none;text-decoration:none}::slotted([slot=tab].active){border-bottom:2px solid var(--about-tablist-active-border);color:var(--about-tablist-active-color)}::slotted([slot=panel]:not(.active)){display:none!important}::slotted([slot=panel].active){display:block}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*,: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}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import { LitElement, html } from \"lit\";\n\nimport styles from \"./element.css?lit\";\n\nexport class MDNAboutTabs extends LitElement {\n static styles = styles;\n\n static properties = {\n active_index: { type: Number },\n };\n\n constructor() {\n super();\n /** @type {number} */\n this.active_index = 0;\n }\n\n firstUpdated() {\n if (this.shadowRoot === null) {\n return;\n }\n const tabSlot = this.shadowRoot.querySelector(\"slot[name='tab']\");\n if (tabSlot === null) {\n return;\n }\n\n // Check for URL hash and set active_index accordingly\n const hash = globalThis.location.hash.slice(1);\n if (hash) {\n const tabHash = hash.startsWith(\"our_team\")\n ? \"our_team\"\n : hash.startsWith(\"our_partners\") ||\n hash === \"product_advisory_board\" ||\n hash === \"open_web_docs\"\n ? \"our_partners\"\n : hash;\n\n // @ts-expect-error\n const tabs = tabSlot.assignedElements({ flatten: true });\n if (tabs && tabs.length > 0) {\n for (const [i, tabEl] of tabs.entries()) {\n if (\n tabEl instanceof HTMLElement &&\n tabEl.dataset.panelId === tabHash\n ) {\n this.active_index = i;\n break;\n }\n }\n }\n }\n\n tabSlot.addEventListener(\"slotchange\", () => this._wireSlots());\n this._wireSlots();\n }\n\n _wireSlots() {\n if (this.shadowRoot === null) {\n return;\n }\n const tabSlot = this.shadowRoot.querySelector('slot[name=\"tab\"]');\n if (tabSlot === null) {\n return;\n }\n\n /** @type {HTMLSlotElement[]} */\n // @ts-expect-error\n const tabs = tabSlot.assignedElements({ flatten: true });\n const panelSlot = this.shadowRoot.querySelector('slot[name=\"panel\"]');\n if (panelSlot === null) {\n return;\n }\n\n /** @type {HTMLSlotElement[]} */\n // @ts-expect-error\n const panels = panelSlot.assignedElements({ flatten: true });\n\n for (const [i, tabEl] of tabs.entries()) {\n // ensure ARIA roles & attributes\n tabEl.setAttribute(\"role\", \"tab\");\n tabEl.setAttribute(\"aria-selected\", (i === this.active_index).toString());\n tabEl.setAttribute(\"tabindex\", i === this.active_index ? \"0\" : \"-1\");\n tabEl.classList.toggle(\"active\", i === this.active_index);\n\n const handleClick = (/** @type {Event} */ e) => {\n e.preventDefault();\n if (tabEl.dataset.panelId) {\n globalThis.location.hash = tabEl.dataset.panelId;\n }\n this.active_index = i;\n\n requestAnimationFrame(() => {\n const panel = panels[this.active_index];\n if (panel && panel.getBoundingClientRect().top < 0) {\n panel.scrollIntoView({ block: \"start\", inline: \"nearest\" });\n }\n });\n };\n\n // @ts-expect-error\n tabEl.removeEventListener(\"click\", tabEl.__handleClick);\n tabEl.addEventListener(\"click\", handleClick);\n // @ts-expect-error\n tabEl.__handleClick = handleClick;\n }\n\n for (const [i, panelEl] of panels.entries()) {\n panelEl.setAttribute(\"role\", \"tabpanel\");\n panelEl.setAttribute(\"aria-hidden\", (i !== this.active_index).toString());\n panelEl.classList.toggle(\"active\", i === this.active_index);\n panelEl.classList.add(\"tabpanel\");\n }\n }\n\n /** @param {Map<string | number | symbol, unknown>} changed */\n updated(changed) {\n if (changed.has(\"active_index\")) {\n this._wireSlots();\n }\n }\n\n render() {\n return html`\n <div class=\"tablist-wrapper\">\n <div class=\"tablist\">\n <slot name=\"tab\"></slot>\n </div>\n </div>\n <slot name=\"panel\"></slot>\n `;\n }\n}\n\ncustomElements.define(\"mdn-about-tabs\", MDNAboutTabs);\n"],"names":["MDNAboutTabs","Number","t","globalThis","HTMLElement","e","requestAnimationFrame","customElements"],"mappings":"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"}
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="8115";export const __rspack_esm_ids=["8115"];export const __webpack_modules__={7571(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-a11y-menu.49f604eb400e3a1b.js";s.C(_),s(s.s=7571);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="3753";export const __rspack_esm_ids=["3753"];export const __webpack_modules__={6261(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-advertising.206d401ac1918107.js";s.C(_),s(s.s=6261);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="8769";export const __rspack_esm_ids=["8769"];export const __webpack_modules__={53389(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as e from"./styles-article-footer.bf7a12a8f26de9d8.js";s.C(e),s(s.s=53389);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="3501";export const __rspack_esm_ids=["3501"];export const __webpack_modules__={37569(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-banner.045fd9429c0b4559.js";s.C(_),s(s.s=37569);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="6412";export const __rspack_esm_ids=["6412"];export const __webpack_modules__={75628(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-baseline-indicator.1a9a989c5eed2bd0.js";s.C(_),s(s.s=75628);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="2254";export const __rspack_esm_ids=["2254"];export const __webpack_modules__={18314(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-blog-index.07075fbe70ea701a.js";s.C(_),s(s.s=18314);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="618";export const __rspack_esm_ids=["618"];export const __webpack_modules__={174(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as o from"./styles-blog-post.f096d7b72acc54c7.js";s.C(o),s(s.s=174);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="9217";export const __rspack_esm_ids=["9217"];export const __webpack_modules__={59461(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-breadcrumbs-bar.b6d2903779905507.js";s.C(_),s(s.s=59461);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="7113";export const __rspack_esm_ids=["7113"];export const __webpack_modules__={29365(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as e from"./styles-breadcrumbs.7b6a3fca16762395.js";s.C(e),s(s.s=29365);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="3519";export const __rspack_esm_ids=["3519"];export const __webpack_modules__={15727(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-button.68557b262acc04d5.js";s.C(_),s(s.s=15727);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="7360";export const __rspack_esm_ids=["7360"];export const __webpack_modules__={60928(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as e from"./styles-content-section.8b58198fcbb512cd.js";s.C(e),s(s.s=60928);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="7699";export const __rspack_esm_ids=["7699"];export const __webpack_modules__={91515(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as o from"./styles-contributor-spotlight.65897b7d1c3de5e6.js";s.C(o),s(s.s=91515);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="3987";export const __rspack_esm_ids=["3987"];export const __webpack_modules__={36552(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as c from"./styles-curriculum-about.013603624423e8b7.js";s.C(c),s(s.s=36552);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="5680";export const __rspack_esm_ids=["5680"];export const __webpack_modules__={22064(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-curriculum-default.8d3cc74e416d99c0.js";s.C(_),s(s.s=22064);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="8086";export const __rspack_esm_ids=["8086"];export const __webpack_modules__={33634(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-curriculum-landing.95ce2c9c6203fda2.js";s.C(_),s(s.s=33634);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="365";export const __rspack_esm_ids=["365"];export const __webpack_modules__={26945(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-curriculum-module.6bd730e94b6ab4b0.js";s.C(_),s(s.s=26945);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="2670";export const __rspack_esm_ids=["2670"];export const __webpack_modules__={50554(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-curriculum-overview.31fd536067fb14e7.js";s.C(_),s(s.s=50554);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="353";export const __rspack_esm_ids=["353"];export const __webpack_modules__={28045(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as e from"./styles-featured-articles.122a3779cde55236.js";s.C(e),s(s.s=28045);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="1856";export const __rspack_esm_ids=["1856"];export const __webpack_modules__={88504(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as e from"./styles-footer.fedc4476f04ebc15.js";s.C(e),s(s.s=88504);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="1174";export const __rspack_esm_ids=["1174"];export const __webpack_modules__={36306(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as e from"./styles-generic-about.7e63ff8a4b7851ef.js";s.C(e),s(s.s=36306);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="378";export const __rspack_esm_ids=["378"];export const __webpack_modules__={10646(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-generic-community.dae09a544431e63d.js";s.C(_),s(s.s=10646);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="110";export const __rspack_esm_ids=["110"];export const __webpack_modules__={62866(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as e from"./styles-generic-content.16d08aa39ea401b9.js";s.C(e),s(s.s=62866);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="9857";export const __rspack_esm_ids=["9857"];export const __webpack_modules__={70605(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as e from"./styles-generic-layout.3e4f2f4951ea186b.js";s.C(e),s(s.s=70605);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="4395";export const __rspack_esm_ids=["4395"];export const __webpack_modules__={11835(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as e from"./styles-generic-sidebar.b2e094fc3c0756ab.js";s.C(e),s(s.s=11835);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="5833";export const __rspack_esm_ids=["5833"];export const __webpack_modules__={637(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as c from"./styles-generic-toc.cd70dab26a1241d4.js";s.C(c),s(s.s=637);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="4016";export const __rspack_esm_ids=["4016"];export const __webpack_modules__={33196(){},41519(){},38637(){},12224(){},59768(){},63102(){},13777(){},49374(){},41056(){},65882(){},8842(){},71697(){},9500(){},55386(){},87493(){},64648(){},23653(){},88339(){},87017(){},35401(){},39689(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";var o=function(o){return s(s.s=o)};import*as _ from"./styles-global.5f2ce7704ec8c59c.js";s.C(_),o(33196),o(41519),o(38637),o(12224),o(59768),o(63102),o(13777),o(49374),o(41056),o(65882),o(8842),o(71697),o(9500),o(55386),o(87493),o(64648),o(23653),o(88339),o(87017),o(35401),o(39689);
@@ -1,2 +0,0 @@
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-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;--csstools-color-scheme--light:initial;background-color:var(--color-background-page);color-scheme:light dark;scroll-behavior:smooth}@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:14rem;--layout-sidebar-gap:2rem;--layout-content-min:31rem;--layout-content-max:48rem;--layout-2-sidebars:[full-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end right-sidebar-end];--layout-1-sidebar-left:[full-start sidebar-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [sidebar-end left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [full-end content-end] minmax(0,1fr);--layout-1-sidebar-right:minmax(0,1fr) [full-start content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [sidebar-start right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end sidebar-end right-sidebar-end];--layout-no-sidebar:[full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end];--layout-no-sidebar-extended:[extended-full-start] var(--layout-side-padding) [full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end] var(--layout-side-padding) [extended-full-end]}mdn-live-sample-result{display:block}html a.only-in-en-us:after{content:"(en-US)";display:inline-block;font-size:.7rem;margin-left:.5ch;vertical-align:super}html[lang=de] a.only-in-en-us:after{content:"(engl.)"}html[lang=es] a.only-in-en-us:after{content:"(inglés)"}html[lang=fr] a.only-in-en-us:after{content:"(angl.)"}html[lang=ja] a.only-in-en-us:after{content:"(英語)"}html[lang=ko] a.only-in-en-us:after{content:"(영어)"}html[lang=ru] a.only-in-en-us:after{content:"(англ.)"}html[lang=pt-BR] a.only-in-en-us:after{content:"(inglês)"}html[lang=zh-CN] a.only-in-en-us:after{content:"(英语)";margin-left:unset;vertical-align:initial}html[lang=zh-TW] a.only-in-en-us:after{content:"(英語)";margin-left:unset;vertical-align:initial}.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,.navigation__button,.navigation__menu,.page-layout__banner,.reference-layout__sidebar,.reference-layout__toc,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")}.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.8bc2a924c3985561.css.map*/
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles-global.8bc2a924c3985561.css","sources":["webpack://@mdn/fred/./components/badge/global.css","webpack://@mdn/fred/./components/button/global.css","webpack://@mdn/fred/./components/code-example/global.css","webpack://@mdn/fred/./components/color-theme/global.css","webpack://@mdn/fred/./components/color/border.css","webpack://@mdn/fred/./components/color/background.css","webpack://@mdn/fred/./components/color/text.css","webpack://@mdn/fred/./components/color/link.css","webpack://@mdn/fred/./components/color/scrollbar.css","webpack://@mdn/fred/./components/color/area.css","webpack://@mdn/fred/./components/color/global.css","webpack://@mdn/fred/./components/dropdown/global.css","webpack://@mdn/fred/./components/external-link/global.css","webpack://@mdn/fred/./components/font/inter.css","webpack://@mdn/fred/./components/font/jetbrains-mono.css","webpack://@mdn/fred/./components/font/global.css","webpack://@mdn/fred/./components/global/global.css","webpack://@mdn/fred/./components/html/global.css","webpack://@mdn/fred/./components/icon/global.css","webpack://@mdn/fred/./components/layout/global.css","webpack://@mdn/fred/./components/live-sample-result/global.css","webpack://@mdn/fred/./components/only-in-en-us/global.css","webpack://@mdn/fred/./components/page-not-created/global.css","webpack://@mdn/fred/./components/print/global.css","webpack://@mdn/fred/./components/radius/global.css","webpack://@mdn/fred/./components/scrim-inline/global.css","webpack://@mdn/fred/./components/table-container/global.css","webpack://@mdn/fred/./components/vars/global.css","webpack://@mdn/fred/./components/visually-hidden/global.css"],"sourcesContent":["/*\n Badge legacy.\n\n To be removed when rari no longer renders these.\n\n Note: The selectors are intentionally explicit to discourage use.\n*/\n/* See https://github.com/mdn/rari/blob/5a2ead64bb8d4f46f9c548b942072838fb686281/crates/rari-doc/src/templ/templs/inline_labels.rs#L16-L21 */\n.badge.inline.optional,.badge.inline.readonly,.badge.inline.secure {\n padding: 0.25em 0.5em;\n\n font-size: var(--font-size-small);\n\n vertical-align: text-top;\n\n color: var(--color-text-secondary);\n\n white-space: nowrap;\n\n border: 1px solid var(--color-border-primary);\n border-radius: 1em;\n }\n","mdn-button {\n display: inline-flex;\n vertical-align: middle;\n}\n","mdn-code-example {\n display: block;\n}\n","html[data-theme=\"light\"] {\n --csstools-color-scheme--light: initial;\n color-scheme: light;\n}\n\nhtml[data-theme=\"dark\"] {\n --csstools-color-scheme--light: ;\n color-scheme: dark;\n}\n","/* Border */\n\n:root {\n --csstools-light-dark-toggle-baa18a82-0: var(--csstools-color-scheme--light) var(--color-gray-40);\n --color-border-primary: var(--csstools-light-dark-toggle-baa18a82-0, var(--color-gray-60));\n --csstools-light-dark-toggle-baa18a82-1: var(--csstools-color-scheme--light) var(--color-gray-60);\n --color-border-secondary: var(--csstools-light-dark-toggle-baa18a82-1, var(--color-gray-40));\n --csstools-light-dark-toggle-baa18a82-2: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-border-active: var(--csstools-light-dark-toggle-baa18a82-2, var(--color-blue-50));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-border-primary: light-dark(\n var(--color-gray-60),\n var(--color-gray-40)\n );\n --color-border-secondary: light-dark(\n var(--color-gray-40),\n var(--color-gray-60)\n );\n --color-border-active: light-dark(var(--color-blue-50), var(--color-blue-80));\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root * {\n --csstools-light-dark-toggle-baa18a82-0: var(--csstools-color-scheme--light) var(--color-gray-40);\n --color-border-primary: var(--csstools-light-dark-toggle-baa18a82-0, var(--color-gray-60));\n --csstools-light-dark-toggle-baa18a82-1: var(--csstools-color-scheme--light) var(--color-gray-60);\n --color-border-secondary: var(--csstools-light-dark-toggle-baa18a82-1, var(--color-gray-40));\n --csstools-light-dark-toggle-baa18a82-2: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-border-active: var(--csstools-light-dark-toggle-baa18a82-2, var(--color-blue-50));\n }\n}\n","/* Background */\n\n/* Basic */\n\n:root {\n --csstools-light-dark-toggle-29c9dff5-0: var(--csstools-color-scheme--light) var(--color-gray-05);\n --color-background-page: var(--csstools-light-dark-toggle-29c9dff5-0, var(--color-white));\n --csstools-light-dark-toggle-29c9dff5-1: var(--csstools-color-scheme--light) var(--color-gray-10);\n --color-background-primary: var(--csstools-light-dark-toggle-29c9dff5-1, var(--color-gray-90));\n --csstools-light-dark-toggle-29c9dff5-2: var(--csstools-color-scheme--light) var(--color-gray-20);\n --color-background-secondary: var(--csstools-light-dark-toggle-29c9dff5-2, var(--color-gray-80));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-background-page: light-dark(var(--color-white), var(--color-gray-05));\n --color-background-primary: light-dark(\n var(--color-gray-90),\n var(--color-gray-10)\n );\n --color-background-secondary: light-dark(\n var(--color-gray-80),\n var(--color-gray-20)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root * {\n --csstools-light-dark-toggle-29c9dff5-0: var(--csstools-color-scheme--light) var(--color-gray-05);\n --color-background-page: var(--csstools-light-dark-toggle-29c9dff5-0, var(--color-white));\n --csstools-light-dark-toggle-29c9dff5-1: var(--csstools-color-scheme--light) var(--color-gray-10);\n --color-background-primary: var(--csstools-light-dark-toggle-29c9dff5-1, var(--color-gray-90));\n --csstools-light-dark-toggle-29c9dff5-2: var(--csstools-color-scheme--light) var(--color-gray-20);\n --color-background-secondary: var(--csstools-light-dark-toggle-29c9dff5-2, var(--color-gray-80));\n }\n}\n\n/* Tinted */\n\n:root {\n --csstools-light-dark-toggle-29c9dff5-3: var(--csstools-color-scheme--light) var(--color-red-10);\n --color-background-red: var(--csstools-light-dark-toggle-29c9dff5-3, var(--color-red-90));\n --csstools-light-dark-toggle-29c9dff5-4: var(--csstools-color-scheme--light) var(--color-orange-10);\n --color-background-orange: var(--csstools-light-dark-toggle-29c9dff5-4, var(--color-orange-90));\n --csstools-light-dark-toggle-29c9dff5-5: var(--csstools-color-scheme--light) var(--color-yellow-10);\n --color-background-yellow: var(--csstools-light-dark-toggle-29c9dff5-5, var(--color-yellow-90));\n --csstools-light-dark-toggle-29c9dff5-6: var(--csstools-color-scheme--light) var(--color-green-10);\n --color-background-green: var(--csstools-light-dark-toggle-29c9dff5-6, var(--color-green-90));\n --csstools-light-dark-toggle-29c9dff5-7: var(--csstools-color-scheme--light) var(--color-blue-10);\n --color-background-blue: var(--csstools-light-dark-toggle-29c9dff5-7, var(--color-blue-90));\n --csstools-light-dark-toggle-29c9dff5-8: var(--csstools-color-scheme--light) var(--color-purple-10);\n --color-background-purple: var(--csstools-light-dark-toggle-29c9dff5-8, var(--color-purple-90));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-background-red: light-dark(var(--color-red-90), var(--color-red-10));\n --color-background-orange: light-dark(\n var(--color-orange-90),\n var(--color-orange-10)\n );\n --color-background-yellow: light-dark(\n var(--color-yellow-90),\n var(--color-yellow-10)\n );\n --color-background-green: light-dark(\n var(--color-green-90),\n var(--color-green-10)\n );\n --color-background-blue: light-dark(\n var(--color-blue-90),\n var(--color-blue-10)\n );\n --color-background-purple: light-dark(\n var(--color-purple-90),\n var(--color-purple-10)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root * {\n --csstools-light-dark-toggle-29c9dff5-3: var(--csstools-color-scheme--light) var(--color-red-10);\n --color-background-red: var(--csstools-light-dark-toggle-29c9dff5-3, var(--color-red-90));\n --csstools-light-dark-toggle-29c9dff5-4: var(--csstools-color-scheme--light) var(--color-orange-10);\n --color-background-orange: var(--csstools-light-dark-toggle-29c9dff5-4, var(--color-orange-90));\n --csstools-light-dark-toggle-29c9dff5-5: var(--csstools-color-scheme--light) var(--color-yellow-10);\n --color-background-yellow: var(--csstools-light-dark-toggle-29c9dff5-5, var(--color-yellow-90));\n --csstools-light-dark-toggle-29c9dff5-6: var(--csstools-color-scheme--light) var(--color-green-10);\n --color-background-green: var(--csstools-light-dark-toggle-29c9dff5-6, var(--color-green-90));\n --csstools-light-dark-toggle-29c9dff5-7: var(--csstools-color-scheme--light) var(--color-blue-10);\n --color-background-blue: var(--csstools-light-dark-toggle-29c9dff5-7, var(--color-blue-90));\n --csstools-light-dark-toggle-29c9dff5-8: var(--csstools-color-scheme--light) var(--color-purple-10);\n --color-background-purple: var(--csstools-light-dark-toggle-29c9dff5-8, var(--color-purple-90));\n }\n}\n","/* Text */\n\n/* Basic */\n\n:root {\n --csstools-light-dark-toggle-e9dfdd1f-0: var(--csstools-color-scheme--light) var(--color-white);\n --color-text-primary: var(--csstools-light-dark-toggle-e9dfdd1f-0, var(--color-black));\n --csstools-light-dark-toggle-e9dfdd1f-1: var(--csstools-color-scheme--light) var(--color-gray-60);\n --color-text-secondary: var(--csstools-light-dark-toggle-e9dfdd1f-1, var(--color-gray-40));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-text-primary: light-dark(var(--color-black), var(--color-white));\n --color-text-secondary: light-dark(\n var(--color-gray-40),\n var(--color-gray-60)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root * {\n --csstools-light-dark-toggle-e9dfdd1f-0: var(--csstools-color-scheme--light) var(--color-white);\n --color-text-primary: var(--csstools-light-dark-toggle-e9dfdd1f-0, var(--color-black));\n --csstools-light-dark-toggle-e9dfdd1f-1: var(--csstools-color-scheme--light) var(--color-gray-60);\n --color-text-secondary: var(--csstools-light-dark-toggle-e9dfdd1f-1, var(--color-gray-40));\n }\n}\n\n/* Tinted */\n\n:root {\n --csstools-light-dark-toggle-e9dfdd1f-2: var(--csstools-color-scheme--light) var(--color-red-80);\n --color-text-red: var(--csstools-light-dark-toggle-e9dfdd1f-2, var(--color-red-20));\n --csstools-light-dark-toggle-e9dfdd1f-3: var(--csstools-color-scheme--light) var(--color-orange-80);\n --color-text-orange: var(--csstools-light-dark-toggle-e9dfdd1f-3, var(--color-orange-20));\n --csstools-light-dark-toggle-e9dfdd1f-4: var(--csstools-color-scheme--light) var(--color-yellow-80);\n --color-text-yellow: var(--csstools-light-dark-toggle-e9dfdd1f-4, var(--color-yellow-20));\n --csstools-light-dark-toggle-e9dfdd1f-5: var(--csstools-color-scheme--light) var(--color-green-80);\n --color-text-green: var(--csstools-light-dark-toggle-e9dfdd1f-5, var(--color-green-20));\n --csstools-light-dark-toggle-e9dfdd1f-6: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-text-blue: var(--csstools-light-dark-toggle-e9dfdd1f-6, var(--color-blue-20));\n --csstools-light-dark-toggle-e9dfdd1f-7: var(--csstools-color-scheme--light) var(--color-purple-80);\n --color-text-purple: var(--csstools-light-dark-toggle-e9dfdd1f-7, var(--color-purple-20));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-text-red: light-dark(var(--color-red-20), var(--color-red-80));\n --color-text-orange: light-dark(\n var(--color-orange-20),\n var(--color-orange-80)\n );\n --color-text-yellow: light-dark(\n var(--color-yellow-20),\n var(--color-yellow-80)\n );\n --color-text-green: light-dark(var(--color-green-20), var(--color-green-80));\n --color-text-blue: light-dark(var(--color-blue-20), var(--color-blue-80));\n --color-text-purple: light-dark(\n var(--color-purple-20),\n var(--color-purple-80)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root * {\n --csstools-light-dark-toggle-e9dfdd1f-2: var(--csstools-color-scheme--light) var(--color-red-80);\n --color-text-red: var(--csstools-light-dark-toggle-e9dfdd1f-2, var(--color-red-20));\n --csstools-light-dark-toggle-e9dfdd1f-3: var(--csstools-color-scheme--light) var(--color-orange-80);\n --color-text-orange: var(--csstools-light-dark-toggle-e9dfdd1f-3, var(--color-orange-20));\n --csstools-light-dark-toggle-e9dfdd1f-4: var(--csstools-color-scheme--light) var(--color-yellow-80);\n --color-text-yellow: var(--csstools-light-dark-toggle-e9dfdd1f-4, var(--color-yellow-20));\n --csstools-light-dark-toggle-e9dfdd1f-5: var(--csstools-color-scheme--light) var(--color-green-80);\n --color-text-green: var(--csstools-light-dark-toggle-e9dfdd1f-5, var(--color-green-20));\n --csstools-light-dark-toggle-e9dfdd1f-6: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-text-blue: var(--csstools-light-dark-toggle-e9dfdd1f-6, var(--color-blue-20));\n --csstools-light-dark-toggle-e9dfdd1f-7: var(--csstools-color-scheme--light) var(--color-purple-80);\n --color-text-purple: var(--csstools-light-dark-toggle-e9dfdd1f-7, var(--color-purple-20));\n }\n}\n","/* Link */\n\n:root {\n --csstools-light-dark-toggle-e40c6b49-0: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-link-normal: var(--csstools-light-dark-toggle-e40c6b49-0, var(--color-blue-20));\n --csstools-light-dark-toggle-e40c6b49-1: var(--csstools-color-scheme--light) var(--color-purple-80);\n --color-link-visited: var(--csstools-light-dark-toggle-e40c6b49-1, var(--color-purple-20));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-link-normal: light-dark(var(--color-blue-20), var(--color-blue-80));\n --color-link-visited: light-dark(\n var(--color-purple-20),\n var(--color-purple-80)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root * {\n --csstools-light-dark-toggle-e40c6b49-0: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-link-normal: var(--csstools-light-dark-toggle-e40c6b49-0, var(--color-blue-20));\n --csstools-light-dark-toggle-e40c6b49-1: var(--csstools-color-scheme--light) var(--color-purple-80);\n --color-link-visited: var(--csstools-light-dark-toggle-e40c6b49-1, var(--color-purple-20));\n }\n}\n","/* Scrollbar */\n\n:root {\n --color-scrollbar-track: transparent;\n --csstools-light-dark-toggle-a81cd71e-0: var(--csstools-color-scheme--light) var(--color-white-alpha-25);\n --color-scrollbar-thumb: var(--csstools-light-dark-toggle-a81cd71e-0, var(--color-black-alpha-25));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-scrollbar-thumb: light-dark(\n var(--color-black-alpha-25),\n var(--color-white-alpha-25)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root * {\n --csstools-light-dark-toggle-a81cd71e-0: var(--csstools-color-scheme--light) var(--color-white-alpha-25);\n --color-scrollbar-thumb: var(--csstools-light-dark-toggle-a81cd71e-0, var(--color-black-alpha-25));\n }\n}\n",":root {\n --color-area-background: var(--color-background-blue);\n --color-area-highlight-border: var(--color-blue-50);\n --color-area-link: var(--color-link-normal);\n}\n\n:root[data-current-area=\"learn\"] {\n --color-area-background: var(--color-background-orange);\n --color-area-highlight-border: var(--color-orange-50);\n --csstools-light-dark-toggle-9cb2d9c1-0: var(--csstools-color-scheme--light) var(--color-orange-80);\n --color-area-link: var(--csstools-light-dark-toggle-9cb2d9c1-0, var(--color-orange-20));\n}\n\n@supports (color: light-dark(red, red)) {\n:root[data-current-area=\"learn\"] {\n --color-area-link: light-dark(var(--color-orange-20), var(--color-orange-80));\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n[data-current-area=\"learn\"]:root * {\n --csstools-light-dark-toggle-9cb2d9c1-0: var(--csstools-color-scheme--light) var(--color-orange-80);\n --color-area-link: var(--csstools-light-dark-toggle-9cb2d9c1-0, var(--color-orange-20));\n }\n}\n","/* Color */\n\n@import url(\"border.css\");\n@import url(\"background.css\");\n@import url(\"text.css\");\n@import url(\"link.css\");\n@import url(\"scrollbar.css\");\n@import url(\"area.css\");\n\n/* Basic */\n\n:root {\n --color-white: hsl(0deg 0% 100%);\n --color-white-alpha-25: hsl(0deg 0% 100% / 25%);\n --color-white-alpha-75: hsl(0deg 0% 100% / 75%);\n\n --color-black: hsl(0deg 0% 0%);\n --color-black-alpha-25: hsl(0deg 0% 0% / 25%);\n --color-black-alpha-75: hsl(0deg 0% 0% / 75%);\n}\n\n/* Gray */\n\n:root {\n --color-gray-90: hsl(212deg 7% 97%);\n --color-gray-80: hsl(212deg 7% 93.5%);\n --color-gray-60: hsl(212deg 7% 78%);\n --color-gray-40: hsl(212deg 7% 34%);\n --color-gray-20: hsl(212deg 7% 19%);\n --color-gray-10: hsl(212deg 7% 14%);\n --color-gray-05: hsl(212deg 7% 10%);\n}\n\n/* Tinted */\n\n:root {\n --color-red-90: hsl(350deg 100% 95%);\n --color-red-80: hsl(350deg 96% 74%);\n --color-red-50: hsl(350deg 84% 45%);\n --color-red-20: hsl(350deg 84% 39%);\n --color-red-10: hsl(350deg 74% 17%);\n\n --color-orange-90: hsl(25deg 92% 96%);\n --color-orange-80: hsl(25deg 99% 78%);\n --color-orange-50: hsl(25deg 76% 53%);\n --color-orange-20: hsl(25deg 90% 40%);\n --color-orange-10: hsl(25deg 65% 15%);\n\n --color-yellow-90: hsl(46deg 97% 88%);\n --color-yellow-80: hsl(46deg 90% 80%);\n --color-yellow-50: hsl(46deg 92% 47%);\n --color-yellow-20: hsl(46deg 85% 32%);\n --color-yellow-10: hsl(46deg 90% 18%);\n\n --color-green-90: hsl(145deg 40% 94%);\n --color-green-80: hsl(145deg 75% 68%);\n --color-green-50: hsl(145deg 90% 30%);\n --color-green-20: hsl(145deg 88% 19%);\n --color-green-10: hsl(145deg 60% 12%);\n\n --color-blue-90: hsl(212deg 91% 96%);\n --color-blue-80: hsl(212deg 98% 82%);\n --color-blue-50: hsl(212deg 90% 39%);\n --color-blue-20: hsl(212deg 95% 32%);\n --color-blue-10: hsl(212deg 82% 15%);\n\n --color-purple-90: hsl(267deg 99% 97%);\n --color-purple-80: hsl(267deg 99% 86%);\n --color-purple-50: hsl(267deg 76% 56%);\n --color-purple-20: hsl(267deg 70% 40%);\n --color-purple-10: hsl(267deg 65% 16%);\n}\n","mdn-dropdown {\n display: contents;\n}mdn-dropdown:not([loaded],:focus-within) [slot=\"dropdown\"] {\n display: none;\n }\n",".external::after {\n display: inline-block;\n\n width: 1em;\n height: 1em;\n\n margin-left: 0.25em;\n\n vertical-align: text-top;\n\n /*\n Unicode zero width space as `<content replacement>` to expose the alt text in the a11y tree.\n See: https://bugzilla.mozilla.org/show_bug.cgi?id=1976574\n */\n content: \"\\200b\" \" (external)\";\n content: \"\\200b\" / \" (external)\";\n\n background-color: currentcolor;\n\n -webkit-mask-image: url(\"../icon/external-link.svg\");\n\n mask-image: url(\"../icon/external-link.svg\");\n -webkit-mask-size: cover;\n mask-size: cover;\n}\n","/* Inter */\n\n@font-feature-values \"Inter\" {\n @styleset {\n /* stylelint-disable-next-line at-rule-descriptor-no-unknown */\n disambiguation: 2;\n }\n}\n\n/* Latin */\n\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-latin.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,\n U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n}\n\n@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-italic-latin.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,\n U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n}\n\n/* Latin extended */\n\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-latin-extended.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,\n U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-italic-latin-extended.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,\n U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* Cyrillic */\n\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-cyrillic.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-italic-cyrillic.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n","/* JetBrain Mono */\n\n/* Latin */\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-latin.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,\n U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n size-adjust: 95%;\n}\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: italic;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-italic-latin.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,\n U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n size-adjust: 95%;\n}\n\n/* Latin extended */\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-latin-extended.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,\n U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n size-adjust: 95%;\n}\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: italic;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-italic-latin-extended.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,\n U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n size-adjust: 95%;\n}\n\n/* Cyrillic */\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-cyrillic.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n size-adjust: 95%;\n}\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: italic;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-italic-cyrillic.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n size-adjust: 95%;\n}\n","@import url(\"inter.css\");\n@import url(\"jetbrains-mono.css\");\n\n/* Font size */\n\n:root {\n --font-family-text: \"Inter\", sans-serif;\n --font-family-code: \"JetBrains Mono\", monospace;\n\n --font-line-content: 1.75;\n --font-line-normal: 1.5;\n --font-line-ui: 1;\n\n --font-size-largest: 2.5rem;\n --font-size-larger: 2rem;\n --font-size-large: 1.5rem;\n --font-size-medium: 1.25rem;\n --font-size-normal: 1rem;\n --font-size-small: 0.8rem;\n\n --font-weight-normal: 400;\n --font-weight-bold: 600;\n}\n","/* Global */\n\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n\nbutton {\n color: inherit;\n cursor: pointer;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\na {\n color: var(--color-link-normal);\n}\n\n[hidden] {\n display: none !important;\n}\n","/* HTML */\n\nhtml {\n font-family: var(--font-family-text);\n font-size: var(--font-size-normal);\n font-feature-settings: \"calt\" 0;\n font-variant-alternates: styleset(disambiguation);\n\n line-height: var(--font-line-normal);\n\n color: var(--color-text-primary);\n\n overflow-wrap: break-word;\n\n --csstools-color-scheme--light: initial;\n\n color-scheme: light dark;\n\n background-color: var(--color-background-page);\n scroll-behavior: smooth;\n}\n\n@media (prefers-color-scheme: dark) {\n\nhtml {\n\n --csstools-color-scheme--light: ;\n}\n}\n\n@media (prefers-reduced-motion: reduce) {\n\nhtml {\n scroll-behavior: auto;\n}\n }\n","/*\n Icon legacy.\n\n To be removed when rari no longer renders these.\n\n Note: The selectors are intentionally explicit to discourage use.\n*/\n.icon.icon-deprecated,.icon.icon-experimental,.icon.icon-nonstandard {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1em;\n height: 1em;\n\n vertical-align: middle;\n\n background-color: var(--color-text-secondary);\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }\n/* See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L43-L47 */\n.icon.icon-deprecated {\n -webkit-mask-image: url(\"../icon/trash-2.svg\");\n mask-image: url(\"../icon/trash-2.svg\");\n }\n/* See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L36-L41 */\n.icon.icon-experimental {\n -webkit-mask-image: url(\"../icon/flask-conical.svg\");\n mask-image: url(\"../icon/flask-conical.svg\");\n }\n/* See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L43-L47 */\n.icon.icon-nonstandard {\n -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n mask-image: url(\"../icon/triangle-alert.svg\");\n }\n","/* --layout-side-padding-min * 2 + (--layout-sidebar-min + --layout-sidebar-gap) * 2 + --layout-content-min */\n\n/* --layout-side-padding-min * 2 + --layout-sidebar-min + --layout-sidebar-gap + --layout-content-min */\n\n:root {\n --layout-side-padding-min: 1rem;\n --layout-side-padding: max(\n var(--layout-side-padding-min),\n calc((100vw - 1440px + (2rem)) / 2)\n );\n --layout-full-width: calc(100vw - 2 * var(--layout-side-padding));\n\n --layout-sidebar-min: 14rem;\n --layout-sidebar-gap: 2rem;\n --layout-content-min: 31rem;\n --layout-content-max: 48rem;\n\n /* WARNING: TODO: left/center/right cols widths will change */\n\n /* prettier-ignore */\n --layout-2-sidebars:\n [full-start left-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [left-sidebar-end]\n var(--layout-sidebar-gap)\n [content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n var(--layout-sidebar-gap)\n [right-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [full-end right-sidebar-end];\n\n /* prettier-ignore */\n --layout-1-sidebar-left:\n [full-start sidebar-start left-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [sidebar-end left-sidebar-end]\n var(--layout-sidebar-gap)\n [content-start]\n minmax(0, var(--layout-content-max))\n [full-end content-end]\n minmax(0, 1fr);\n\n /* prettier-ignore */\n --layout-1-sidebar-right:\n minmax(0, 1fr)\n [full-start content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n var(--layout-sidebar-gap)\n [sidebar-start right-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [full-end sidebar-end right-sidebar-end];\n\n /* prettier-ignore */\n --layout-no-sidebar:\n [full-start]\n 1fr\n [content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n 1fr\n [full-end];\n\n /* prettier-ignore */\n --layout-no-sidebar-extended:\n [extended-full-start]\n var(--layout-side-padding)\n [full-start]\n 1fr\n [content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n 1fr\n [full-end]\n var(--layout-side-padding)\n [extended-full-end];\n}\n","mdn-live-sample-result {\n display: block;\n}\n","html a.only-in-en-us::after {\n display: inline-block;\n\n margin-left: 0.5ch;\n\n font-size: 0.7rem;\n\n vertical-align: super;\n\n content: \"(en-US)\";\n}\n\nhtml[lang=\"de\"] a.only-in-en-us::after {\n content: \"(engl.)\";\n}\n\nhtml[lang=\"es\"] a.only-in-en-us::after {\n content: \"(inglés)\";\n}\n\nhtml[lang=\"fr\"] a.only-in-en-us::after {\n content: \"(angl.)\";\n}\n\nhtml[lang=\"ja\"] a.only-in-en-us::after {\n content: \"(英語)\";\n}\n\nhtml[lang=\"ko\"] a.only-in-en-us::after {\n content: \"(영어)\";\n}\n\nhtml[lang=\"ru\"] a.only-in-en-us::after {\n content: \"(англ.)\";\n}\n\nhtml[lang=\"pt-BR\"] a.only-in-en-us::after {\n content: \"(inglês)\";\n}\n\nhtml[lang=\"zh-CN\"] a.only-in-en-us::after {\n margin-left: unset;\n vertical-align: baseline;\n content: \"(英语)\";\n}\n\nhtml[lang=\"zh-TW\"] a.only-in-en-us::after {\n margin-left: unset;\n vertical-align: baseline;\n content: \"(英語)\";\n}\n",".page-not-created {\n color: var(--color-text-red);\n text-decoration: underline !important;\n -webkit-text-decoration: underline wavy !important;\n text-decoration: underline wavy !important;\n}\n","@media print {\n * {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n\n :root {\n --csstools-color-scheme--light: initial;\n color-scheme: light;\n\n /* Force desktop layout for print by overriding layout variables */\n --layout-2-sidebars: minmax(0, 1fr) !important;\n --layout-1-sidebar-left: minmax(0, 1fr) !important;\n --layout-no-sidebar: minmax(0, 1fr) !important;\n }\n\n body {\n padding: 0;\n margin: 0;\n\n font-size: 9pt;\n\n line-height: 1.5;\n }\n\n .page-layout {\n display: block !important;\n\n grid-template-rows: none !important;\n\n height: auto !important;\n min-height: auto !important;\n }\n\n .page-layout__header {\n position: static !important;\n top: auto !important;\n z-index: auto !important;\n }\n\n /* Reset sticky header height variable */\n :root {\n --sticky-header-height: 0 !important;\n }\n\n .page-layout__banner,\n .reference-layout__toc,\n .reference-layout__sidebar,\n .footer__socials,\n .footer__links,\n .footer__mozilla,\n .article-footer,\n .navigation__button,\n .navigation__menu,\n .content-section.article-footer,\n mdn-toggle-sidebar,\n mdn-collection-save-button,\n mdn-color-theme,\n mdn-search-button,\n mdn-user-menu,\n mdn-placement-bottom {\n display: none !important;\n }\n\n .reference-layout {\n grid-template-areas:\n \"header\"\n \"body\" !important;\n grid-template-rows: auto !important;\n grid-template-columns: auto !important;\n }\n\n a {\n -webkit-text-decoration: none !important;\n text-decoration: none !important;\n }\n\n details.baseline-indicator > *:not(summary) {\n display: none !important;\n }\n\n details.baseline-indicator[open] > *:not(summary) {\n display: none !important;\n }\n\n details.baseline-indicator > summary::marker {\n display: none !important;\n }\n\n .example-container,\n .default-example,\n [class*=\"example\"],\n .interactive,\n .code-example {\n position: static !important;\n float: none !important;\n\n display: block !important;\n\n width: 100% !important;\n height: auto !important;\n\n margin-bottom: 1rem !important;\n\n overflow: visible !important;\n\n page-break-inside: avoid !important;\n\n break-inside: avoid !important;\n }\n\n .footer__mdn {\n row-gap: 0 !important;\n }\n\n section,\n interactive-example {\n position: static !important;\n clear: both !important;\n display: block !important;\n }\n\n interactive-example {\n page-break-inside: avoid !important;\n break-inside: avoid !important;\n }\n\n [style*=\"position: absolute\"],\n [style*=\"position: fixed\"] {\n position: static !important;\n }\n}\n","/* Radius */\n\n:root {\n --radius-normal: 0.25rem;\n --radius-full: 9999px;\n}\n","@font-face {\n font-family: \"BarlowCondensed-SemiBold\";\n font-weight: var(--font-weight-bold);\n\n src:\n local(\"BarlowCondensed-SemiBold\"),\n url(\"./assets/BarlowCondensed-SemiBold.woff2\") format(\"woff2\");\n font-display: block;\n}\n",".table-container {\n margin: 0;\n overflow-x: auto;\n}\n",":root {\n --top-banner-height: 3.375rem;\n --sticky-header-height: calc(\n var(--navigation-height) + var(--breadcrumbs-bar-height)\n );\n\n --z-index-sticky-header: 100;\n --z-index-sidebar-mobile: 90;\n}\n",".visually-hidden {\n position: absolute !important;\n\n width: 1px !important;\n height: 1px !important;\n\n padding: 0 !important;\n margin: -1px !important;\n\n overflow: hidden !important;\n\n white-space: nowrap !important;\n\n border: 0 !important;\n\n clip-path: inset(50%) !important;\n}\n"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="4015";export const __rspack_esm_ids=["4015"];export const __webpack_modules__={70783(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as _ from"./styles-heading-anchor.0deb48e0e151aba3.js";s.C(_),s(s.s=70783);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="4964";export const __rspack_esm_ids=["4964"];export const __webpack_modules__={62964(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as o from"./styles-homepage-body.cb1b213bec93efdd.js";s.C(o),s(s.s=62964);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="5894";export const __rspack_esm_ids=["5894"];export const __webpack_modules__={53802(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as e from"./styles-homepage-contributor-spotlight.1a2acbf06be6d425.js";s.C(e),s(s.s=53802);
@@ -1 +0,0 @@
1
- export const __rspack_esm_id="2104";export const __rspack_esm_ids=["2104"];export const __webpack_modules__={23867(){}};import{__webpack_require__ as s}from"./styles.519e2a3b2b0392d7.js";import*as e from"./styles-homepage-footer.3435c9576666f4a5.js";s.C(e),s(s.s=23867);