@mdn/fred 1.3.1 → 1.3.2

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 (42) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +15 -0
  3. package/components/content-section/server.css +5 -0
  4. package/components/doc/server.js +1 -1
  5. package/components/scrim-inline/element.css +7 -0
  6. package/out/service-worker.js +1 -1
  7. package/out/static/client/2319.daf8150c3dd00fb4.js +60 -0
  8. package/out/static/client/2319.daf8150c3dd00fb4.js.map +1 -0
  9. package/out/static/client/9379.b25587d6a239abd3.js +2 -0
  10. package/out/static/client/9379.b25587d6a239abd3.js.map +1 -0
  11. package/out/static/client/{index.55048de2c0265ab9.js → index.b9d9ebb034538241.js} +10 -10
  12. package/out/static/client/{index.55048de2c0265ab9.js.map → index.b9d9ebb034538241.js.map} +1 -1
  13. package/out/static/client/{runtime.aa4d3521a7a5fab7.js → runtime.cc9114c9e108157f.js} +2 -2
  14. package/out/static/client/{runtime.aa4d3521a7a5fab7.js.map → runtime.cc9114c9e108157f.js.map} +1 -1
  15. package/out/static/client/stats.json +97 -97
  16. package/out/static/client/{styles-content-section.0dbf80e850fa3402.css → styles-content-section.e0bbadd0c4bc857d.css} +2 -2
  17. package/out/static/client/{styles-content-section.0dbf80e850fa3402.css.map → styles-content-section.e0bbadd0c4bc857d.css.map} +1 -1
  18. package/out/static/client/{styles-global.4640cc3400ce02f4.js → styles-global.57880af9e7d6375b.js} +1 -1
  19. package/out/static/client/{styles-global.4031cdde644ed6ce.css → styles-global.c9f2a49e47bf5c55.css} +2 -2
  20. package/out/static/client/{styles-global.4031cdde644ed6ce.css.map → styles-global.c9f2a49e47bf5c55.css.map} +1 -1
  21. package/out/static/legacy/{1539.09699829ad0a6c6a.js → 1539.ed9136a5f40f8f86.js} +3 -3
  22. package/out/static/legacy/{1539.09699829ad0a6c6a.js.map → 1539.ed9136a5f40f8f86.js.map} +1 -1
  23. package/out/static/legacy/asset-manifest.json +7 -7
  24. package/out/static/legacy/{index.87ff9acaa286d7e2.js → index.3504df1c7b6a1b29.js} +3 -3
  25. package/out/static/legacy/{index.87ff9acaa286d7e2.js.map → index.3504df1c7b6a1b29.js.map} +1 -1
  26. package/out/static/legacy/{index.a38906846551bf19.html → index.e4ab469094607d20.html} +1 -1
  27. package/out/static/legacy/stats.json +13 -13
  28. package/out/static/legacy/{yari.1754859c2c682e51.js → yari.7a85003b4add8414.js} +3 -3
  29. package/out/static/legacy/{yari.1754859c2c682e51.js.map → yari.7a85003b4add8414.js.map} +1 -1
  30. package/out/static/ssr/index.js +4 -4
  31. package/out/static/ssr/index.js.map +1 -1
  32. package/out/static/ssr/stats.json +4 -4
  33. package/package.json +6 -6
  34. package/out/static/client/2319.0beb43a38dd85a2c.js +0 -60
  35. package/out/static/client/2319.0beb43a38dd85a2c.js.map +0 -1
  36. package/out/static/client/9379.fdeb8d3dbec381d4.js +0 -2
  37. package/out/static/client/9379.fdeb8d3dbec381d4.js.map +0 -1
  38. /package/out/static/client/{2319.0beb43a38dd85a2c.js.LICENSE.txt → 2319.daf8150c3dd00fb4.js.LICENSE.txt} +0 -0
  39. /package/out/static/client/{index.55048de2c0265ab9.js.LICENSE.txt → index.b9d9ebb034538241.js.LICENSE.txt} +0 -0
  40. /package/out/static/legacy/{1539.09699829ad0a6c6a.js.LICENSE.txt → 1539.ed9136a5f40f8f86.js.LICENSE.txt} +0 -0
  41. /package/out/static/legacy/{index.87ff9acaa286d7e2.js.LICENSE.txt → index.3504df1c7b6a1b29.js.LICENSE.txt} +0 -0
  42. /package/out/static/legacy/{yari.1754859c2c682e51.js.LICENSE.txt → yari.7a85003b4add8414.js.LICENSE.txt} +0 -0
@@ -11,7 +11,7 @@
11
11
  ],
12
12
  "assets": [
13
13
  {
14
- "name": "runtime.aa4d3521a7a5fab7.js",
14
+ "name": "runtime.cc9114c9e108157f.js",
15
15
  "size": 19208
16
16
  },
17
17
  {
@@ -23,7 +23,7 @@
23
23
  "size": 55386
24
24
  },
25
25
  {
26
- "name": "index.55048de2c0265ab9.js",
26
+ "name": "index.b9d9ebb034538241.js",
27
27
  "size": 32933
28
28
  }
29
29
  ],
@@ -31,7 +31,7 @@
31
31
  "assetsSize": 155736,
32
32
  "auxiliaryAssets": [
33
33
  {
34
- "name": "runtime.aa4d3521a7a5fab7.js.map",
34
+ "name": "runtime.cc9114c9e108157f.js.map",
35
35
  "size": 44218
36
36
  },
37
37
  {
@@ -43,12 +43,12 @@
43
43
  "size": 201236
44
44
  },
45
45
  {
46
- "name": "search.5dd31cbeea7d1af9.svg",
47
- "size": 246
46
+ "name": "index.b9d9ebb034538241.js.map",
47
+ "size": 79273
48
48
  },
49
49
  {
50
- "name": "index.55048de2c0265ab9.js.map",
51
- "size": 79273
50
+ "name": "search.5dd31cbeea7d1af9.svg",
51
+ "size": 246
52
52
  }
53
53
  ],
54
54
  "auxiliaryAssetsSize": 578766,
@@ -67,12 +67,12 @@
67
67
  "size": 548
68
68
  },
69
69
  {
70
- "name": "styles-global.4640cc3400ce02f4.js",
71
- "size": 832
70
+ "name": "styles-global.c9f2a49e47bf5c55.css",
71
+ "size": 25102
72
72
  },
73
73
  {
74
- "name": "styles-global.4031cdde644ed6ce.css",
75
- "size": 25102
74
+ "name": "styles-global.57880af9e7d6375b.js",
75
+ "size": 832
76
76
  }
77
77
  ],
78
78
  "filteredAssets": 0,
@@ -98,10 +98,6 @@
98
98
  "name": "trash-2.73b28bc66fb8543c.svg",
99
99
  "size": 290
100
100
  },
101
- {
102
- "name": "styles-global.4031cdde644ed6ce.css.map",
103
- "size": 40004
104
- },
105
101
  {
106
102
  "name": "inter-latin-extended.02dc98170ff37b88.woff2",
107
103
  "size": 140872
@@ -134,6 +130,10 @@
134
130
  "name": "flask-conical.c16b3d71f14f31d1.svg",
135
131
  "size": 326
136
132
  },
133
+ {
134
+ "name": "styles-global.c9f2a49e47bf5c55.css.map",
135
+ "size": 40004
136
+ },
137
137
  {
138
138
  "name": "inter-cyrillic.eecfbd79d522303a.woff2",
139
139
  "size": 29904
@@ -235,11 +235,11 @@
235
235
  "children": {},
236
236
  "childAssets": {}
237
237
  },
238
- "styles-banner": {
239
- "name": "styles-banner",
238
+ "styles-article-footer": {
239
+ "name": "styles-article-footer",
240
240
  "chunks": [
241
241
  "4014",
242
- "3501"
242
+ "8769"
243
243
  ],
244
244
  "assets": [
245
245
  {
@@ -247,35 +247,35 @@
247
247
  "size": 548
248
248
  },
249
249
  {
250
- "name": "styles-banner.27a95586089161b4.css",
251
- "size": 323
250
+ "name": "styles-article-footer.81ae18c89fc527dc.css",
251
+ "size": 849
252
252
  },
253
253
  {
254
- "name": "styles-banner.9d03daba84c11958.js",
255
- "size": 245
254
+ "name": "styles-article-footer.cc0f537c8ada7c9b.js",
255
+ "size": 253
256
256
  }
257
257
  ],
258
258
  "filteredAssets": 0,
259
- "assetsSize": 1116,
259
+ "assetsSize": 1650,
260
260
  "auxiliaryAssets": [
261
261
  {
262
262
  "name": "styles.42b0721850a6a7e4.js.map",
263
263
  "size": 2654
264
264
  },
265
265
  {
266
- "name": "styles-banner.27a95586089161b4.css.map",
267
- "size": 531
266
+ "name": "styles-article-footer.81ae18c89fc527dc.css.map",
267
+ "size": 1719
268
268
  }
269
269
  ],
270
- "auxiliaryAssetsSize": 3185,
270
+ "auxiliaryAssetsSize": 4373,
271
271
  "children": {},
272
272
  "childAssets": {}
273
273
  },
274
- "styles-article-footer": {
275
- "name": "styles-article-footer",
274
+ "styles-banner": {
275
+ "name": "styles-banner",
276
276
  "chunks": [
277
277
  "4014",
278
- "8769"
278
+ "3501"
279
279
  ],
280
280
  "assets": [
281
281
  {
@@ -283,27 +283,27 @@
283
283
  "size": 548
284
284
  },
285
285
  {
286
- "name": "styles-article-footer.81ae18c89fc527dc.css",
287
- "size": 849
286
+ "name": "styles-banner.27a95586089161b4.css",
287
+ "size": 323
288
288
  },
289
289
  {
290
- "name": "styles-article-footer.cc0f537c8ada7c9b.js",
291
- "size": 253
290
+ "name": "styles-banner.9d03daba84c11958.js",
291
+ "size": 245
292
292
  }
293
293
  ],
294
294
  "filteredAssets": 0,
295
- "assetsSize": 1650,
295
+ "assetsSize": 1116,
296
296
  "auxiliaryAssets": [
297
297
  {
298
298
  "name": "styles.42b0721850a6a7e4.js.map",
299
299
  "size": 2654
300
300
  },
301
301
  {
302
- "name": "styles-article-footer.81ae18c89fc527dc.css.map",
303
- "size": 1719
302
+ "name": "styles-banner.27a95586089161b4.css.map",
303
+ "size": 531
304
304
  }
305
305
  ],
306
- "auxiliaryAssetsSize": 4373,
306
+ "auxiliaryAssetsSize": 3185,
307
307
  "children": {},
308
308
  "childAssets": {}
309
309
  },
@@ -612,12 +612,12 @@
612
612
  "size": 254
613
613
  },
614
614
  {
615
- "name": "styles-content-section.0dbf80e850fa3402.css",
616
- "size": 15000
615
+ "name": "styles-content-section.e0bbadd0c4bc857d.css",
616
+ "size": 15064
617
617
  }
618
618
  ],
619
619
  "filteredAssets": 0,
620
- "assetsSize": 15802,
620
+ "assetsSize": 15866,
621
621
  "auxiliaryAssets": [
622
622
  {
623
623
  "name": "styles.42b0721850a6a7e4.js.map",
@@ -655,10 +655,6 @@
655
655
  "name": "triangle-alert.cff4c57ccef57da3.svg",
656
656
  "size": 286
657
657
  },
658
- {
659
- "name": "styles-content-section.0dbf80e850fa3402.css.map",
660
- "size": 23244
661
- },
662
658
  {
663
659
  "name": "trash-2.73b28bc66fb8543c.svg",
664
660
  "size": 290
@@ -674,9 +670,13 @@
674
670
  {
675
671
  "name": "cog.f23af856fab34421.svg",
676
672
  "size": 431
673
+ },
674
+ {
675
+ "name": "styles-content-section.e0bbadd0c4bc857d.css.map",
676
+ "size": 23399
677
677
  }
678
678
  ],
679
- "auxiliaryAssetsSize": 29214,
679
+ "auxiliaryAssetsSize": 29369,
680
680
  "children": {},
681
681
  "childAssets": {}
682
682
  },
@@ -1872,11 +1872,11 @@
1872
1872
  "children": {},
1873
1873
  "childAssets": {}
1874
1874
  },
1875
- "styles-heading-anchor": {
1876
- "name": "styles-heading-anchor",
1875
+ "styles-homepage": {
1876
+ "name": "styles-homepage",
1877
1877
  "chunks": [
1878
1878
  "4014",
1879
- "4015"
1879
+ "1187"
1880
1880
  ],
1881
1881
  "assets": [
1882
1882
  {
@@ -1884,35 +1884,35 @@
1884
1884
  "size": 548
1885
1885
  },
1886
1886
  {
1887
- "name": "styles-heading-anchor.0eec5185ab9425b7.css",
1888
- "size": 694
1887
+ "name": "styles-homepage.0980eec27925cc11.css",
1888
+ "size": 381
1889
1889
  },
1890
1890
  {
1891
- "name": "styles-heading-anchor.9c108abd05c06751.js",
1892
- "size": 253
1891
+ "name": "styles-homepage.76dcd400ed4ef833.js",
1892
+ "size": 245
1893
1893
  }
1894
1894
  ],
1895
1895
  "filteredAssets": 0,
1896
- "assetsSize": 1495,
1896
+ "assetsSize": 1174,
1897
1897
  "auxiliaryAssets": [
1898
1898
  {
1899
1899
  "name": "styles.42b0721850a6a7e4.js.map",
1900
1900
  "size": 2654
1901
1901
  },
1902
1902
  {
1903
- "name": "styles-heading-anchor.0eec5185ab9425b7.css.map",
1904
- "size": 1296
1903
+ "name": "styles-homepage.0980eec27925cc11.css.map",
1904
+ "size": 685
1905
1905
  }
1906
1906
  ],
1907
- "auxiliaryAssetsSize": 3950,
1907
+ "auxiliaryAssetsSize": 3339,
1908
1908
  "children": {},
1909
1909
  "childAssets": {}
1910
1910
  },
1911
- "styles-homepage": {
1912
- "name": "styles-homepage",
1911
+ "styles-heading-anchor": {
1912
+ "name": "styles-heading-anchor",
1913
1913
  "chunks": [
1914
1914
  "4014",
1915
- "1187"
1915
+ "4015"
1916
1916
  ],
1917
1917
  "assets": [
1918
1918
  {
@@ -1920,27 +1920,27 @@
1920
1920
  "size": 548
1921
1921
  },
1922
1922
  {
1923
- "name": "styles-homepage.0980eec27925cc11.css",
1924
- "size": 381
1923
+ "name": "styles-heading-anchor.0eec5185ab9425b7.css",
1924
+ "size": 694
1925
1925
  },
1926
1926
  {
1927
- "name": "styles-homepage.76dcd400ed4ef833.js",
1928
- "size": 245
1927
+ "name": "styles-heading-anchor.9c108abd05c06751.js",
1928
+ "size": 253
1929
1929
  }
1930
1930
  ],
1931
1931
  "filteredAssets": 0,
1932
- "assetsSize": 1174,
1932
+ "assetsSize": 1495,
1933
1933
  "auxiliaryAssets": [
1934
1934
  {
1935
1935
  "name": "styles.42b0721850a6a7e4.js.map",
1936
1936
  "size": 2654
1937
1937
  },
1938
1938
  {
1939
- "name": "styles-homepage.0980eec27925cc11.css.map",
1940
- "size": 685
1939
+ "name": "styles-heading-anchor.0eec5185ab9425b7.css.map",
1940
+ "size": 1296
1941
1941
  }
1942
1942
  ],
1943
- "auxiliaryAssetsSize": 3339,
1943
+ "auxiliaryAssetsSize": 3950,
1944
1944
  "children": {},
1945
1945
  "childAssets": {}
1946
1946
  },
@@ -2357,11 +2357,11 @@
2357
2357
  "children": {},
2358
2358
  "childAssets": {}
2359
2359
  },
2360
- "styles-navigation": {
2361
- "name": "styles-navigation",
2360
+ "styles-not-found": {
2361
+ "name": "styles-not-found",
2362
2362
  "chunks": [
2363
2363
  "4014",
2364
- "1445"
2364
+ "4575"
2365
2365
  ],
2366
2366
  "assets": [
2367
2367
  {
@@ -2369,43 +2369,35 @@
2369
2369
  "size": 548
2370
2370
  },
2371
2371
  {
2372
- "name": "styles-navigation.013b4a4ed330892a.css",
2373
- "size": 2143
2372
+ "name": "styles-not-found.7b511b835e4030ea.css",
2373
+ "size": 293
2374
2374
  },
2375
2375
  {
2376
- "name": "styles-navigation.135a000deb94eb19.js",
2377
- "size": 249
2376
+ "name": "styles-not-found.fbeeeeb400396890.js",
2377
+ "size": 248
2378
2378
  }
2379
2379
  ],
2380
2380
  "filteredAssets": 0,
2381
- "assetsSize": 2940,
2381
+ "assetsSize": 1089,
2382
2382
  "auxiliaryAssets": [
2383
2383
  {
2384
2384
  "name": "styles.42b0721850a6a7e4.js.map",
2385
2385
  "size": 2654
2386
2386
  },
2387
2387
  {
2388
- "name": "menu.74ccd9bb64dbf543.svg",
2389
- "size": 222
2390
- },
2391
- {
2392
- "name": "cancel.7362f2cdf3515e0d.svg",
2393
- "size": 219
2394
- },
2395
- {
2396
- "name": "styles-navigation.013b4a4ed330892a.css.map",
2397
- "size": 4251
2388
+ "name": "styles-not-found.7b511b835e4030ea.css.map",
2389
+ "size": 570
2398
2390
  }
2399
2391
  ],
2400
- "auxiliaryAssetsSize": 7346,
2392
+ "auxiliaryAssetsSize": 3224,
2401
2393
  "children": {},
2402
2394
  "childAssets": {}
2403
2395
  },
2404
- "styles-not-found": {
2405
- "name": "styles-not-found",
2396
+ "styles-navigation": {
2397
+ "name": "styles-navigation",
2406
2398
  "chunks": [
2407
2399
  "4014",
2408
- "4575"
2400
+ "1445"
2409
2401
  ],
2410
2402
  "assets": [
2411
2403
  {
@@ -2413,27 +2405,35 @@
2413
2405
  "size": 548
2414
2406
  },
2415
2407
  {
2416
- "name": "styles-not-found.7b511b835e4030ea.css",
2417
- "size": 293
2408
+ "name": "styles-navigation.013b4a4ed330892a.css",
2409
+ "size": 2143
2418
2410
  },
2419
2411
  {
2420
- "name": "styles-not-found.fbeeeeb400396890.js",
2421
- "size": 248
2412
+ "name": "styles-navigation.135a000deb94eb19.js",
2413
+ "size": 249
2422
2414
  }
2423
2415
  ],
2424
2416
  "filteredAssets": 0,
2425
- "assetsSize": 1089,
2417
+ "assetsSize": 2940,
2426
2418
  "auxiliaryAssets": [
2427
2419
  {
2428
2420
  "name": "styles.42b0721850a6a7e4.js.map",
2429
2421
  "size": 2654
2430
2422
  },
2431
2423
  {
2432
- "name": "styles-not-found.7b511b835e4030ea.css.map",
2433
- "size": 570
2424
+ "name": "menu.74ccd9bb64dbf543.svg",
2425
+ "size": 222
2426
+ },
2427
+ {
2428
+ "name": "cancel.7362f2cdf3515e0d.svg",
2429
+ "size": 219
2430
+ },
2431
+ {
2432
+ "name": "styles-navigation.013b4a4ed330892a.css.map",
2433
+ "size": 4251
2434
2434
  }
2435
2435
  ],
2436
- "auxiliaryAssetsSize": 3224,
2436
+ "auxiliaryAssetsSize": 7346,
2437
2437
  "children": {},
2438
2438
  "childAssets": {}
2439
2439
  },
@@ -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 h1,.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:var(--font-weight-normal);margin:1rem 0 0}.content-section h1{font-size:var(--font-size-largest);margin-top: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-normal);letter-spacing:.05em;text-transform:uppercase}.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);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:.25em;padding:.125em .25em}.content-section img{background-color:var(--color-background-secondary);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-normal);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(.content-section dl) ul{margin:1rem 0 2rem}:is(.content-section dl) a[href^="#"]{color:inherit}:is(:is(.content-section dl) 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.0dbf80e850fa3402.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 h1,.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:var(--font-weight-normal);margin:1rem 0 0}.content-section h1{font-size:var(--font-size-largest);margin-top: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-normal);letter-spacing:.05em;text-transform:uppercase}.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);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:.25em;padding:.125em .25em}.content-section img{background-color:var(--color-background-secondary);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-normal);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) a[href^="#"]{color:inherit}:is(:is(.content-section dl) 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.e0bbadd0c4bc857d.css.map*/
@@ -1 +1 @@
1
- {"version":3,"file":"styles-content-section.0dbf80e850fa3402.css","sources":["webpack://@mdn/fred/./components/code-example/common.css","webpack://@mdn/fred/./components/prev-next/index.css","webpack://@mdn/fred/./components/notecard/index.css","webpack://@mdn/fred/./components/code-example/prism.css","webpack://@mdn/fred/./components/content-section/server.css"],"sourcesContent":[".code-example {\n --border: 1px solid var(--color-border-primary);\n overflow: hidden;\n border: var(--border);\n border-radius: 0.25rem;\n}.code-example .example-header {\n display: flex;\n\n align-items: center;\n\n min-height: 3.1rem;\n\n padding: 0.5rem 1rem;\n\n line-height: var(--font-line-ui);\n\n border-bottom: var(--border);\n }:is(.code-example .example-header) .language-name {\n text-transform: uppercase;\n }.code-example pre {\n display: flex;\n\n margin: 0;\n\n white-space: pre-wrap;\n\n background-color: var(--color-background-secondary);\n }:is(.code-example pre) code {\n flex-grow: 1;\n flex-shrink: 1;\n\n padding: 1rem;\n\n overflow: auto;\n\n font-family: var(--font-family-code);\n\n background-color: transparent;\n }.hidden:is(.code-example pre),[class*=\"interactive-example\"]:is(.code-example pre) {\n display: none;\n }:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre))::after {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1.24rem;\n height: 1.24rem;\n\n margin: 1.255rem 1rem;\n\n content: \"\";\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }.example-good:is(.code-example pre) {\n background-color: var(--color-background-green);\n }.example-good:is(.code-example pre)::after {\n background-color: var(--color-text-green);\n -webkit-mask-image: url(\"../icon/circle-check.svg\");\n mask-image: url(\"../icon/circle-check.svg\");\n }.example-bad:is(.code-example pre) {\n background-color: var(--color-background-red);\n }.example-bad:is(.code-example pre)::after {\n background-color: var(--color-text-red);\n -webkit-mask-image: url(\"../icon/circle-x.svg\");\n mask-image: url(\"../icon/circle-x.svg\");\n }.code-example:has(.hidden,[class*=\"interactive-example\"]) {\n /* TODO: we might want to fix this in rari */\n display: none;\n }.code-example iframe,.code-example mdn-play-runner {\n box-sizing: content-box;\n display: block;\n\n padding: 1rem;\n\n border: none;\n }\n","/* Tutorial nav. */\n.prev-next {\n display: flex;\n\n flex-wrap: nowrap;\n\n gap: 1rem;\n justify-content: space-between;\n\n width: 100%;\n\n padding: 0.5rem;\n margin: 0;\n\n list-style: none;\n\n border: 1px solid var(--color-border-primary);\n border-width: 1px 0;\n}\n.prev-next a {\n color: var(--color-link-normal) !important;\n text-wrap: balance;\n }\n:is(.prev-next a):visited {\n color: var(--color-link-visited) !important;\n }\n@media (width <= 426px) {\n.prev-next {\n display: grid;\n grid-template-areas:\n \"title title\"\n \"prev next\";\n}\n\n .prev-next li.menu {\n grid-area: title;\n justify-self: center;\n }\n\n .prev-next li.prev {\n grid-area: prev;\n justify-self: start;\n }\n\n .prev-next li.next {\n grid-area: next;\n justify-self: end;\n }\n }\n.prev-next .prev a,.prev-next .next a {\n display: flex;\n gap: 0.25rem;\n align-items: center;\n }\n.prev-next li {\n display: flex;\n\n flex-wrap: nowrap;\n\n place-items: center;\n\n background: none;\n }\n:is(.prev-next li) .button {\n color: inherit;\n background-color: inherit;\n border: inherit;\n }\n:is(:is(.prev-next li) .button):hover {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n.prev:is(.prev-next li) a::before,.next:is(.prev-next li) a::after {\n display: inline-block;\n\n width: 1em;\n height: 1em;\n\n vertical-align: middle;\n\n content: \"\";\n\n background-color: currentcolor;\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }\n.prev:is(.prev-next li) {\n margin-right: auto;\n }\n.prev:is(.prev-next li) a::before {\n -webkit-mask-image: url(\"../icon/arrow-left.svg\");\n mask-image: url(\"../icon/arrow-left.svg\");\n }\n.prev:is(.prev-next li) ~ .menu:is(.prev-next li) {\n margin-right: auto;\n margin-left: auto;\n text-align: center;\n }\n.next:is(.prev-next li) {\n margin-left: auto;\n }\n.next:is(.prev-next li) a::after {\n -webkit-mask-image: url(\"../icon/arrow-right.svg\");\n mask-image: url(\"../icon/arrow-right.svg\");\n }\n",".notecard,\n.callout {\n position: relative;\n\n padding-block: 1px;\n padding-inline: 1em;\n padding-inline-start: 3em;\n margin-block: 1em;\n\n color: var(--color-text-primary);\n\n background-color: var(--color-background-secondary);\n border-inline-start: 2px solid\n var(--accent-color, var(--color-text-secondary));\n border-radius: 0.25em;\n}.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.experimental:is(.notecard,.callout) {\n background-color: var(--color-background-blue);\n --accent-color: var(--color-text-blue);\n }.warning:is(.notecard,.callout),.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout) {\n background-color: var(--color-background-red);\n --accent-color: var(--color-text-red);\n }.tip:is(.notecard,.callout) {\n background-color: var(--color-background-green);\n --accent-color: var(--color-text-green);\n }: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 {\n position: absolute;\n top: 1.45em;\n left: 1em;\n\n display: block;\n\n width: 1em;\n height: 1em;\n\n content: \"\";\n\n background-color: var(--accent-color, var(--color-text-secondary));\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }.deprecated:is(.notecard,.callout)::before {\n /* e.g. Window: blur() method */\n -webkit-mask-image: url(\"../icon/trash-2.svg\");\n mask-image: url(\"../icon/trash-2.svg\");\n }.experimental:is(.notecard,.callout)::before {\n /* e.g. Barcode Detection API */\n -webkit-mask-image: url(\"../icon/flask-conical.svg\");\n mask-image: url(\"../icon/flask-conical.svg\");\n }.nonstandard:is(.notecard,.callout)::before {\n /* e.g. Document: caretRangeFromPoint() method */\n -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n mask-image: url(\"../icon/triangle-alert.svg\");\n }.note:is(.notecard,.callout)::before {\n /* e.g. Barcode Detection API */\n -webkit-mask-image: url(\"../icon/info.svg\");\n mask-image: url(\"../icon/info.svg\");\n }.secure:is(.notecard,.callout)::before {\n /* e.g. Barcode Detection API */\n -webkit-mask-image: url(\"../icon/lock.svg\");\n mask-image: url(\"../icon/lock.svg\");\n }.tip:is(.notecard,.callout)::before {\n /* (Not used in content yet) */\n -webkit-mask-image: url(\"../icon/lightbulb.svg\");\n mask-image: url(\"../icon/lightbulb.svg\");\n }.warning:is(.notecard,.callout)::before {\n /* e.g. Navigator: scheduling property */\n -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n mask-image: url(\"../icon/triangle-alert.svg\");\n }.worker:is(.notecard,.callout)::before {\n /* e.g. Worker: Worker() constructor (needs rari change) */\n -webkit-mask-image: url(\"../icon/cog.svg\");\n mask-image: url(\"../icon/cog.svg\");\n }\n","\n :is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.prolog,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.cdata {\n --csstools-light-dark-toggle-360cf513-0: var(--csstools-color-scheme--light) #b3b3b3;\n color: var(--csstools-light-dark-toggle-360cf513-0, #51565d);\n color: light-dark(#51565d, #b3b3b3);\n }:is(.code-example,.css-formal-syntax) .token.punctuation {\n --csstools-light-dark-toggle-360cf513-1: var(--csstools-color-scheme--light) #b3b3b3;\n color: var(--csstools-light-dark-toggle-360cf513-1, #51565d);\n color: light-dark(#51565d, #b3b3b3);\n }:is(.code-example,.css-formal-syntax) .token.attr-name,: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.property,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function {\n --csstools-light-dark-toggle-360cf513-2: var(--csstools-color-scheme--light) #ff97a0;\n color: var(--csstools-light-dark-toggle-360cf513-2, #d30038);\n color: light-dark(#d30038, #ff97a0);\n }:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value {\n --csstools-light-dark-toggle-360cf513-3: var(--csstools-color-scheme--light) #00d061;\n color: var(--csstools-light-dark-toggle-360cf513-3, #007936);\n color: light-dark(#007936, #00d061);\n }:is(.code-example,.css-formal-syntax) .token.keyword {\n --csstools-light-dark-toggle-360cf513-4: var(--csstools-color-scheme--light) #c1cff1;\n color: var(--csstools-light-dark-toggle-360cf513-4, #0069c2);\n color: light-dark(#0069c2, #c1cff1);\n }:is(.code-example,.css-formal-syntax) .token.tag,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.deleted {\n --csstools-light-dark-toggle-360cf513-5: var(--csstools-color-scheme--light) #00d061;\n color: var(--csstools-light-dark-toggle-360cf513-5, #007936);\n color: light-dark(#007936, #00d061);\n }:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.template-string > .token.string,:is(.code-example,.css-formal-syntax) .token.inserted {\n --csstools-light-dark-toggle-360cf513-6: var(--csstools-color-scheme--light) #bea5ff;\n color: var(--csstools-light-dark-toggle-360cf513-6, #872bff);\n color: light-dark(#872bff, #bea5ff);\n }:is(.code-example,.css-formal-syntax) .token.important,:is(.code-example,.css-formal-syntax) .token.bold {\n font-weight: bold;\n }:is(.code-example,.css-formal-syntax) .token.italic {\n font-style: italic;\n }:is(.code-example,.css-formal-syntax) .token.entity {\n cursor: help;\n }\n","@import url(\"../code-example/common.css\");\n@import url(\"../prev-next/index.css\");\n@import url(\"../notecard/index.css\");\n@import url(\"../code-example/prism.css\");\n\n.content-section {\n line-height: var(--font-line-content);\n}\n\n.content-section :target {\n scroll-margin-top: var(--sticky-header-height);\n }\n\n.content-section h1,.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6 {\n margin: 1rem 0 0;\n font-weight: var(--font-weight-normal);\n }\n\n.content-section h1 {\n margin-top: 0;\n font-size: var(--font-size-largest);\n }\n\n.content-section h2 {\n font-size: var(--font-size-larger);\n }\n\n.content-section h3 {\n font-size: var(--font-size-large);\n }\n\n.content-section h4 {\n font-size: var(--font-size-normal);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n.content-section h5,.content-section h6 {\n font-size: var(--font-size-normal);\n font-weight: var(--font-weight-bold);\n }\n\n:is(.content-section a):visited {\n color: var(--color-link-visited);\n }\n\n/* Regular links */\n\n:is(.content-section a):not([href^=\"#\"]) {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n\n:is(.content-section a):not([href^=\"#\"]):hover {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n/* Anchor links */\n\n[href^=\"#\"]:is(.content-section a) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n[href^=\"#\"]:is(.content-section a):hover {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n\n.content-section blockquote {\n margin-inline: 0;\n color: var(--color-text-secondary);\n border-inline-start: 0.25rem solid var(--color-border-primary);\n }\n\n:is(.content-section blockquote) > p {\n padding: 1rem 2rem;\n }\n\n.content-section pre,.content-section code {\n font-family: var(--font-family-code);\n white-space: pre-wrap;\n background-color: var(--color-background-secondary);\n }\n\n.content-section pre:not(.code-example pre) {\n padding: 1rem;\n\n overflow: auto;\n\n border: 1px solid var(--color-border-primary);\n border-radius: 0.25rem;\n }\n\n.css-formal-syntax:is(.content-section pre:not(.code-example pre)) {\n margin-bottom: 0;\n\n text-wrap: wrap;\n\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n.css-formal-syntax:is(.content-section pre:not(.code-example pre)) ~ footer {\n padding: 0.5rem 1rem;\n margin-bottom: 1rem;\n\n border: 1px solid var(--color-border-primary);\n border-top: 0;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n }\n\n.content-section code {\n padding: 0.125em 0.25em;\n border-radius: 0.25em;\n }\n\n.content-section img {\n display: block;\n\n margin: 2rem auto;\n\n background-color: var(--color-background-secondary);\n border: 1px solid var(--color-border-primary);\n border-radius: 0.25rem;\n }\n\n.content-section table {\n width: 100%;\n border-collapse: collapse;\n }\n\n:is(.content-section table) tr {\n background-color: var(--color-background-primary);\n }\n\n:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n) {\n background-color: var(--color-background-page);\n }\n\n:is(.content-section table) th,:is(.content-section table) td {\n padding: 0.5rem 0.75rem;\n border: 1px solid var(--color-border-primary);\n }\n\n:is(.content-section table) th {\n font-weight: var(--font-weight-normal);\n text-align: left;\n }\n\n.properties:is(.content-section table) th,.properties:is(.content-section table) td {\n border-width: 1px 0;\n }\n\n.properties:is(.content-section table) th {\n font-weight: var(--font-weight-bold);\n background-color: transparent;\n }\n\n.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result {\n margin: 1rem 0;\n }\n\n: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) {\n margin-top: 1.5rem;\n }\n\n.content-section interactive-example {\n display: block;\n height: 375px;\n margin: 1rem 0;\n }\n\n[name^=\"JavaScript Demo:\" i]:is(.content-section interactive-example) {\n height: 444px;\n }\n\n[height=\"shorter\"]:is(.content-section interactive-example) {\n height: 364px;\n }\n\n[height=\"taller\"]:is(.content-section interactive-example) {\n height: 654px;\n }\n\n[height=\"tabbed-shorter\"]:is(.content-section interactive-example) {\n height: 351px;\n margin-top: 1.5rem;\n }\n\n[height=\"tabbed-standard\"]:is(.content-section interactive-example) {\n height: 421px;\n }\n\n[height=\"tabbed-taller\"]:is(.content-section interactive-example) {\n height: 631px;\n }\n\n@media (width <= 992px) {\n\n.content-section interactive-example {\n height: 675px;\n }\n\n [name^=\"JavaScript Demo:\" i]:is(.content-section interactive-example) {\n height: 513px;\n }\n\n [height=\"shorter\"]:is(.content-section interactive-example) {\n height: 433px;\n }\n\n [height=\"taller\"]:is(.content-section interactive-example) {\n height: 725px;\n }\n\n [height=\"tabbed-shorter\"]:is(.content-section interactive-example) {\n height: 487px;\n }\n\n [height=\"tabbed-standard\"]:is(.content-section interactive-example) {\n height: 548px;\n }\n\n [height=\"tabbed-taller\"]:is(.content-section interactive-example) {\n height: 774px;\n }\n }\n\n/* Definition list */\n\n:is(.content-section dl) dl {\n padding-left: 1rem;\n border-left: 1px solid var(--color-border-primary);\n }\n\n:is(.content-section dl) dd {\n margin-left: 1rem;\n }\n\n:is(.content-section dl) ul {\n margin: 1rem 0 2rem;\n }\n\n:is(.content-section dl) a[href^=\"#\"] {\n color: inherit;\n }\n\n:is(:is(.content-section dl) a[href^=\"#\"]):hover::before {\n position: absolute;\n\n margin-top: 0.3em;\n margin-left: -0.9em;\n\n font-size: var(--font-size-small);\n\n color: var(--color-text-secondary);\n\n content: \"#\";\n }\n\n:is(.content-section ul.specifications-list) li:has(details) {\n margin-left: -1.25rem;\n list-style: none;\n }\n\n:is(.content-section ul.specifications-list) details {\n width: 100%;\n }\n\n[open]:is(:is(.content-section ul.specifications-list) details) > summary {\n margin-bottom: 0.5rem;\n }\n\n:is([open]:is(:is(.content-section ul.specifications-list) details) > summary)::before {\n transform: rotate(90deg);\n }\n\n:is(:is(.content-section ul.specifications-list) details) summary {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary)::before {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1rem;\n height: 1rem;\n\n margin: 0.125rem;\n\n content: \"\";\n\n background-color: currentcolor;\n\n -webkit-mask-image: url(\"../icon/chevron-right.svg\");\n\n mask-image: url(\"../icon/chevron-right.svg\");\n -webkit-mask-size: cover;\n mask-size: cover;\n }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary):hover {\n background-color: var(--color-background-secondary);\n }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover) {\n /* Don't highlight, as link click doesn't toggle. */\n background-color: unset;\n }\n\n/* Article footer */\n\n.content-section.article-footer {\n margin: 2rem 0;\n }\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles-content-section.e0bbadd0c4bc857d.css","sources":["webpack://@mdn/fred/./components/code-example/common.css","webpack://@mdn/fred/./components/prev-next/index.css","webpack://@mdn/fred/./components/notecard/index.css","webpack://@mdn/fred/./components/code-example/prism.css","webpack://@mdn/fred/./components/content-section/server.css"],"sourcesContent":[".code-example {\n --border: 1px solid var(--color-border-primary);\n overflow: hidden;\n border: var(--border);\n border-radius: 0.25rem;\n}.code-example .example-header {\n display: flex;\n\n align-items: center;\n\n min-height: 3.1rem;\n\n padding: 0.5rem 1rem;\n\n line-height: var(--font-line-ui);\n\n border-bottom: var(--border);\n }:is(.code-example .example-header) .language-name {\n text-transform: uppercase;\n }.code-example pre {\n display: flex;\n\n margin: 0;\n\n white-space: pre-wrap;\n\n background-color: var(--color-background-secondary);\n }:is(.code-example pre) code {\n flex-grow: 1;\n flex-shrink: 1;\n\n padding: 1rem;\n\n overflow: auto;\n\n font-family: var(--font-family-code);\n\n background-color: transparent;\n }.hidden:is(.code-example pre),[class*=\"interactive-example\"]:is(.code-example pre) {\n display: none;\n }:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre))::after {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1.24rem;\n height: 1.24rem;\n\n margin: 1.255rem 1rem;\n\n content: \"\";\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }.example-good:is(.code-example pre) {\n background-color: var(--color-background-green);\n }.example-good:is(.code-example pre)::after {\n background-color: var(--color-text-green);\n -webkit-mask-image: url(\"../icon/circle-check.svg\");\n mask-image: url(\"../icon/circle-check.svg\");\n }.example-bad:is(.code-example pre) {\n background-color: var(--color-background-red);\n }.example-bad:is(.code-example pre)::after {\n background-color: var(--color-text-red);\n -webkit-mask-image: url(\"../icon/circle-x.svg\");\n mask-image: url(\"../icon/circle-x.svg\");\n }.code-example:has(.hidden,[class*=\"interactive-example\"]) {\n /* TODO: we might want to fix this in rari */\n display: none;\n }.code-example iframe,.code-example mdn-play-runner {\n box-sizing: content-box;\n display: block;\n\n padding: 1rem;\n\n border: none;\n }\n","/* Tutorial nav. */\n.prev-next {\n display: flex;\n\n flex-wrap: nowrap;\n\n gap: 1rem;\n justify-content: space-between;\n\n width: 100%;\n\n padding: 0.5rem;\n margin: 0;\n\n list-style: none;\n\n border: 1px solid var(--color-border-primary);\n border-width: 1px 0;\n}\n.prev-next a {\n color: var(--color-link-normal) !important;\n text-wrap: balance;\n }\n:is(.prev-next a):visited {\n color: var(--color-link-visited) !important;\n }\n@media (width <= 426px) {\n.prev-next {\n display: grid;\n grid-template-areas:\n \"title title\"\n \"prev next\";\n}\n\n .prev-next li.menu {\n grid-area: title;\n justify-self: center;\n }\n\n .prev-next li.prev {\n grid-area: prev;\n justify-self: start;\n }\n\n .prev-next li.next {\n grid-area: next;\n justify-self: end;\n }\n }\n.prev-next .prev a,.prev-next .next a {\n display: flex;\n gap: 0.25rem;\n align-items: center;\n }\n.prev-next li {\n display: flex;\n\n flex-wrap: nowrap;\n\n place-items: center;\n\n background: none;\n }\n:is(.prev-next li) .button {\n color: inherit;\n background-color: inherit;\n border: inherit;\n }\n:is(:is(.prev-next li) .button):hover {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n.prev:is(.prev-next li) a::before,.next:is(.prev-next li) a::after {\n display: inline-block;\n\n width: 1em;\n height: 1em;\n\n vertical-align: middle;\n\n content: \"\";\n\n background-color: currentcolor;\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }\n.prev:is(.prev-next li) {\n margin-right: auto;\n }\n.prev:is(.prev-next li) a::before {\n -webkit-mask-image: url(\"../icon/arrow-left.svg\");\n mask-image: url(\"../icon/arrow-left.svg\");\n }\n.prev:is(.prev-next li) ~ .menu:is(.prev-next li) {\n margin-right: auto;\n margin-left: auto;\n text-align: center;\n }\n.next:is(.prev-next li) {\n margin-left: auto;\n }\n.next:is(.prev-next li) a::after {\n -webkit-mask-image: url(\"../icon/arrow-right.svg\");\n mask-image: url(\"../icon/arrow-right.svg\");\n }\n",".notecard,\n.callout {\n position: relative;\n\n padding-block: 1px;\n padding-inline: 1em;\n padding-inline-start: 3em;\n margin-block: 1em;\n\n color: var(--color-text-primary);\n\n background-color: var(--color-background-secondary);\n border-inline-start: 2px solid\n var(--accent-color, var(--color-text-secondary));\n border-radius: 0.25em;\n}.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.experimental:is(.notecard,.callout) {\n background-color: var(--color-background-blue);\n --accent-color: var(--color-text-blue);\n }.warning:is(.notecard,.callout),.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout) {\n background-color: var(--color-background-red);\n --accent-color: var(--color-text-red);\n }.tip:is(.notecard,.callout) {\n background-color: var(--color-background-green);\n --accent-color: var(--color-text-green);\n }: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 {\n position: absolute;\n top: 1.45em;\n left: 1em;\n\n display: block;\n\n width: 1em;\n height: 1em;\n\n content: \"\";\n\n background-color: var(--accent-color, var(--color-text-secondary));\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }.deprecated:is(.notecard,.callout)::before {\n /* e.g. Window: blur() method */\n -webkit-mask-image: url(\"../icon/trash-2.svg\");\n mask-image: url(\"../icon/trash-2.svg\");\n }.experimental:is(.notecard,.callout)::before {\n /* e.g. Barcode Detection API */\n -webkit-mask-image: url(\"../icon/flask-conical.svg\");\n mask-image: url(\"../icon/flask-conical.svg\");\n }.nonstandard:is(.notecard,.callout)::before {\n /* e.g. Document: caretRangeFromPoint() method */\n -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n mask-image: url(\"../icon/triangle-alert.svg\");\n }.note:is(.notecard,.callout)::before {\n /* e.g. Barcode Detection API */\n -webkit-mask-image: url(\"../icon/info.svg\");\n mask-image: url(\"../icon/info.svg\");\n }.secure:is(.notecard,.callout)::before {\n /* e.g. Barcode Detection API */\n -webkit-mask-image: url(\"../icon/lock.svg\");\n mask-image: url(\"../icon/lock.svg\");\n }.tip:is(.notecard,.callout)::before {\n /* (Not used in content yet) */\n -webkit-mask-image: url(\"../icon/lightbulb.svg\");\n mask-image: url(\"../icon/lightbulb.svg\");\n }.warning:is(.notecard,.callout)::before {\n /* e.g. Navigator: scheduling property */\n -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n mask-image: url(\"../icon/triangle-alert.svg\");\n }.worker:is(.notecard,.callout)::before {\n /* e.g. Worker: Worker() constructor (needs rari change) */\n -webkit-mask-image: url(\"../icon/cog.svg\");\n mask-image: url(\"../icon/cog.svg\");\n }\n","\n :is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.prolog,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.cdata {\n --csstools-light-dark-toggle-360cf513-0: var(--csstools-color-scheme--light) #b3b3b3;\n color: var(--csstools-light-dark-toggle-360cf513-0, #51565d);\n color: light-dark(#51565d, #b3b3b3);\n }:is(.code-example,.css-formal-syntax) .token.punctuation {\n --csstools-light-dark-toggle-360cf513-1: var(--csstools-color-scheme--light) #b3b3b3;\n color: var(--csstools-light-dark-toggle-360cf513-1, #51565d);\n color: light-dark(#51565d, #b3b3b3);\n }:is(.code-example,.css-formal-syntax) .token.attr-name,: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.property,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function {\n --csstools-light-dark-toggle-360cf513-2: var(--csstools-color-scheme--light) #ff97a0;\n color: var(--csstools-light-dark-toggle-360cf513-2, #d30038);\n color: light-dark(#d30038, #ff97a0);\n }:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value {\n --csstools-light-dark-toggle-360cf513-3: var(--csstools-color-scheme--light) #00d061;\n color: var(--csstools-light-dark-toggle-360cf513-3, #007936);\n color: light-dark(#007936, #00d061);\n }:is(.code-example,.css-formal-syntax) .token.keyword {\n --csstools-light-dark-toggle-360cf513-4: var(--csstools-color-scheme--light) #c1cff1;\n color: var(--csstools-light-dark-toggle-360cf513-4, #0069c2);\n color: light-dark(#0069c2, #c1cff1);\n }:is(.code-example,.css-formal-syntax) .token.tag,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.deleted {\n --csstools-light-dark-toggle-360cf513-5: var(--csstools-color-scheme--light) #00d061;\n color: var(--csstools-light-dark-toggle-360cf513-5, #007936);\n color: light-dark(#007936, #00d061);\n }:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.template-string > .token.string,:is(.code-example,.css-formal-syntax) .token.inserted {\n --csstools-light-dark-toggle-360cf513-6: var(--csstools-color-scheme--light) #bea5ff;\n color: var(--csstools-light-dark-toggle-360cf513-6, #872bff);\n color: light-dark(#872bff, #bea5ff);\n }:is(.code-example,.css-formal-syntax) .token.important,:is(.code-example,.css-formal-syntax) .token.bold {\n font-weight: bold;\n }:is(.code-example,.css-formal-syntax) .token.italic {\n font-style: italic;\n }:is(.code-example,.css-formal-syntax) .token.entity {\n cursor: help;\n }\n","@import url(\"../code-example/common.css\");\n@import url(\"../prev-next/index.css\");\n@import url(\"../notecard/index.css\");\n@import url(\"../code-example/prism.css\");\n\n.content-section {\n line-height: var(--font-line-content);\n}\n\n.content-section :target {\n scroll-margin-top: var(--sticky-header-height);\n }\n\n.content-section h1,.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6 {\n margin: 1rem 0 0;\n font-weight: var(--font-weight-normal);\n }\n\n.content-section h1 {\n margin-top: 0;\n font-size: var(--font-size-largest);\n }\n\n.content-section h2 {\n font-size: var(--font-size-larger);\n }\n\n.content-section h3 {\n font-size: var(--font-size-large);\n }\n\n.content-section h4 {\n font-size: var(--font-size-normal);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n.content-section h5,.content-section h6 {\n font-size: var(--font-size-normal);\n font-weight: var(--font-weight-bold);\n }\n\n:is(.content-section a):visited {\n color: var(--color-link-visited);\n }\n\n/* Regular links */\n\n:is(.content-section a):not([href^=\"#\"]) {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n\n:is(.content-section a):not([href^=\"#\"]):hover {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n/* Anchor links */\n\n[href^=\"#\"]:is(.content-section a) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n[href^=\"#\"]:is(.content-section a):hover {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n\n.content-section blockquote {\n margin-inline: 0;\n color: var(--color-text-secondary);\n border-inline-start: 0.25rem solid var(--color-border-primary);\n }\n\n:is(.content-section blockquote) > p {\n padding: 1rem 2rem;\n }\n\n.content-section pre,.content-section code {\n font-family: var(--font-family-code);\n white-space: pre-wrap;\n background-color: var(--color-background-secondary);\n }\n\n.content-section pre:not(.code-example pre) {\n padding: 1rem;\n\n overflow: auto;\n\n border: 1px solid var(--color-border-primary);\n border-radius: 0.25rem;\n }\n\n.css-formal-syntax:is(.content-section pre:not(.code-example pre)) {\n margin-bottom: 0;\n\n text-wrap: wrap;\n\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n.css-formal-syntax:is(.content-section pre:not(.code-example pre)) ~ footer {\n padding: 0.5rem 1rem;\n margin-bottom: 1rem;\n\n border: 1px solid var(--color-border-primary);\n border-top: 0;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n }\n\n.content-section code {\n padding: 0.125em 0.25em;\n border-radius: 0.25em;\n }\n\n.content-section img {\n display: block;\n\n margin: 2rem auto;\n\n background-color: var(--color-background-secondary);\n border: 1px solid var(--color-border-primary);\n border-radius: 0.25rem;\n }\n\n.content-section table {\n width: 100%;\n border-collapse: collapse;\n }\n\n:is(.content-section table) tr {\n background-color: var(--color-background-primary);\n }\n\n:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n) {\n background-color: var(--color-background-page);\n }\n\n:is(.content-section table) th,:is(.content-section table) td {\n padding: 0.5rem 0.75rem;\n border: 1px solid var(--color-border-primary);\n }\n\n:is(.content-section table) th {\n font-weight: var(--font-weight-normal);\n text-align: left;\n }\n\n.properties:is(.content-section table) th,.properties:is(.content-section table) td {\n border-width: 1px 0;\n }\n\n.properties:is(.content-section table) th {\n font-weight: var(--font-weight-bold);\n background-color: transparent;\n }\n\n.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result {\n margin: 1rem 0;\n }\n\n: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) {\n margin-top: 1.5rem;\n }\n\n.content-section interactive-example {\n display: block;\n height: 375px;\n margin: 1rem 0;\n }\n\n[name^=\"JavaScript Demo:\" i]:is(.content-section interactive-example) {\n height: 444px;\n }\n\n[height=\"shorter\"]:is(.content-section interactive-example) {\n height: 364px;\n }\n\n[height=\"taller\"]:is(.content-section interactive-example) {\n height: 654px;\n }\n\n[height=\"tabbed-shorter\"]:is(.content-section interactive-example) {\n height: 351px;\n margin-top: 1.5rem;\n }\n\n[height=\"tabbed-standard\"]:is(.content-section interactive-example) {\n height: 421px;\n }\n\n[height=\"tabbed-taller\"]:is(.content-section interactive-example) {\n height: 631px;\n }\n\n@media (width <= 992px) {\n\n.content-section interactive-example {\n height: 675px;\n }\n\n [name^=\"JavaScript Demo:\" i]:is(.content-section interactive-example) {\n height: 513px;\n }\n\n [height=\"shorter\"]:is(.content-section interactive-example) {\n height: 433px;\n }\n\n [height=\"taller\"]:is(.content-section interactive-example) {\n height: 725px;\n }\n\n [height=\"tabbed-shorter\"]:is(.content-section interactive-example) {\n height: 487px;\n }\n\n [height=\"tabbed-standard\"]:is(.content-section interactive-example) {\n height: 548px;\n }\n\n [height=\"tabbed-taller\"]:is(.content-section interactive-example) {\n height: 774px;\n }\n }\n\n/* Definition list */\n\n:is(.content-section dl) dl {\n padding-left: 1rem;\n border-left: 1px solid var(--color-border-primary);\n }\n\n:is(.content-section dl) dd {\n margin-left: 1rem;\n\n /* Move description closer to term. */\n }\n\n:is(:is(.content-section dl) dd) p:first-child {\n margin-top: 0.5rem;\n }\n\n:is(.content-section dl) ul {\n margin: 1rem 0 2rem;\n }\n\n:is(.content-section dl) a[href^=\"#\"] {\n color: inherit;\n }\n\n:is(:is(.content-section dl) a[href^=\"#\"]):hover::before {\n position: absolute;\n\n margin-top: 0.3em;\n margin-left: -0.9em;\n\n font-size: var(--font-size-small);\n\n color: var(--color-text-secondary);\n\n content: \"#\";\n }\n\n:is(.content-section ul.specifications-list) li:has(details) {\n margin-left: -1.25rem;\n list-style: none;\n }\n\n:is(.content-section ul.specifications-list) details {\n width: 100%;\n }\n\n[open]:is(:is(.content-section ul.specifications-list) details) > summary {\n margin-bottom: 0.5rem;\n }\n\n:is([open]:is(:is(.content-section ul.specifications-list) details) > summary)::before {\n transform: rotate(90deg);\n }\n\n:is(:is(.content-section ul.specifications-list) details) summary {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary)::before {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1rem;\n height: 1rem;\n\n margin: 0.125rem;\n\n content: \"\";\n\n background-color: currentcolor;\n\n -webkit-mask-image: url(\"../icon/chevron-right.svg\");\n\n mask-image: url(\"../icon/chevron-right.svg\");\n -webkit-mask-size: cover;\n mask-size: cover;\n }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary):hover {\n background-color: var(--color-background-secondary);\n }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover) {\n /* Don't highlight, as link click doesn't toggle. */\n background-color: unset;\n }\n\n/* Article footer */\n\n.content-section.article-footer {\n margin: 2rem 0;\n }\n"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- export const __webpack_id__="4016";export const __webpack_ids__=["4016"];export const __webpack_modules__={21440:function(){},2283:function(){},99537:function(){},41100:function(){},89564:function(){},1314:function(){},53645:function(){},63874:function(){},94420:function(){},28614:function(){},12206:function(){},13141:function(){},26896:function(){},90998:function(){},27313:function(){},14132:function(){},14281:function(){},69767:function(){},41645:function(){},52213:function(){},10717:function(){}};import n from"./styles.42b0721850a6a7e4.js";var o=function(o){return n(n.s=o)};import*as t from"./styles-global.4640cc3400ce02f4.js";n.C(t),o(21440),o(99537),o(2283),o(89564),o(41100),o(1314),o(53645),o(63874),o(94420),o(28614),o(12206),o(13141),o(26896),o(90998),o(27313),o(14132),o(14281),o(69767),o(41645),o(52213),o(10717);
1
+ export const __webpack_id__="4016";export const __webpack_ids__=["4016"];export const __webpack_modules__={21440:function(){},2283:function(){},99537:function(){},41100:function(){},89564:function(){},1314:function(){},53645:function(){},63874:function(){},94420:function(){},28614:function(){},12206:function(){},13141:function(){},26896:function(){},90998:function(){},27313:function(){},14132:function(){},14281:function(){},69767:function(){},41645:function(){},52213:function(){},10717:function(){}};import n from"./styles.42b0721850a6a7e4.js";var o=function(o){return n(n.s=o)};import*as t from"./styles-global.57880af9e7d6375b.js";n.C(t),o(21440),o(2283),o(99537),o(89564),o(41100),o(1314),o(53645),o(63874),o(94420),o(28614),o(12206),o(13141),o(26896),o(90998),o(27313),o(14132),o(14281),o(69767),o(41645),o(52213),o(10717);