@mdn/fred 2.4.3 → 2.6.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 (151) hide show
  1. package/.nvmrc +1 -1
  2. package/CHANGELOG.md +48 -0
  3. package/README.md +2 -0
  4. package/components/a11y-menu/server.js +2 -2
  5. package/components/baseline-indicator/server.js +86 -32
  6. package/components/breadcrumbs/server.js +6 -1
  7. package/components/collection-save-button/element.js +15 -0
  8. package/components/color-theme/element.js +17 -1
  9. package/components/compat-section/server.js +45 -0
  10. package/components/compat-table/element.js +10 -1
  11. package/components/compat-table/utils.js +10 -0
  12. package/components/compat-table-lazy/element.js +2 -5
  13. package/components/content-section/server.css +5 -0
  14. package/components/content-section/server.js +4 -22
  15. package/components/curriculum/sidebar.css +1 -1
  16. package/components/curriculum-landing/server.js +4 -1
  17. package/components/dropdown/element.js +12 -1
  18. package/components/env/index.js +1 -1
  19. package/components/featured-articles/server.js +10 -3
  20. package/components/footer/server.js +6 -1
  21. package/components/generic-about/server.js +1 -0
  22. package/components/generic-toc/server.js +6 -1
  23. package/components/language-always-redirect-button/element.js +2 -0
  24. package/components/language-switcher/element.js +5 -0
  25. package/components/latest-news/server.js +10 -3
  26. package/components/left-sidebar/server.css +1 -1
  27. package/components/login-button/element.js +1 -1
  28. package/components/menu/server.js +3 -1
  29. package/components/observatory-form/element.js +3 -0
  30. package/components/observatory-results/element.js +6 -1
  31. package/components/observatory-results/rating.js +6 -1
  32. package/components/outer-layout/server.js +3 -3
  33. package/components/placement-top/element.js +16 -4
  34. package/components/playground/element.js +17 -4
  35. package/components/recent-contributions/server.js +4 -1
  36. package/components/reference-toc/server.js +5 -1
  37. package/components/scrim-inline/element.js +13 -1
  38. package/components/server/index.js +4 -0
  39. package/components/sidebar-filter/element.js +11 -0
  40. package/components/sidebar-filter/sidebar-filterer.js +4 -2
  41. package/components/specifications-list/server.js +72 -0
  42. package/components/translation-banner/server.js +4 -1
  43. package/components/user-menu/element.js +1 -0
  44. package/components/viewed-controller/viewed-controller.js +15 -59
  45. package/components/viewed-controller/viewed-observer.js +79 -0
  46. package/hooks/glean-init.js +49 -6
  47. package/l10n/locales/zh-CN.ftl +317 -1
  48. package/out/service-worker.js +1 -1
  49. package/out/static/client/{2173.c74593faf7e14cbc.js → 2173.a662dd40657c8426.js} +2 -2
  50. package/out/static/client/{2173.c74593faf7e14cbc.js.map → 2173.a662dd40657c8426.js.map} +1 -1
  51. package/out/static/client/{251.db6a4b10ef58ad3a.js → 251.f498960ce719d884.js} +6 -6
  52. package/out/static/client/251.f498960ce719d884.js.map +1 -0
  53. package/out/static/client/{2868.b09544148fff25a1.js → 2868.03299f12d5927ed2.js} +2 -2
  54. package/out/static/client/{2868.b09544148fff25a1.js.map → 2868.03299f12d5927ed2.js.map} +1 -1
  55. package/out/static/client/{291.91650ffed3a60424.js → 291.c90e43b3c10a9a1f.js} +27 -16
  56. package/out/static/client/291.c90e43b3c10a9a1f.js.map +1 -0
  57. package/out/static/client/{3259.ac8a5539251c647a.js → 3259.c4b809cd884ad515.js} +29 -24
  58. package/out/static/client/3259.c4b809cd884ad515.js.map +1 -0
  59. package/out/static/client/{3775.c64e09b2fc1d9b21.js → 3775.cf93e968f166d25a.js} +2 -1
  60. package/out/static/client/{3775.c64e09b2fc1d9b21.js.map → 3775.cf93e968f166d25a.js.map} +1 -1
  61. package/out/static/client/{4060.9a7bb116e3112c13.js → 4060.a23acd149888555c.js} +2 -2
  62. package/out/static/client/{4060.9a7bb116e3112c13.js.map → 4060.a23acd149888555c.js.map} +1 -1
  63. package/out/static/client/4249.19f86ee6b57a13b0.js +2 -0
  64. package/out/static/client/4249.19f86ee6b57a13b0.js.map +1 -0
  65. package/out/static/client/{4759.8981c79d33088d8f.js → 4759.5852733a45132491.js} +2 -2
  66. package/out/static/client/{4759.8981c79d33088d8f.js.map → 4759.5852733a45132491.js.map} +1 -1
  67. package/out/static/client/{4920.033c028023478df5.js → 4920.929203da4613c89a.js} +3 -2
  68. package/out/static/client/4920.929203da4613c89a.js.map +1 -0
  69. package/out/static/client/{5183.6c532a6e7b0d0bbb.js → 5183.48a6059ffe2931f0.js} +12 -12
  70. package/out/static/client/5183.48a6059ffe2931f0.js.map +1 -0
  71. package/out/static/client/{5408.a0622390fa1726dc.css → 5408.77c9b71d6a5df982.css} +2 -2
  72. package/out/static/client/{5408.a0622390fa1726dc.css.map → 5408.77c9b71d6a5df982.css.map} +1 -1
  73. package/out/static/client/{544.1ed814181b24bcc8.js → 544.2ccdc928c5292631.js} +3 -3
  74. package/out/static/client/544.2ccdc928c5292631.js.map +1 -0
  75. package/out/static/client/{5667.332b2c6c10792ad6.js → 5667.edd77c81ec38a7e2.js} +5 -4
  76. package/out/static/client/5667.edd77c81ec38a7e2.js.map +1 -0
  77. package/out/static/client/5685.d30658d4c274ac13.js +4 -0
  78. package/out/static/client/5685.d30658d4c274ac13.js.map +1 -0
  79. package/out/static/client/6002.bb83fdc66501b6e4.js +167 -0
  80. package/out/static/client/6002.bb83fdc66501b6e4.js.map +1 -0
  81. package/out/static/client/{6067.a60fb66b75579c98.js → 6067.169a9ec1f47871ae.js} +3 -3
  82. package/out/static/client/6067.169a9ec1f47871ae.js.map +1 -0
  83. package/out/static/client/6216.2a29b5ce2a1bf6f6.js +2 -0
  84. package/out/static/client/6216.2a29b5ce2a1bf6f6.js.map +1 -0
  85. package/out/static/client/{8364.13d1d6770264c970.js → 8364.f7862244a6ff6a1b.js} +3 -3
  86. package/out/static/client/8364.f7862244a6ff6a1b.js.map +1 -0
  87. package/out/static/client/{9204.f8aa5d9f8a79f3d4.js → 9204.f45896951abfbd28.js} +3 -3
  88. package/out/static/client/{9204.f8aa5d9f8a79f3d4.js.map → 9204.f45896951abfbd28.js.map} +1 -1
  89. package/out/static/client/9324.9646c5839948c8ff.js +27 -0
  90. package/out/static/client/9324.9646c5839948c8ff.js.map +1 -0
  91. package/out/static/client/9456.a17794342ff9086a.js +319 -0
  92. package/out/static/client/9456.a17794342ff9086a.js.map +1 -0
  93. package/out/static/client/index.c41c45d10cf2b50b.js +221 -0
  94. package/out/static/client/index.c41c45d10cf2b50b.js.map +1 -0
  95. package/out/static/client/{runtime.8ebca7827bf4c35c.js → runtime.796d2e8ab20fb93f.js} +2 -2
  96. package/out/static/client/runtime.796d2e8ab20fb93f.js.map +1 -0
  97. package/out/static/client/stats.json +142 -142
  98. package/out/static/client/{styles-content-section.049c2352791fac9b.css → styles-content-section.cd5635d274b730e9.css} +2 -2
  99. package/out/static/client/{styles-content-section.049c2352791fac9b.css.map → styles-content-section.cd5635d274b730e9.css.map} +1 -1
  100. package/out/static/client/{styles-global.445b59e1ff23f88c.js → styles-global.2a17ab4cc47bca1f.js} +1 -1
  101. package/out/static/client/{styles-global.3da376739551015c.css → styles-global.79b14873ea7ab386.css} +2 -2
  102. package/out/static/client/{styles-global.3da376739551015c.css.map → styles-global.79b14873ea7ab386.css.map} +1 -1
  103. package/out/static/client/{styles-left-sidebar.6f954e8939555f77.css → styles-left-sidebar.517b9efefbdeed1d.css} +2 -2
  104. package/out/static/client/{styles-left-sidebar.6f954e8939555f77.css.map → styles-left-sidebar.517b9efefbdeed1d.css.map} +1 -1
  105. package/out/static/legacy/6753.072394f4f09652a0.js +27 -0
  106. package/out/static/legacy/6753.072394f4f09652a0.js.map +1 -0
  107. package/out/static/legacy/asset-manifest.json +5 -5
  108. package/out/static/legacy/{index.85161ba7fe682ee8.html → index.c05c933009dda5b3.html} +1 -1
  109. package/out/static/legacy/stats.json +9 -9
  110. package/out/static/legacy/{yari.01d97d56e30935ec.js → yari.e457418f21984506.js} +3 -3
  111. package/out/static/legacy/{yari.01d97d56e30935ec.js.map → yari.e457418f21984506.js.map} +1 -1
  112. package/out/static/ssr/9456.js +317 -1
  113. package/out/static/ssr/9456.js.map +1 -1
  114. package/out/static/ssr/index.js +315 -235
  115. package/out/static/ssr/index.js.map +1 -1
  116. package/out/static/ssr/stats.json +4 -4
  117. package/package.json +14 -8
  118. package/components/specifications-list/index.js +0 -60
  119. package/out/static/client/251.db6a4b10ef58ad3a.js.map +0 -1
  120. package/out/static/client/291.91650ffed3a60424.js.map +0 -1
  121. package/out/static/client/3259.ac8a5539251c647a.js.map +0 -1
  122. package/out/static/client/4920.033c028023478df5.js.map +0 -1
  123. package/out/static/client/5183.6c532a6e7b0d0bbb.js.map +0 -1
  124. package/out/static/client/544.1ed814181b24bcc8.js.map +0 -1
  125. package/out/static/client/5649.00f25ce181894101.js +0 -2
  126. package/out/static/client/5649.00f25ce181894101.js.map +0 -1
  127. package/out/static/client/5667.332b2c6c10792ad6.js.map +0 -1
  128. package/out/static/client/5685.46c8d178d072b8ac.js +0 -4
  129. package/out/static/client/5685.46c8d178d072b8ac.js.map +0 -1
  130. package/out/static/client/6067.a60fb66b75579c98.js.map +0 -1
  131. package/out/static/client/6216.f526aaf8b3dedd72.js +0 -2
  132. package/out/static/client/6216.f526aaf8b3dedd72.js.map +0 -1
  133. package/out/static/client/718.3a790c4c45336906.js +0 -167
  134. package/out/static/client/718.3a790c4c45336906.js.map +0 -1
  135. package/out/static/client/8364.13d1d6770264c970.js.map +0 -1
  136. package/out/static/client/9324.9bb064ea7377127e.js +0 -26
  137. package/out/static/client/9324.9bb064ea7377127e.js.map +0 -1
  138. package/out/static/client/9456.dd8c12ddf52e2a7d.js +0 -3
  139. package/out/static/client/9456.dd8c12ddf52e2a7d.js.map +0 -1
  140. package/out/static/client/index.b2ccf995e945e9dc.js +0 -221
  141. package/out/static/client/index.b2ccf995e945e9dc.js.map +0 -1
  142. package/out/static/client/runtime.8ebca7827bf4c35c.js.map +0 -1
  143. package/out/static/legacy/6753.811fcf40c897d487.js +0 -27
  144. package/out/static/legacy/6753.811fcf40c897d487.js.map +0 -1
  145. /package/out/static/client/{291.91650ffed3a60424.js.LICENSE.txt → 291.c90e43b3c10a9a1f.js.LICENSE.txt} +0 -0
  146. /package/out/static/client/{5183.6c532a6e7b0d0bbb.js.LICENSE.txt → 5183.48a6059ffe2931f0.js.LICENSE.txt} +0 -0
  147. /package/out/static/client/{6067.a60fb66b75579c98.js.LICENSE.txt → 6067.169a9ec1f47871ae.js.LICENSE.txt} +0 -0
  148. /package/out/static/client/{8364.13d1d6770264c970.js.LICENSE.txt → 8364.f7862244a6ff6a1b.js.LICENSE.txt} +0 -0
  149. /package/out/static/client/{index.b2ccf995e945e9dc.js.LICENSE.txt → index.c41c45d10cf2b50b.js.LICENSE.txt} +0 -0
  150. /package/out/static/legacy/{6753.811fcf40c897d487.js.LICENSE.txt → 6753.072394f4f09652a0.js.LICENSE.txt} +0 -0
  151. /package/out/static/legacy/{yari.01d97d56e30935ec.js.LICENSE.txt → yari.e457418f21984506.js.LICENSE.txt} +0 -0
@@ -11,8 +11,8 @@
11
11
  ],
12
12
  "assets": [
13
13
  {
14
- "name": "runtime.8ebca7827bf4c35c.js",
15
- "size": 19760
14
+ "name": "runtime.796d2e8ab20fb93f.js",
15
+ "size": 19761
16
16
  },
17
17
  {
18
18
  "name": "1111.53dba753dc3eb961.js",
@@ -23,16 +23,16 @@
23
23
  "size": 55147
24
24
  },
25
25
  {
26
- "name": "index.b2ccf995e945e9dc.js",
27
- "size": 33473
26
+ "name": "index.c41c45d10cf2b50b.js",
27
+ "size": 34803
28
28
  }
29
29
  ],
30
30
  "filteredAssets": 0,
31
- "assetsSize": 156381,
31
+ "assetsSize": 157712,
32
32
  "auxiliaryAssets": [
33
33
  {
34
- "name": "runtime.8ebca7827bf4c35c.js.map",
35
- "size": 46316
34
+ "name": "runtime.796d2e8ab20fb93f.js.map",
35
+ "size": 46317
36
36
  },
37
37
  {
38
38
  "name": "1111.53dba753dc3eb961.js.map",
@@ -42,16 +42,16 @@
42
42
  "name": "8903.f870aafb338b203a.js.map",
43
43
  "size": 201263
44
44
  },
45
- {
46
- "name": "index.b2ccf995e945e9dc.js.map",
47
- "size": 84089
48
- },
49
45
  {
50
46
  "name": "search.5dd31cbeea7d1af9.svg",
51
47
  "size": 246
48
+ },
49
+ {
50
+ "name": "index.c41c45d10cf2b50b.js.map",
51
+ "size": 89440
52
52
  }
53
53
  ],
54
- "auxiliaryAssetsSize": 585778,
54
+ "auxiliaryAssetsSize": 591130,
55
55
  "children": {},
56
56
  "childAssets": {}
57
57
  },
@@ -67,12 +67,12 @@
67
67
  "size": 581
68
68
  },
69
69
  {
70
- "name": "styles-global.3da376739551015c.css",
71
- "size": 25341
70
+ "name": "styles-global.2a17ab4cc47bca1f.js",
71
+ "size": 687
72
72
  },
73
73
  {
74
- "name": "styles-global.445b59e1ff23f88c.js",
75
- "size": 687
74
+ "name": "styles-global.79b14873ea7ab386.css",
75
+ "size": 25341
76
76
  }
77
77
  ],
78
78
  "filteredAssets": 0,
@@ -98,6 +98,10 @@
98
98
  "name": "trash-2.73b28bc66fb8543c.svg",
99
99
  "size": 290
100
100
  },
101
+ {
102
+ "name": "styles-global.79b14873ea7ab386.css.map",
103
+ "size": 40521
104
+ },
101
105
  {
102
106
  "name": "inter-latin-extended.02dc98170ff37b88.woff2",
103
107
  "size": 140872
@@ -130,10 +134,6 @@
130
134
  "name": "flask-conical.c16b3d71f14f31d1.svg",
131
135
  "size": 326
132
136
  },
133
- {
134
- "name": "styles-global.3da376739551015c.css.map",
135
- "size": 40521
136
- },
137
137
  {
138
138
  "name": "inter-cyrillic.eecfbd79d522303a.woff2",
139
139
  "size": 29904
@@ -195,11 +195,11 @@
195
195
  "children": {},
196
196
  "childAssets": {}
197
197
  },
198
- "styles-article-footer": {
199
- "name": "styles-article-footer",
198
+ "styles-advertising": {
199
+ "name": "styles-advertising",
200
200
  "chunks": [
201
201
  "4014",
202
- "8769"
202
+ "3753"
203
203
  ],
204
204
  "assets": [
205
205
  {
@@ -207,35 +207,39 @@
207
207
  "size": 581
208
208
  },
209
209
  {
210
- "name": "styles-article-footer.81ae18c89fc527dc.css",
211
- "size": 849
210
+ "name": "styles-advertising.5f4c01ac7d5e6c29.js",
211
+ "size": 264
212
212
  },
213
213
  {
214
- "name": "styles-article-footer.b51bc494fb83477f.js",
215
- "size": 269
214
+ "name": "styles-advertising.8afb82233412292a.css",
215
+ "size": 2837
216
216
  }
217
217
  ],
218
218
  "filteredAssets": 0,
219
- "assetsSize": 1699,
219
+ "assetsSize": 3682,
220
220
  "auxiliaryAssets": [
221
221
  {
222
222
  "name": "styles.5b02dc99a7ee272a.js.map",
223
223
  "size": 2806
224
224
  },
225
225
  {
226
- "name": "styles-article-footer.81ae18c89fc527dc.css.map",
227
- "size": 1719
226
+ "name": "styles-advertising.8afb82233412292a.css.map",
227
+ "size": 5072
228
+ },
229
+ {
230
+ "name": "m-logo.53bc3f53d5946169.svg",
231
+ "size": 221
228
232
  }
229
233
  ],
230
- "auxiliaryAssetsSize": 4525,
234
+ "auxiliaryAssetsSize": 8099,
231
235
  "children": {},
232
236
  "childAssets": {}
233
237
  },
234
- "styles-advertising": {
235
- "name": "styles-advertising",
238
+ "styles-article-footer": {
239
+ "name": "styles-article-footer",
236
240
  "chunks": [
237
241
  "4014",
238
- "3753"
242
+ "8769"
239
243
  ],
240
244
  "assets": [
241
245
  {
@@ -243,31 +247,27 @@
243
247
  "size": 581
244
248
  },
245
249
  {
246
- "name": "styles-advertising.5f4c01ac7d5e6c29.js",
247
- "size": 264
250
+ "name": "styles-article-footer.81ae18c89fc527dc.css",
251
+ "size": 849
248
252
  },
249
253
  {
250
- "name": "styles-advertising.8afb82233412292a.css",
251
- "size": 2837
254
+ "name": "styles-article-footer.b51bc494fb83477f.js",
255
+ "size": 269
252
256
  }
253
257
  ],
254
258
  "filteredAssets": 0,
255
- "assetsSize": 3682,
259
+ "assetsSize": 1699,
256
260
  "auxiliaryAssets": [
257
261
  {
258
262
  "name": "styles.5b02dc99a7ee272a.js.map",
259
263
  "size": 2806
260
264
  },
261
265
  {
262
- "name": "styles-advertising.8afb82233412292a.css.map",
263
- "size": 5072
264
- },
265
- {
266
- "name": "m-logo.53bc3f53d5946169.svg",
267
- "size": 221
266
+ "name": "styles-article-footer.81ae18c89fc527dc.css.map",
267
+ "size": 1719
268
268
  }
269
269
  ],
270
- "auxiliaryAssetsSize": 8099,
270
+ "auxiliaryAssetsSize": 4525,
271
271
  "children": {},
272
272
  "childAssets": {}
273
273
  },
@@ -608,8 +608,8 @@
608
608
  "size": 581
609
609
  },
610
610
  {
611
- "name": "styles-content-section.049c2352791fac9b.css",
612
- "size": 15255
611
+ "name": "styles-content-section.cd5635d274b730e9.css",
612
+ "size": 15300
613
613
  },
614
614
  {
615
615
  "name": "styles-content-section.29903dd31298836d.js",
@@ -617,7 +617,7 @@
617
617
  }
618
618
  ],
619
619
  "filteredAssets": 0,
620
- "assetsSize": 16106,
620
+ "assetsSize": 16151,
621
621
  "auxiliaryAssets": [
622
622
  {
623
623
  "name": "styles.5b02dc99a7ee272a.js.map",
@@ -672,11 +672,11 @@
672
672
  "size": 431
673
673
  },
674
674
  {
675
- "name": "styles-content-section.049c2352791fac9b.css.map",
676
- "size": 23694
675
+ "name": "styles-content-section.cd5635d274b730e9.css.map",
676
+ "size": 23813
677
677
  }
678
678
  ],
679
- "auxiliaryAssetsSize": 29816,
679
+ "auxiliaryAssetsSize": 29935,
680
680
  "children": {},
681
681
  "childAssets": {}
682
682
  },
@@ -743,8 +743,8 @@
743
743
  "size": 43364
744
744
  },
745
745
  {
746
- "name": "5408.a0622390fa1726dc.css",
747
- "size": 2878
746
+ "name": "5408.77c9b71d6a5df982.css",
747
+ "size": 2888
748
748
  },
749
749
  {
750
750
  "name": "styles-curriculum-about.9f634b40ab2d5770.js",
@@ -756,7 +756,7 @@
756
756
  }
757
757
  ],
758
758
  "filteredAssets": 0,
759
- "assetsSize": 53804,
759
+ "assetsSize": 53814,
760
760
  "auxiliaryAssets": [
761
761
  {
762
762
  "name": "styles.5b02dc99a7ee272a.js.map",
@@ -771,8 +771,8 @@
771
771
  "size": 57126
772
772
  },
773
773
  {
774
- "name": "5408.a0622390fa1726dc.css.map",
775
- "size": 4571
774
+ "name": "5408.77c9b71d6a5df982.css.map",
775
+ "size": 4581
776
776
  },
777
777
  {
778
778
  "name": "curriculum-about-not.aa3c2baa11be115d.svg",
@@ -859,7 +859,7 @@
859
859
  "size": 1095
860
860
  }
861
861
  ],
862
- "auxiliaryAssetsSize": 90613,
862
+ "auxiliaryAssetsSize": 90623,
863
863
  "children": {},
864
864
  "childAssets": {}
865
865
  },
@@ -886,8 +886,8 @@
886
886
  "size": 43364
887
887
  },
888
888
  {
889
- "name": "5408.a0622390fa1726dc.css",
890
- "size": 2878
889
+ "name": "5408.77c9b71d6a5df982.css",
890
+ "size": 2888
891
891
  },
892
892
  {
893
893
  "name": "styles-curriculum-default.ceb6f07d1ba3a1fe.css",
@@ -899,7 +899,7 @@
899
899
  }
900
900
  ],
901
901
  "filteredAssets": 0,
902
- "assetsSize": 50707,
902
+ "assetsSize": 50717,
903
903
  "auxiliaryAssets": [
904
904
  {
905
905
  "name": "styles.5b02dc99a7ee272a.js.map",
@@ -914,8 +914,8 @@
914
914
  "size": 57126
915
915
  },
916
916
  {
917
- "name": "5408.a0622390fa1726dc.css.map",
918
- "size": 4571
917
+ "name": "5408.77c9b71d6a5df982.css.map",
918
+ "size": 4581
919
919
  },
920
920
  {
921
921
  "name": "curriculum-about-not.aa3c2baa11be115d.svg",
@@ -1002,7 +1002,7 @@
1002
1002
  "size": 1095
1003
1003
  }
1004
1004
  ],
1005
- "auxiliaryAssetsSize": 86130,
1005
+ "auxiliaryAssetsSize": 86140,
1006
1006
  "children": {},
1007
1007
  "childAssets": {}
1008
1008
  },
@@ -1188,8 +1188,8 @@
1188
1188
  "size": 43364
1189
1189
  },
1190
1190
  {
1191
- "name": "5408.a0622390fa1726dc.css",
1192
- "size": 2878
1191
+ "name": "5408.77c9b71d6a5df982.css",
1192
+ "size": 2888
1193
1193
  },
1194
1194
  {
1195
1195
  "name": "styles-curriculum-module.ff40b33af6e3a995.js",
@@ -1201,7 +1201,7 @@
1201
1201
  }
1202
1202
  ],
1203
1203
  "filteredAssets": 0,
1204
- "assetsSize": 52804,
1204
+ "assetsSize": 52814,
1205
1205
  "auxiliaryAssets": [
1206
1206
  {
1207
1207
  "name": "styles.5b02dc99a7ee272a.js.map",
@@ -1216,8 +1216,8 @@
1216
1216
  "size": 57126
1217
1217
  },
1218
1218
  {
1219
- "name": "5408.a0622390fa1726dc.css.map",
1220
- "size": 4571
1219
+ "name": "5408.77c9b71d6a5df982.css.map",
1220
+ "size": 4581
1221
1221
  },
1222
1222
  {
1223
1223
  "name": "curriculum-about-not.aa3c2baa11be115d.svg",
@@ -1308,7 +1308,7 @@
1308
1308
  "size": 1095
1309
1309
  }
1310
1310
  ],
1311
- "auxiliaryAssetsSize": 90219,
1311
+ "auxiliaryAssetsSize": 90229,
1312
1312
  "children": {},
1313
1313
  "childAssets": {}
1314
1314
  },
@@ -1336,8 +1336,8 @@
1336
1336
  "size": 43364
1337
1337
  },
1338
1338
  {
1339
- "name": "5408.a0622390fa1726dc.css",
1340
- "size": 2878
1339
+ "name": "5408.77c9b71d6a5df982.css",
1340
+ "size": 2888
1341
1341
  },
1342
1342
  {
1343
1343
  "name": "9326.431ef0e548c5f096.css",
@@ -1353,7 +1353,7 @@
1353
1353
  }
1354
1354
  ],
1355
1355
  "filteredAssets": 0,
1356
- "assetsSize": 61334,
1356
+ "assetsSize": 61344,
1357
1357
  "auxiliaryAssets": [
1358
1358
  {
1359
1359
  "name": "styles.5b02dc99a7ee272a.js.map",
@@ -1368,8 +1368,8 @@
1368
1368
  "size": 57126
1369
1369
  },
1370
1370
  {
1371
- "name": "5408.a0622390fa1726dc.css.map",
1372
- "size": 4571
1371
+ "name": "5408.77c9b71d6a5df982.css.map",
1372
+ "size": 4581
1373
1373
  },
1374
1374
  {
1375
1375
  "name": "9326.431ef0e548c5f096.css.map",
@@ -1464,7 +1464,7 @@
1464
1464
  "size": 1095
1465
1465
  }
1466
1466
  ],
1467
- "auxiliaryAssetsSize": 102193,
1467
+ "auxiliaryAssetsSize": 102203,
1468
1468
  "children": {},
1469
1469
  "childAssets": {}
1470
1470
  },
@@ -1989,11 +1989,12 @@
1989
1989
  "children": {},
1990
1990
  "childAssets": {}
1991
1991
  },
1992
- "styles-homepage": {
1993
- "name": "styles-homepage",
1992
+ "styles-homepage-contributor-spotlight": {
1993
+ "name": "styles-homepage-contributor-spotlight",
1994
1994
  "chunks": [
1995
1995
  "4014",
1996
- "1187"
1996
+ "3391",
1997
+ "5894"
1997
1998
  ],
1998
1999
  "assets": [
1999
2000
  {
@@ -2001,27 +2002,39 @@
2001
2002
  "size": 581
2002
2003
  },
2003
2004
  {
2004
- "name": "styles-homepage.0980eec27925cc11.css",
2005
- "size": 381
2005
+ "name": "3391.29de8a92ac879678.css",
2006
+ "size": 7714
2006
2007
  },
2007
2008
  {
2008
- "name": "styles-homepage.8bfb6c93fba0ce03.js",
2009
- "size": 263
2009
+ "name": "styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css",
2010
+ "size": 1720
2011
+ },
2012
+ {
2013
+ "name": "styles-homepage-contributor-spotlight.90541370c1829dd3.js",
2014
+ "size": 285
2010
2015
  }
2011
2016
  ],
2012
2017
  "filteredAssets": 0,
2013
- "assetsSize": 1225,
2018
+ "assetsSize": 10300,
2014
2019
  "auxiliaryAssets": [
2015
2020
  {
2016
2021
  "name": "styles.5b02dc99a7ee272a.js.map",
2017
2022
  "size": 2806
2018
2023
  },
2019
2024
  {
2020
- "name": "styles-homepage.0980eec27925cc11.css.map",
2021
- "size": 685
2025
+ "name": "3391.29de8a92ac879678.css.map",
2026
+ "size": 11154
2027
+ },
2028
+ {
2029
+ "name": "quote.894340f7e3ad2575.svg",
2030
+ "size": 367
2031
+ },
2032
+ {
2033
+ "name": "styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css.map",
2034
+ "size": 3022
2022
2035
  }
2023
2036
  ],
2024
- "auxiliaryAssetsSize": 3491,
2037
+ "auxiliaryAssetsSize": 17349,
2025
2038
  "children": {},
2026
2039
  "childAssets": {}
2027
2040
  },
@@ -2097,55 +2110,6 @@
2097
2110
  "children": {},
2098
2111
  "childAssets": {}
2099
2112
  },
2100
- "styles-homepage-contributor-spotlight": {
2101
- "name": "styles-homepage-contributor-spotlight",
2102
- "chunks": [
2103
- "4014",
2104
- "3391",
2105
- "5894"
2106
- ],
2107
- "assets": [
2108
- {
2109
- "name": "styles.5b02dc99a7ee272a.js",
2110
- "size": 581
2111
- },
2112
- {
2113
- "name": "3391.29de8a92ac879678.css",
2114
- "size": 7714
2115
- },
2116
- {
2117
- "name": "styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css",
2118
- "size": 1720
2119
- },
2120
- {
2121
- "name": "styles-homepage-contributor-spotlight.90541370c1829dd3.js",
2122
- "size": 285
2123
- }
2124
- ],
2125
- "filteredAssets": 0,
2126
- "assetsSize": 10300,
2127
- "auxiliaryAssets": [
2128
- {
2129
- "name": "styles.5b02dc99a7ee272a.js.map",
2130
- "size": 2806
2131
- },
2132
- {
2133
- "name": "3391.29de8a92ac879678.css.map",
2134
- "size": 11154
2135
- },
2136
- {
2137
- "name": "quote.894340f7e3ad2575.svg",
2138
- "size": 367
2139
- },
2140
- {
2141
- "name": "styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css.map",
2142
- "size": 3022
2143
- }
2144
- ],
2145
- "auxiliaryAssetsSize": 17349,
2146
- "children": {},
2147
- "childAssets": {}
2148
- },
2149
2113
  "styles-homepage-hero": {
2150
2114
  "name": "styles-homepage-hero",
2151
2115
  "chunks": [
@@ -2234,12 +2198,12 @@
2234
2198
  "size": 265
2235
2199
  },
2236
2200
  {
2237
- "name": "styles-left-sidebar.6f954e8939555f77.css",
2238
- "size": 3176
2201
+ "name": "styles-left-sidebar.517b9efefbdeed1d.css",
2202
+ "size": 3186
2239
2203
  }
2240
2204
  ],
2241
2205
  "filteredAssets": 0,
2242
- "assetsSize": 4022,
2206
+ "assetsSize": 4032,
2243
2207
  "auxiliaryAssets": [
2244
2208
  {
2245
2209
  "name": "styles.5b02dc99a7ee272a.js.map",
@@ -2250,11 +2214,11 @@
2250
2214
  "size": 212
2251
2215
  },
2252
2216
  {
2253
- "name": "styles-left-sidebar.6f954e8939555f77.css.map",
2254
- "size": 5873
2217
+ "name": "styles-left-sidebar.517b9efefbdeed1d.css.map",
2218
+ "size": 5883
2255
2219
  }
2256
2220
  ],
2257
- "auxiliaryAssetsSize": 8891,
2221
+ "auxiliaryAssetsSize": 8901,
2258
2222
  "children": {},
2259
2223
  "childAssets": {}
2260
2224
  },
@@ -2992,6 +2956,42 @@
2992
2956
  "auxiliaryAssetsSize": 3399,
2993
2957
  "children": {},
2994
2958
  "childAssets": {}
2959
+ },
2960
+ "styles-homepage": {
2961
+ "name": "styles-homepage",
2962
+ "chunks": [
2963
+ "4014",
2964
+ "1187"
2965
+ ],
2966
+ "assets": [
2967
+ {
2968
+ "name": "styles.5b02dc99a7ee272a.js",
2969
+ "size": 581
2970
+ },
2971
+ {
2972
+ "name": "styles-homepage.0980eec27925cc11.css",
2973
+ "size": 381
2974
+ },
2975
+ {
2976
+ "name": "styles-homepage.8bfb6c93fba0ce03.js",
2977
+ "size": 263
2978
+ }
2979
+ ],
2980
+ "filteredAssets": 0,
2981
+ "assetsSize": 1225,
2982
+ "auxiliaryAssets": [
2983
+ {
2984
+ "name": "styles.5b02dc99a7ee272a.js.map",
2985
+ "size": 2806
2986
+ },
2987
+ {
2988
+ "name": "styles-homepage.0980eec27925cc11.css.map",
2989
+ "size": 685
2990
+ }
2991
+ ],
2992
+ "auxiliaryAssetsSize": 3491,
2993
+ "children": {},
2994
+ "childAssets": {}
2995
2995
  }
2996
2996
  }
2997
2997
  }
@@ -1,2 +1,2 @@
1
- .code-example{--border:1px solid var(--color-border-primary);border:var(--border);border-radius:.25rem;overflow:hidden}.code-example .example-header{align-items:center;border-bottom:var(--border);display:flex;line-height:var(--font-line-ui);min-height:3.1rem;padding:.5rem 1rem}:is(.code-example .example-header) .language-name{text-transform:uppercase}.code-example pre{background-color:var(--color-background-secondary);display:flex;margin:0;white-space:pre-wrap}:is(.code-example pre) code{background-color:initial;flex-grow:1;flex-shrink:1;font-family:var(--font-family-code);overflow:auto;padding:1rem}.hidden:is(.code-example pre),[class*=interactive-example]:is(.code-example pre){display:none}:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre)):after{content:"";display:inline-block;flex-shrink:0;height:1.24rem;margin:1.255rem 1rem;-webkit-mask-size:cover;mask-size:cover;width:1.24rem}.example-good:is(.code-example pre){background-color:var(--color-background-green)}.example-good:is(.code-example pre):after{background-color:var(--color-text-green);-webkit-mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg);mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg)}.example-bad:is(.code-example pre){background-color:var(--color-background-red)}.example-bad:is(.code-example pre):after{background-color:var(--color-text-red);-webkit-mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg);mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg)}.code-example:has(.hidden,[class*=interactive-example]){display:none}.code-example iframe,.code-example mdn-play-runner{border:none;box-sizing:initial;display:block;padding:1rem}.prev-next{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:0 solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:1px solid var(--color-border-primary);display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;list-style:none;margin:0;padding:.5rem;width:100%}.prev-next a{color:var(--color-link-normal)!important;text-wrap:balance}:is(.prev-next a):visited{color:var(--color-link-visited)!important}@media (width <= 426px){.prev-next{display:grid;grid-template-areas:"title title" "prev next"}.prev-next li.menu{grid-area:title;justify-self:center}.prev-next li.prev{grid-area:prev;justify-self:start}.prev-next li.next{grid-area:next;justify-self:end}}.prev-next .next a,.prev-next .prev a{align-items:center;display:flex;gap:.25rem}.prev-next li{background:none;display:flex;flex-wrap:nowrap;place-items:center}:is(.prev-next li) .button{background-color:inherit;border:inherit;color:inherit}:is(:is(.prev-next li) .button):hover{-webkit-text-decoration:underline;text-decoration:underline}.next:is(.prev-next li) a:after,.prev:is(.prev-next li) a:before{background-color:currentcolor;content:"";display:inline-block;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.prev:is(.prev-next li){margin-right:auto}.prev:is(.prev-next li) a:before{-webkit-mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg);mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg)}.prev:is(.prev-next li)~.menu:is(.prev-next li){margin-left:auto;margin-right:auto;text-align:center}.next:is(.prev-next li){margin-left:auto}.next:is(.prev-next li) a:after{-webkit-mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg);mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg)}.callout,.notecard{background-color:var(--color-background-secondary);border-inline-start:2px solid var(--accent-color,var(--color-text-secondary));border-radius:.25em;color:var(--color-text-primary);margin-block:1em;padding-block:1px;padding-inline:1em;padding-inline-start:3em;position:relative}.experimental:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout){background-color:var(--color-background-blue);--accent-color:var(--color-text-blue)}.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.warning:is(.notecard,.callout){background-color:var(--color-background-red);--accent-color:var(--color-text-red)}.tip:is(.notecard,.callout){background-color:var(--color-background-green);--accent-color:var(--color-text-green)}:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout)):before{background-color:var(--accent-color,var(--color-text-secondary));content:"";display:block;height:1em;left:1em;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:1.45em;width:1em}.deprecated:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.experimental:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.nonstandard:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.note:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/info.d40b80f84482feba.svg);mask-image:url(/static/client/info.d40b80f84482feba.svg)}.secure:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lock.4befe79c52ccec2a.svg);mask-image:url(/static/client/lock.4befe79c52ccec2a.svg)}.tip:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg);mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg)}.warning:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.worker:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/cog.f23af856fab34421.svg);mask-image:url(/static/client/cog.f23af856fab34421.svg)}:is(.code-example,.css-formal-syntax) .token.cdata,:is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.prolog{--csstools-light-dark-toggle-360cf513-0:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-0,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.punctuation{--csstools-light-dark-toggle-360cf513-1:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-1,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.selector{--csstools-light-dark-toggle-360cf513-2:var(--csstools-color-scheme--light) #ff97a0;color:var(--csstools-light-dark-toggle-360cf513-2,#d30038);color:light-dark(#d30038,#ff97a0)}:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value{--csstools-light-dark-toggle-360cf513-3:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-3,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.keyword{--csstools-light-dark-toggle-360cf513-4:var(--csstools-color-scheme--light) #c1cff1;color:var(--csstools-light-dark-toggle-360cf513-4,#0069c2);color:light-dark(#0069c2,#c1cff1)}:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.deleted,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.tag{--csstools-light-dark-toggle-360cf513-5:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-5,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.template-string>.token.string{--csstools-light-dark-toggle-360cf513-6:var(--csstools-color-scheme--light) #bea5ff;color:var(--csstools-light-dark-toggle-360cf513-6,#872bff);color:light-dark(#872bff,#bea5ff)}:is(.code-example,.css-formal-syntax) .token.bold,:is(.code-example,.css-formal-syntax) .token.important{font-weight:700}:is(.code-example,.css-formal-syntax) .token.italic{font-style:italic}:is(.code-example,.css-formal-syntax) .token.entity{cursor:help}.content-section{line-height:var(--font-line-content)}.content-section :target{scroll-margin-top:var(--sticky-header-height)}.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:var(--font-weight-normal);line-height:var(--font-line-header);margin:1rem 0 0}.content-section h2{font-size:var(--font-size-larger)}.content-section h3{font-size:var(--font-size-large)}.content-section h4{font-size:var(--font-size-medium)}.content-section h5,.content-section h6{font-size:var(--font-size-normal);font-weight:var(--font-weight-bold)}:is(.content-section a):visited{color:var(--color-link-visited)}:is(.content-section a):not([href^="#"]){-webkit-text-decoration:underline;text-decoration:underline}:is(.content-section a):not([href^="#"]):hover,[href^="#"]:is(.content-section a){-webkit-text-decoration:none;text-decoration:none}[href^="#"]:is(.content-section a):hover{-webkit-text-decoration:underline;text-decoration:underline}.content-section blockquote{border-inline-start:.25rem solid var(--color-border-primary);color:var(--color-text-secondary);margin-inline:0}:is(.content-section blockquote)>p{padding:1rem 2rem}.content-section code,.content-section pre{background-color:var(--color-background-secondary);font-family:var(--font-family-code)}.content-section pre{white-space:pre-wrap}.content-section pre:not(.code-example pre){border:1px solid var(--color-border-primary);border-radius:.25rem;overflow:auto;padding:1rem}.css-formal-syntax:is(.content-section pre:not(.code-example pre)){border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;text-wrap:wrap}.css-formal-syntax:is(.content-section pre:not(.code-example pre))~footer{border:1px solid var(--color-border-primary);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-top:0;margin-bottom:1rem;padding:.5rem 1rem}.content-section code{border-radius:var(--radius-normal);padding:.125em .25em}.content-section kbd{background-color:var(--color-background-primary);border:solid var(--color-border-primary);border-radius:var(--radius-normal);border-width:1px 1px 2px;color:var(--color-text-secondary);font-family:var(--font-family-code);padding:.0625em .125em}.content-section img{background-color:var(--color-white);border:1px solid var(--color-border-primary);border-radius:.25rem;display:block;margin:2rem auto}.content-section table{border-collapse:collapse;width:100%}:is(.content-section table) tr{background-color:var(--color-background-primary)}:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n){background-color:var(--color-background-page)}:is(.content-section table) td,:is(.content-section table) th{border:1px solid var(--color-border-primary);padding:.5rem .75rem}:is(.content-section table) th{font-weight:var(--font-weight-bold);text-align:left}.properties:is(.content-section table) td,.properties:is(.content-section table) th{border-width:1px 0}.properties:is(.content-section table) th{background-color:initial;font-weight:var(--font-weight-bold)}.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result{margin:1rem 0}:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result)+:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result){margin-top:1.5rem}.content-section interactive-example{display:block;height:375px;margin:1rem 0}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:444px}[height=shorter]:is(.content-section interactive-example){height:364px}[height=taller]:is(.content-section interactive-example){height:654px}[height=tabbed-shorter]:is(.content-section interactive-example){height:351px;margin-top:1.5rem}[height=tabbed-standard]:is(.content-section interactive-example){height:421px}[height=tabbed-taller]:is(.content-section interactive-example){height:631px}@media (width <= 992px){.content-section interactive-example{height:675px}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:513px}[height=shorter]:is(.content-section interactive-example){height:433px}[height=taller]:is(.content-section interactive-example){height:725px}[height=tabbed-shorter]:is(.content-section interactive-example){height:487px}[height=tabbed-standard]:is(.content-section interactive-example){height:548px}[height=tabbed-taller]:is(.content-section interactive-example){height:774px}}:is(.content-section dl) dl{border-left:1px solid var(--color-border-primary);padding-left:1rem}:is(.content-section dl) dd{margin-left:1rem}:is(:is(.content-section dl) dd) p:first-child{margin-top:.5rem}:is(.content-section dl) ul{margin:1rem 0 2rem}:is(.content-section dl) dt a[href^="#"]{color:inherit}:is(:is(.content-section dl) dt a[href^="#"]):hover:before{color:var(--color-text-secondary);content:"#";font-size:var(--font-size-small);margin-left:-.9em;margin-top:.3em;position:absolute}:is(.content-section ul.specifications-list) li:has(details){list-style:none;margin-left:-1.25rem}:is(.content-section ul.specifications-list) details{width:100%}[open]:is(:is(.content-section ul.specifications-list) details)>summary{margin-bottom:.5rem}:is([open]:is(:is(.content-section ul.specifications-list) details)>summary):before{transform:rotate(90deg)}:is(:is(.content-section ul.specifications-list) details) summary{align-items:center;cursor:pointer;display:flex}:is(:is(:is(.content-section ul.specifications-list) details) summary):before{background-color:currentcolor;content:"";display:inline-block;flex-shrink:0;height:1rem;margin:.125rem;-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);-webkit-mask-size:cover;mask-size:cover;width:1rem}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover{background-color:var(--color-background-secondary)}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover){background-color:unset}.content-section.article-footer{margin:2rem 0}
2
- /*# sourceMappingURL=styles-content-section.049c2352791fac9b.css.map*/
1
+ .code-example{--border:1px solid var(--color-border-primary);border:var(--border);border-radius:.25rem;overflow:hidden}.code-example .example-header{align-items:center;border-bottom:var(--border);display:flex;line-height:var(--font-line-ui);min-height:3.1rem;padding:.5rem 1rem}:is(.code-example .example-header) .language-name{text-transform:uppercase}.code-example pre{background-color:var(--color-background-secondary);display:flex;margin:0;white-space:pre-wrap}:is(.code-example pre) code{background-color:initial;flex-grow:1;flex-shrink:1;font-family:var(--font-family-code);overflow:auto;padding:1rem}.hidden:is(.code-example pre),[class*=interactive-example]:is(.code-example pre){display:none}:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre)):after{content:"";display:inline-block;flex-shrink:0;height:1.24rem;margin:1.255rem 1rem;-webkit-mask-size:cover;mask-size:cover;width:1.24rem}.example-good:is(.code-example pre){background-color:var(--color-background-green)}.example-good:is(.code-example pre):after{background-color:var(--color-text-green);-webkit-mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg);mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg)}.example-bad:is(.code-example pre){background-color:var(--color-background-red)}.example-bad:is(.code-example pre):after{background-color:var(--color-text-red);-webkit-mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg);mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg)}.code-example:has(.hidden,[class*=interactive-example]){display:none}.code-example iframe,.code-example mdn-play-runner{border:none;box-sizing:initial;display:block;padding:1rem}.prev-next{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:0 solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:1px solid var(--color-border-primary);display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;list-style:none;margin:0;padding:.5rem;width:100%}.prev-next a{color:var(--color-link-normal)!important;text-wrap:balance}:is(.prev-next a):visited{color:var(--color-link-visited)!important}@media (width <= 426px){.prev-next{display:grid;grid-template-areas:"title title" "prev next"}.prev-next li.menu{grid-area:title;justify-self:center}.prev-next li.prev{grid-area:prev;justify-self:start}.prev-next li.next{grid-area:next;justify-self:end}}.prev-next .next a,.prev-next .prev a{align-items:center;display:flex;gap:.25rem}.prev-next li{background:none;display:flex;flex-wrap:nowrap;place-items:center}:is(.prev-next li) .button{background-color:inherit;border:inherit;color:inherit}:is(:is(.prev-next li) .button):hover{-webkit-text-decoration:underline;text-decoration:underline}.next:is(.prev-next li) a:after,.prev:is(.prev-next li) a:before{background-color:currentcolor;content:"";display:inline-block;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.prev:is(.prev-next li){margin-right:auto}.prev:is(.prev-next li) a:before{-webkit-mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg);mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg)}.prev:is(.prev-next li)~.menu:is(.prev-next li){margin-left:auto;margin-right:auto;text-align:center}.next:is(.prev-next li){margin-left:auto}.next:is(.prev-next li) a:after{-webkit-mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg);mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg)}.callout,.notecard{background-color:var(--color-background-secondary);border-inline-start:2px solid var(--accent-color,var(--color-text-secondary));border-radius:.25em;color:var(--color-text-primary);margin-block:1em;padding-block:1px;padding-inline:1em;padding-inline-start:3em;position:relative}.experimental:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout){background-color:var(--color-background-blue);--accent-color:var(--color-text-blue)}.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.warning:is(.notecard,.callout){background-color:var(--color-background-red);--accent-color:var(--color-text-red)}.tip:is(.notecard,.callout){background-color:var(--color-background-green);--accent-color:var(--color-text-green)}:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout)):before{background-color:var(--accent-color,var(--color-text-secondary));content:"";display:block;height:1em;left:1em;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:1.45em;width:1em}.deprecated:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.experimental:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.nonstandard:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.note:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/info.d40b80f84482feba.svg);mask-image:url(/static/client/info.d40b80f84482feba.svg)}.secure:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lock.4befe79c52ccec2a.svg);mask-image:url(/static/client/lock.4befe79c52ccec2a.svg)}.tip:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg);mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg)}.warning:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.worker:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/cog.f23af856fab34421.svg);mask-image:url(/static/client/cog.f23af856fab34421.svg)}:is(.code-example,.css-formal-syntax) .token.cdata,:is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.prolog{--csstools-light-dark-toggle-360cf513-0:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-0,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.punctuation{--csstools-light-dark-toggle-360cf513-1:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-1,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.selector{--csstools-light-dark-toggle-360cf513-2:var(--csstools-color-scheme--light) #ff97a0;color:var(--csstools-light-dark-toggle-360cf513-2,#d30038);color:light-dark(#d30038,#ff97a0)}:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value{--csstools-light-dark-toggle-360cf513-3:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-3,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.keyword{--csstools-light-dark-toggle-360cf513-4:var(--csstools-color-scheme--light) #c1cff1;color:var(--csstools-light-dark-toggle-360cf513-4,#0069c2);color:light-dark(#0069c2,#c1cff1)}:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.deleted,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.tag{--csstools-light-dark-toggle-360cf513-5:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-5,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.template-string>.token.string{--csstools-light-dark-toggle-360cf513-6:var(--csstools-color-scheme--light) #bea5ff;color:var(--csstools-light-dark-toggle-360cf513-6,#872bff);color:light-dark(#872bff,#bea5ff)}:is(.code-example,.css-formal-syntax) .token.bold,:is(.code-example,.css-formal-syntax) .token.important{font-weight:700}:is(.code-example,.css-formal-syntax) .token.italic{font-style:italic}:is(.code-example,.css-formal-syntax) .token.entity{cursor:help}.content-section{line-height:var(--font-line-content)}.content-section :target{scroll-margin-top:var(--sticky-header-height)}.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:var(--font-weight-normal);line-height:var(--font-line-header);margin:1rem 0 0}.content-section h2{font-size:var(--font-size-larger)}.content-section h3{font-size:var(--font-size-large)}.content-section h4{font-size:var(--font-size-medium)}.content-section h5,.content-section h6{font-size:var(--font-size-normal);font-weight:var(--font-weight-bold)}:is(.content-section a):visited{color:var(--color-link-visited)}:is(.content-section a):not([href^="#"]){-webkit-text-decoration:underline;text-decoration:underline}:is(.content-section a):not([href^="#"]):hover,[href^="#"]:is(.content-section a){-webkit-text-decoration:none;text-decoration:none}[href^="#"]:is(.content-section a):hover{-webkit-text-decoration:underline;text-decoration:underline}.content-section blockquote{border-inline-start:.25rem solid var(--color-border-primary);color:var(--color-text-secondary);margin-inline:0}:is(.content-section blockquote)>p{padding:1rem 2rem}.content-section code,.content-section pre{background-color:var(--color-background-secondary);font-family:var(--font-family-code)}.content-section pre{white-space:pre-wrap}.content-section pre:not(.code-example pre){border:1px solid var(--color-border-primary);border-radius:.25rem;overflow:auto;padding:1rem}.css-formal-syntax:is(.content-section pre:not(.code-example pre)){border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;text-wrap:wrap}.css-formal-syntax:is(.content-section pre:not(.code-example pre))~footer{border:1px solid var(--color-border-primary);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-top:0;margin-bottom:1rem;padding:.5rem 1rem}.content-section code{border-radius:var(--radius-normal);padding:.125em .25em}.content-section kbd{background-color:var(--color-background-primary);border:solid var(--color-border-primary);border-radius:var(--radius-normal);border-width:1px 1px 2px;color:var(--color-text-secondary);font-family:var(--font-family-code);padding:.0625em .125em}.content-section img{background-color:var(--color-white);display:block;margin:2rem auto}.content-section iframe,.content-section img{border:1px solid var(--color-border-primary);border-radius:.25rem}.content-section table{border-collapse:collapse;width:100%}:is(.content-section table) tr{background-color:var(--color-background-primary)}:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n){background-color:var(--color-background-page)}:is(.content-section table) td,:is(.content-section table) th{border:1px solid var(--color-border-primary);padding:.5rem .75rem}:is(.content-section table) th{font-weight:var(--font-weight-bold);text-align:left}.properties:is(.content-section table) td,.properties:is(.content-section table) th{border-width:1px 0}.properties:is(.content-section table) th{background-color:initial;font-weight:var(--font-weight-bold)}.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result{margin:1rem 0}:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result)+:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result){margin-top:1.5rem}.content-section interactive-example{display:block;height:375px;margin:1rem 0}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:444px}[height=shorter]:is(.content-section interactive-example){height:364px}[height=taller]:is(.content-section interactive-example){height:654px}[height=tabbed-shorter]:is(.content-section interactive-example){height:351px;margin-top:1.5rem}[height=tabbed-standard]:is(.content-section interactive-example){height:421px}[height=tabbed-taller]:is(.content-section interactive-example){height:631px}@media (width <= 992px){.content-section interactive-example{height:675px}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:513px}[height=shorter]:is(.content-section interactive-example){height:433px}[height=taller]:is(.content-section interactive-example){height:725px}[height=tabbed-shorter]:is(.content-section interactive-example){height:487px}[height=tabbed-standard]:is(.content-section interactive-example){height:548px}[height=tabbed-taller]:is(.content-section interactive-example){height:774px}}:is(.content-section dl) dl{border-left:1px solid var(--color-border-primary);padding-left:1rem}:is(.content-section dl) dd{margin-left:1rem}:is(:is(.content-section dl) dd) p:first-child{margin-top:.5rem}:is(.content-section dl) ul{margin:1rem 0 2rem}:is(.content-section dl) dt a[href^="#"]{color:inherit}:is(:is(.content-section dl) dt a[href^="#"]):hover:before{color:var(--color-text-secondary);content:"#";font-size:var(--font-size-small);margin-left:-.9em;margin-top:.3em;position:absolute}:is(.content-section ul.specifications-list) li:has(details){list-style:none;margin-left:-1.25rem}:is(.content-section ul.specifications-list) details{width:100%}[open]:is(:is(.content-section ul.specifications-list) details)>summary{margin-bottom:.5rem}:is([open]:is(:is(.content-section ul.specifications-list) details)>summary):before{transform:rotate(90deg)}:is(:is(.content-section ul.specifications-list) details) summary{align-items:center;cursor:pointer;display:flex}:is(:is(:is(.content-section ul.specifications-list) details) summary):before{background-color:currentcolor;content:"";display:inline-block;flex-shrink:0;height:1rem;margin:.125rem;-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);-webkit-mask-size:cover;mask-size:cover;width:1rem}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover{background-color:var(--color-background-secondary)}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover){background-color:unset}.content-section.article-footer{margin:2rem 0}
2
+ /*# sourceMappingURL=styles-content-section.cd5635d274b730e9.css.map*/